App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 5 · 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.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) the same screen (d) a clear next step
2. 2.Which of these is true of a final design? (a) is a quick sketch (b) has the real colours (c) has no real colours (d) uses plain grey boxes
3. 3.Which colour pair is easy to read? (a) dark blue on black (b) black on pale grey (c) yellow on white (d) light grey on white
4. 4.True or false: strong colour contrast is good button design. (a) False (b) True
5. 5.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
6. 6.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ menu icon ]
   [ search box ]
   [ list of items ]
   [ top bar ]
   [ Save button ] (a) Save button (b) top bar (c) search box (d) menu icon
7. 7.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) a draft you are typing (d) photos on two devices
8. 8.🔢 In a quiz-app flow, which comes first: “pick an answer” or “tap “Start quiz””? (a) tap “Start quiz” (b) pick an answer
9. 9.🔍 Which is the odd one out? (a) how users feel after (b) how fast a task is done (c) the font size (d) how easy sign-up is
10. 10.🔍 Which is the odd one out? (a) strong colour contrast (b) tiny tap areas (c) colour as the only clue (d) icons with no labels
11. 11.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Music", "Science", "Art"];
    show(notes[3]); (a) Maths (b) Music (c) Art (d) Science
12. 12.🔢 In a sign-up flow, what comes right after “open the app”? (a) tap “Sign up” (b) type name and email (c) make a password (d) enter the code sent
13. 13.True or false: a wireframe has no real colours. (a) True (b) False
14. 14.True or false: “colour as the only clue” makes the app harder to use. (a) False (b) True
15. 15.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
16. 16.Which of these is about UX (the experience)? (a) the screen layout (b) whether users get lost (c) the theme colours (d) the font size
17. 17.🔢 In a photo-post flow, which comes LAST? (a) add a filter (b) write a caption (c) post the photo (d) open the camera screen
18. 18.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
19. 19.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Pens → Cart → Menu
    Design B: Home → Pay → Size (a) Design B (b) Design A
20. 20.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) that tab’s main screen (c) the last app used (d) a random page
21. 21.Which of these makes the app harder to use? (a) strong colour contrast (b) fast-flashing lights (c) text that can grow (d) labels on every icon
22. 22.True or false: a wireframe looks like the real app. (a) False (b) True
23. 23.🔍 Which is the odd one out? (a) the theme colours (b) how users feel after (c) the font size (d) the icon shapes
24. 24.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) the theme colours (d) the screen layout
25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Friend list”
    3. tap Back
    4. open “Help page”
    5. tap the Feed tab
    Which screen are you on now? (a) Friend list (b) Help page (c) Chat (d) Feed
26. 26.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
27. 27.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ search box ]
    [ Save button ]
    [ title text ]
    [ big picture ] (a) Save button (b) big picture (c) search box
28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ menu icon ]
    [ big picture ] (a) big picture (b) filter buttons (c) menu icon (d) search box
29. 29.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) open the app (c) make a password (d) enter the code sent
30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Item → Address
    Design B: Home → Results → Menu → Address → Item
31. 31.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) never need a password (c) use it on any device (d) skip the internet
32. 32.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
33. 33.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) see the home screen (c) make a password (d) type name and email
34. 34.True or false: notes to read offline fits saving on the phone. (a) True (b) False
35. 35.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
36. 36.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) icons with no labels (d) captions on videos
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Map”
    3. tap Back
    Which screen are you on now? (a) Feed (b) Chat (c) Settings (d) Map
38. 38.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False
39. 39.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ filter buttons ]
    [ search box ]
    [ menu icon ] (a) search box (b) filter buttons (c) menu icon
40. 40.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) strong colour contrast (d) icons with no labels

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