App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 253 · 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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Match report”
   2. tap the Home tab
   3. open “Edit photo”
   4. tap the Profile tab
   5. open “Score card”
   Which screen are you on now? (a) Edit photo (b) Score card (c) Match report (d) Home
2. 2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Back button: 56 px tall
   Next button: 64 px tall
   Help button: 48 px tall
   Done button: 36 px tall
3. 3.💾 Which can hold many values in order? (a) a list (b) a switch (c) a single number (d) a button
4. 4.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) more colours (c) a bigger app (d) worse UX
5. 5.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. open “Badges”
   3. open “Badges”
   4. open “Friend list”
   5. open “Score card”
   How many times must you tap Back to reach the main screen of this tab?
7. 7.🔍 Which is the odd one out? (a) how many taps it takes (b) the theme colours (c) how fast a task is done (d) how users feel after
8. 8.🖼️ In this wireframe (top to bottom), what is right above the Save button?
   [ tab bar ]
   [ Save button ]
   [ Add button ]
   [ list of items ] (a) Add button (b) tab bar (c) list of items
9. 9.True or false: the button colours is about UI (the look). (a) True (b) False
10. 10.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) see the final score (c) read a question (d) see if it is right
11. 11.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ search box ]
    [ tab bar ]
    [ top bar ]
    [ menu icon ]
    [ list of items ] (a) list of items (b) Add button (c) search box (d) menu icon
12. 12.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
13. 13.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) write a caption (b) post the photo
14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ big picture ]
    [ title text ]
    [ top bar ] (a) top bar (b) Save button (c) big picture (d) title text
15. 15.Which colour pair is easy to read? (a) pale pink on white (b) dark blue on black (c) white on black (d) yellow on white
16. 16.Which of these is true of the back button? (a) hides extra links (b) opens a list of pages (c) sits at the bottom (d) goes to the last screen
17. 17.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) good UI but poor UX (c) no UI at all (d) perfect UX
18. 18.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) pay for the order (c) open the menu (d) pick a dish
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Pens → Results
    Design B: Home → Menu → Pay
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ list of items ]
    [ menu icon ]
    [ tab bar ] (a) list of items (b) menu icon (c) tab bar (d) big picture
21. 21.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) the app is closed (c) the phone is lost (d) you send a message
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. open “Badges”
    4. open “Friend list”
    Which screen are you on now? (a) Badges (b) Friend list (c) Lessons (d) Quiz
23. 23.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 48 px tall
    Next button: 48 px tall
    Send button: 52 px tall
24. 24.Which of these is true of the back button? (a) opens a list of pages (b) shows 3 to 5 icons (c) switches main sections (d) undoes one move
25. 25.🔘 Our rule: buttons are at least 48 px tall. The Done button is 24 px tall. How many px taller must it be?
26. 26.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ menu icon ]
    [ filter buttons ]
    [ Save button ]
    [ list of items ]
    [ search box ] (a) Save button (b) search box (c) filter buttons (d) menu icon
27. 27.🔢 In a sign-up flow, what comes right after “make a password”? (a) tap “Sign up” (b) see the home screen (c) enter the code sent (d) type name and email
28. 28.True or false: buttons almost touching is poor button design. (a) True (b) False
29. 29.🔢 In a sign-up flow, which comes first: “make a password” or “type name and email”? (a) type name and email (b) make a password
30. 30.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
31. 31.🎨 UX stands for user ___. (a) experience (b) extra (c) express (d) example
32. 32.Which of these is true of a tab bar? (a) sits at the bottom (b) opens a list of pages (c) undoes one move (d) goes to the last screen
33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 60 px tall
    Next button: 32 px tall
    Cancel button: 68 px tall
    Start button: 48 px tall (a) Back (b) Cancel (c) Start (d) Next
34. 34.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Search → Offers → Shop
    Design B: Home → Offers → Size → Cart → Menu → Shop
36. 36.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. open “Badges”
    3. tap the Lessons tab
    4. open “Match report”
    Which screen are you on now? (a) Quiz (b) Badges (c) Lessons (d) Match report
38. 38.🔢 In a sign-up flow, which comes first: “open the app” or “enter the code sent”? (a) open the app (b) enter the code sent
39. 39.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
40. 40.🔢 In a food-order flow, which comes first: “add it to the cart” or “track the order”? (a) add it to the cart (b) track the order

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