App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 258 · 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 quiz-app flow, which comes FIRST? (a) read a question (b) see the final score (c) pick an answer (d) tap “Start quiz”
2. 2.True or false: a wireframe is a quick sketch. (a) False (b) True
3. 3.Which of these helps everyone use the app? (a) icons with no labels (b) sudden loud sounds (c) labels on every icon (d) tiny tap areas
4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Size → Pens → Results
   Design B: Home → Menu → Shop → Item → Address
5. 5.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) tab bar (c) dead end (d) shortcut
6. 6.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
7. 7.🔍 Which is the odd one out? (a) the screen layout (b) the font size (c) how fast a task is done (d) the button colours
8. 8.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
9. 9.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
10. 10.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 10 px
    Label: 25 px
    Hint: 23 px
    Caption: 17 px (a) Caption (b) Label (c) Hint (d) Body text
12. 12.True or false: “fast-flashing lights” makes the app harder to use. (a) False (b) True
13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ top bar ]
    [ title text ]
    [ search box ]
    [ tab bar ] (a) tab bar (b) top bar (c) title text (d) search box
14. 14.True or false: strong colour contrast is poor button design. (a) False (b) True
15. 15.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) the button colours (d) how easy sign-up is
16. 16.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
17. 17.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ search box ]
    [ list of items ]
    [ title text ]
    [ tab bar ]
    [ top bar ] (a) tab bar (b) top bar (c) search box (d) title text
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Score card”
    3. tap Back
    4. tap the Me tab
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) a colour theme (d) the path through screens
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ top bar ]
    [ Save button ]
    [ filter buttons ] (a) filter buttons (b) search box (c) top bar (d) tab bar
21. 21.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
22. 22.🔍 Which is the odd one out? (a) colour as the only clue (b) captions on videos (c) tiny tap areas (d) icons with no labels
23. 23.Which of these fits saving on the phone? (a) chat messages to friends (b) the sound on/off setting (c) a class leaderboard (d) a shared to-do list
24. 24.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 68 px tall
    Cancel button: 64 px tall
    Help button: 56 px tall
    Done button: 36 px tall (a) Cancel (b) Help (c) Save (d) Done
25. 25.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ list of items ]
    [ Add button ]
    [ tab bar ]
    [ big picture ]
    [ filter buttons ]
    [ top bar ] (a) top bar (b) list of items (c) Add button (d) big picture
26. 26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Edit photo”
    3. tap Back
    4. tap Back
    Which screen are you on now? (a) Edit photo (b) Lessons (c) Match report (d) Quiz
27. 27.True or false: “colour as the only clue” makes the app harder to use. (a) True (b) False
28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
29. 29.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Stars", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Ocean (b) Stars (c) Rain
30. 30.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
31. 31.💾 Which can hold many values in order? (a) a button (b) a single number (c) a list (d) a switch
32. 32.True or false: icons with no meaning is good button design. (a) True (b) False
33. 33.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
34. 34.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Badges”
    3. tap Back
    4. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
36. 36.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) make a password (b) enter the code sent
37. 37.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ top bar ]
    [ search box ]
    [ Add button ]
    [ Save button ]
    [ title text ] (a) title text (b) Add button (c) big picture (d) top bar
38. 38.True or false: a final design shows where things go. (a) True (b) False
39. 39.🔍 Which is the odd one out? (a) the font size (b) the icon shapes (c) how many taps it takes (d) the button colours
40. 40.🔢 In a food-order flow, which comes first: “track the order” or “open the menu”? (a) open the menu (b) track the order

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