App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 583 · 40 questions

Developer's tip (Think like the user): First decide which topic the question is about. Use that lesson’s rule: 48 px buttons, 16 px text, the screen stack, the flow order. For code, count positions from 0.

1. 1.🔘 Our rule: buttons are at least 48 px tall. The Help button is 44 px tall. How many px taller must it be?
2. 2.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
3. 3.Which of these is true of a wireframe? (a) has the real colours (b) shows where things go (c) looks like the real app (d) shows the real fonts
4. 4.🖼️ In this wireframe (top to bottom), what is right above the Save button?
   [ tab bar ]
   [ list of items ]
   [ Save button ]
   [ Add button ] (a) list of items (b) Add button (c) tab bar
5. 5.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Menu: 20 px
   Body text: 12 px
   Hint: 19 px
   Footer: 22 px
   Label: 25 px (a) Menu (b) Footer (c) Body text (d) Hint
6. 6.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) make a password (b) open the app
7. 7.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 3 to 5 (c) 10 to 12 (d) 1
8. 8.💾 What does this code show? (Positions start at 0.)
   let notes = ["Music", "Science", "Hindi", "Sports"];
   show(notes[2]); (a) Music (b) Sports (c) Science (d) Hindi
9. 9.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
10. 10.🧭 What does the back button usually do? (a) goes to the last screen (b) closes all apps (c) deletes the page (d) opens settings
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Badges”
    3. open “Video”
    Which screen are you on now? (a) Badges (b) Chat (c) Feed (d) Video
12. 12.💾 What number does this code show?
    let lives = 8;
    lives = lives - 2;
    lives = lives + 1;
    show(lives);
13. 13.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a clear next step (d) a dead end
14. 14.♿ A screen has 9 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Help page”
    3. tap the Quiz tab
    4. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
16. 16.True or false: the font size is about UX (the experience). (a) False (b) True
17. 17.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ menu icon ]
    [ Add button ]
    [ search box ]
    [ top bar ]
    [ Save button ]
18. 18.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see the final score (b) see if it is right (c) tap “Start quiz” (d) read a question
19. 19.True or false: a final design looks like the real app. (a) False (b) True
20. 20.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
21. 21.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Chat tab
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
23. 23.True or false: strong colour contrast is poor button design. (a) False (b) True
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Score card”
    4. open “Friend list”
    5. open “Map”
    Which screen are you on now? (a) Score card (b) Match report (c) Friend list (d) Map
25. 25.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 52 px tall
    Cancel button: 40 px tall
    Help button: 44 px tall
27. 27.🎨 UX stands for user ___. (a) extra (b) express (c) experience (d) example
28. 28.True or false: a final design uses the final pictures. (a) False (b) True
29. 29.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) write a caption (d) take the photo
30. 30.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
31. 31.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) add it to the cart (c) track the order (d) open the menu
32. 32.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
33. 33.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ tab bar ]
    [ big picture ]
    [ menu icon ]
    [ Add button ]
    [ title text ]
34. 34.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ filter buttons ]
    [ title text ]
    [ menu icon ]
35. 35.🔢 In a food-order flow, which comes first: “track the order” or “add it to the cart”? (a) add it to the cart (b) track the order
36. 36.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
37. 37.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
38. 38.🔢 In a photo-post flow, which comes first: “add a filter” or “take the photo”? (a) add a filter (b) take the photo
39. 39.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ big picture ]
    [ title text ]
    [ Add button ]
    [ search box ] (a) title text (b) big picture (c) search box
40. 40.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) tap “Sign up” (c) see the home screen (d) open the app

Free app development lessons, practice and worksheets at talentjr.in/app-development-for-students