App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 18 · 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 Feed, Chat, Settings. You start on Feed, then:
   1. open “Score card”
   2. open “Edit photo”
   3. open “Friend list”
   How many times must you tap Back to reach the main screen of this tab?
2. 2.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Title: 11 px
   Menu: 18 px
   Caption: 18 px (a) Menu (b) Title (c) Caption
3. 3.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) enter the code sent (b) type name and email
4. 4.🧭 What does the back button usually do? (a) goes to the last screen (b) opens settings (c) deletes the page (d) closes all apps
5. 5.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
6. 6.🖼️ How many parts (boxes) does this wireframe have?
   [ big picture ]
   [ menu icon ]
   [ Add button ]
   [ title text ]
   [ Save button ]
   [ top bar ]
7. 7.🔍 Which is the odd one out? (a) colour as the only clue (b) text that can grow (c) labels on every icon (d) captions on videos
8. 8.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
9. 9.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) looks like the real app (d) has no real colours
10. 10.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
11. 11.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ title text ]
    [ Add button ]
    [ top bar ] (a) Add button (b) title text (c) top bar
12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Settings tab
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
13. 13.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 52 px tall
    Save button: 56 px tall
    Cancel button: 52 px tall
    Next button: 32 px tall
14. 14.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ menu icon ] (a) filter buttons (b) top bar (c) menu icon
15. 15.Which of these fits saving in the cloud? (a) the sound on/off setting (b) notes to read offline (c) a class leaderboard (d) your last game level
16. 16.True or false: how fast a task is done is about UX (the experience). (a) True (b) False
17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Friend list”
    3. open “Friend list”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
18. 18.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
19. 19.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
20. 20.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
21. 21.True or false: a final design is a quick sketch. (a) False (b) True
22. 22.🔢 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
23. 23.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) see the final score (b) tap “Start quiz”
24. 24.True or false: a tiny 20 px button is poor button design. (a) False (b) True
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 26 px
    Menu: 25 px
    Title: 9 px (a) Menu (b) Hint (c) Title
26. 26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Edit photo”
    Which screen are you on now? (a) Map (b) Lessons (c) Quiz (d) Edit photo
27. 27.🔍 Which is the odd one out? (a) the icon shapes (b) the screen layout (c) the button colours (d) how fast a task is done
28. 28.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
29. 29.Which colour pair is easy to read? (a) white on black (b) yellow on white (c) pale pink on white (d) light grey on white
30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Item
    Design B: Home → Confirm → Pens → Search → Size → Shop → Pay
31. 31.Which of these is true of the back button? (a) hides extra links (b) undoes one move (c) sits at the bottom (d) shows 3 to 5 icons
32. 32.True or false: the font size is about UI (the look). (a) False (b) True
33. 33.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) your last game level (d) chat messages to friends
34. 34.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ search box ]
    [ menu icon ]
    [ tab bar ]
    [ list of items ] (a) search box (b) list of items (c) menu icon
35. 35.Which of these makes the app harder to use? (a) text that can grow (b) big touch targets (c) labels on every icon (d) tiny tap areas
36. 36.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 2 (c) 0 (d) 1
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Pay
    Design B: Home → Size → Address → Shop → Confirm
38. 38.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) uses the final pictures (d) has no real colours
39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. open “Help page”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
40. 40.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI

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