App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 388 · 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 “Edit photo”
   2. open “Edit photo”
   3. tap Back
   Which screen are you on now? (a) Search (b) Profile (c) Home (d) Edit photo
2. 2.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) shows where things go (d) has the real colours
3. 3.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) write a caption (c) add a filter (d) post the photo
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Match report”
   2. tap the Profile tab
   3. open “Match report”
   Which screen are you on now? (a) Search (b) Home (c) Match report (d) Profile
5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Results → Item
   Design B: Home → Cart → Offers → Confirm (a) Design A (b) Design B
6. 6.True or false: the icon shapes is about UI (the look). (a) False (b) True
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Home tab
   2. open “Badges”
   3. tap the Home tab
   4. open “Match report”
   Which screen are you on now? (a) Home (b) Badges (c) Search (d) Match report
8. 8.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) post the photo (c) write a caption (d) add a filter
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Save button ]
   [ list of items ]
   [ filter buttons ]
   [ menu icon ]
   [ Add button ]
   [ search box ] (a) menu icon (b) filter buttons (c) search box (d) list of items
10. 10.Which of these helps everyone use the app? (a) fast-flashing lights (b) sudden loud sounds (c) colour as the only clue (d) big touch targets
11. 11.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) changes are quick (d) it saves data
12. 12.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Video”
    4. tap Back
    Which screen are you on now? (a) Badges (b) Video (c) Home (d) Search
13. 13.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) post the photo (c) write a caption (d) add a filter
14. 14.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 25 px
    Menu: 11 px
    Title: 26 px
    Hint: 17 px
    Footer: 20 px (a) Label (b) Title (c) Hint (d) Menu
15. 15.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
16. 16.✏️ What is a wireframe? (a) a type of password (b) the finished app (c) a simple screen sketch (d) a charging cable
17. 17.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ big picture ]
    [ tab bar ]
    [ title text ]
    [ Add button ] (a) big picture (b) tab bar (c) Add button (d) Save button
19. 19.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ tab bar ]
    [ top bar ]
    [ search box ]
    [ big picture ] (a) tab bar (b) top bar (c) big picture
20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap Back
    3. open “Edit photo”
    4. tap the Home tab
    Which screen are you on now? (a) Home (b) Edit photo (c) Help page (d) Search
21. 21.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
22. 22.True or false: “strong colour contrast” helps everyone use the app. (a) True (b) False
23. 23.💾 What number does this code show?
    let songs = ["Kites", "Sunrise", "Ocean"];
    songs.push("Monsoon");
    show(songs.length);
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Results → Cart
    Design B: Home → Pens → Pay
25. 25.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
26. 26.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
27. 27.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 64 px tall
    Back button: 40 px tall
    Help button: 60 px tall
28. 28.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) open the app (c) see the home screen (d) make a password
29. 29.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 44 px tall
    Done button: 68 px tall
    Start button: 56 px tall (a) Save (b) Start (c) Done
30. 30.Which of these makes the app harder to use? (a) text that can grow (b) big touch targets (c) fast-flashing lights (d) captions on videos
31. 31.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 68 px tall
    Send button: 44 px tall
    Cancel button: 52 px tall (a) Send (b) Start (c) Cancel
32. 32.True or false: a clear word like Save is poor button design. (a) True (b) False
33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Address
    Design B: Home → Offers → Results → Shop → Search (a) Design A (b) Design B
34. 34.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ title text ]
    [ Add button ]
    [ filter buttons ]
    [ Save button ] (a) big picture (b) title text (c) Save button (d) Add button
35. 35.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
36. 36.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Match report”
    3. tap the Profile tab
    4. open “Edit photo”
    5. tap the Search tab
    Which screen are you on now? (a) Search (b) Edit photo (c) Match report (d) Map
37. 37.♿ What does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) plays music (d) takes photos
38. 38.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Map”
    3. tap Back
    4. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
39. 39.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) open the app (c) see the home screen (d) make a password
40. 40.True or false: space between buttons is poor button design. (a) False (b) True

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