App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 402 · 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.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
2. 2.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
3. 3.True or false: whether users get lost is about UI (the look). (a) True (b) False
4. 4.Which colour pair is hard to read? (a) pale pink on white (b) dark blue on white (c) white on dark green (d) black on yellow
5. 5.Which of these is true of the back button? (a) switches main sections (b) opens a list of pages (c) goes to the last screen (d) sits at the bottom
6. 6.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
7. 7.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
8. 8.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) perfect UX (c) good UI but poor UX (d) good UX but poor UI
9. 9.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) tab bar (c) dead end (d) shortcut
10. 10.Which of these is about UX (the experience)? (a) the screen layout (b) how many taps it takes (c) the button colours (d) the font size
11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Badges”
    3. tap Back
    4. tap the Home tab
    5. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
12. 12.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) write a caption (c) take the photo (d) post the photo
13. 13.True or false: a final design shows where things go. (a) True (b) False
14. 14.🔍 Which is the odd one out? (a) the font size (b) how fast a task is done (c) the screen layout (d) the button colours
15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 44 px tall
    Next button: 48 px tall
    Start button: 40 px tall
16. 16.🔢 In a sign-up flow, which comes first: “make a password” or “type name and email”? (a) type name and email (b) make a password
17. 17.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) sudden loud sounds (d) fast-flashing lights
18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. open “Map”
    3. tap Back
    4. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
19. 19.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish
20. 20.Which of these is about UI (the look)? (a) whether users get lost (b) the screen layout (c) how many taps it takes (d) how users feel after
21. 21.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
22. 22.True or false: the button colours is about UI (the look). (a) True (b) False
23. 23.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ title text ]
    [ Save button ]
    [ menu icon ]
    [ list of items ]
    [ Add button ] (a) Add button (b) menu icon (c) list of items (d) title text
24. 24.🔀 Why plan the user flow before building? (a) to skip testing (b) to hide the buttons (c) so each step is clear (d) to add more taps
25. 25.🔍 Which is the odd one out? (a) the font size (b) how many taps it takes (c) the icon shapes (d) the screen layout
26. 26.🔘 Our rule: buttons are at least 48 px tall. The Next button is 40 px tall. How many px taller must it be?
27. 27.💾 What number does this code show?
    let score = 3;
    score = score - 1;
    score = score + 5;
    show(score);
28. 28.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ search box ]
    [ top bar ]
    [ tab bar ]
    [ filter buttons ]
    [ title text ] (a) title text (b) filter buttons (c) search box (d) top bar
29. 29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Map”
    3. tap Back
    4. open “Video”
    Which screen are you on now? (a) Quiz (b) Map (c) Lessons (d) Video
30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ big picture ]
31. 31.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) to hide the menu (d) so users do not get lost
32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap the Chat tab
    3. open “Friend list”
    4. open “Video”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 28 px
    Caption: 19 px
    Body text: 9 px (a) Caption (b) Body text (c) Footer
34. 34.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) is a quick sketch (d) shows the real fonts
35. 35.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Address → Results → Pens
    Design B: Home → Cart → Size
36. 36.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
37. 37.Which of these helps everyone use the app? (a) sudden loud sounds (b) icons with no labels (c) big touch targets (d) tiny tap areas
38. 38.True or false: grey text on grey is poor button design. (a) False (b) True
39. 39.🔍 Which is the odd one out? (a) how easy sign-up is (b) the font size (c) how many taps it takes (d) how users feel after
40. 40.🔍 Which is the odd one out? (a) strong colour contrast (b) icons with no labels (c) fast-flashing lights (d) colour as the only clue

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