App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 997 · 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.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
2. 2.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) strong colour contrast (d) fast-flashing lights
3. 3.💾 What number does this code show?
   let points = 4;
   points = points - 4;
   points = points + 3;
   show(points);
4. 4.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
5. 5.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) pick an answer (b) see the final score (c) read a question (d) tap “Start quiz”
6. 6.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
7. 7.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 1 (c) 20 (d) 10 to 12
8. 8.🎨 UI stands for user ___. (a) internet (b) input (c) idea (d) interface
9. 9.🔍 Which is the odd one out? (a) text that can grow (b) captions on videos (c) icons with no labels (d) labels on every icon
10. 10.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ filter buttons ]
    [ big picture ]
    [ menu icon ]
    [ top bar ]
    [ title text ] (a) filter buttons (b) menu icon (c) big picture (d) title text
11. 11.Which colour pair is easy to read? (a) white on dark green (b) red on green (c) light grey on white (d) pale pink on white
12. 12.Which of these is about UI (the look)? (a) how users feel after (b) how fast a task is done (c) how easy sign-up is (d) the button colours
13. 13.True or false: a wireframe shows where things go. (a) True (b) False
14. 14.Which of these is true of a final design? (a) is a quick sketch (b) looks like the real app (c) has no real colours (d) uses plain grey boxes
15. 15.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
16. 16.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) home screen (d) dead end
17. 17.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ Save button ]
    [ title text ]
    [ list of items ]
    [ search box ]
    [ filter buttons ]
    [ top bar ] (a) search box (b) filter buttons (c) list of items (d) Save button
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. tap the Search tab
    4. open “Edit photo”
    5. tap the Search tab
    Which screen are you on now? (a) Home (b) Search (c) Video (d) Edit photo
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Video”
    3. tap Back
    4. open “Badges”
    5. open “Help page”
    Which screen are you on now? (a) Video (b) Help page (c) Badges (d) Home
20. 20.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 68 px tall
    Done button: 40 px tall
    Next button: 72 px tall (a) Next (b) Start (c) Done
21. 21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 17 px
    Body text: 20 px
    Hint: 24 px
    Title: 10 px (a) Body text (b) Hint (c) Title (d) Caption
22. 22.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) a bigger app (c) more colours (d) worse UX
23. 23.True or false: the screen layout is about UX (the experience). (a) False (b) True
24. 24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Edit photo”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
25. 25.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
26. 26.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
27. 27.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 28 px
    Body text: 14 px
    Hint: 17 px (a) Title (b) Hint (c) Body text
28. 28.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap the Quiz tab
    3. tap the Me tab
    4. tap the Me tab
    5. open “Edit photo”
    Which screen are you on now? (a) Video (b) Edit photo (c) Quiz (d) Lessons
29. 29.🔍 Which is the odd one out? (a) whether users get lost (b) how many taps it takes (c) how fast a task is done (d) the icon shapes
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 36 px tall
    Back button: 48 px tall
    Send button: 56 px tall
    Next button: 32 px tall
31. 31.Which of these is true of a tab bar? (a) goes to the last screen (b) sits at the bottom (c) hides extra links (d) opens a list of pages
32. 32.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
33. 33.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
34. 34.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
35. 35.Which of these is true of a final design? (a) has no real colours (b) uses the final pictures (c) is a quick sketch (d) uses plain grey boxes
36. 36.Which of these is true of a final design? (a) has the real colours (b) has no real colours (c) uses plain grey boxes (d) shows where things go
37. 37.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) dark blue on white (d) light grey on white
38. 38.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
39. 39.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
40. 40.True or false: notes to read offline fits saving on the phone. (a) True (b) False

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