App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 375 · 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 photo-post flow, what comes right after “write a caption”? (a) open the camera screen (b) take the photo (c) post the photo (d) add a filter
2. 2.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
3. 3.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
   [ tab bar ]
   [ list of items ]
   [ big picture ]
   [ filter buttons ]
   [ top bar ]
   [ menu icon ] (a) top bar (b) list of items (c) menu icon (d) tab bar
4. 4.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Title: 27 px
   Hint: 9 px
   Footer: 18 px
   Label: 18 px (a) Label (b) Hint (c) Title (d) Footer
5. 5.♿ Why add captions to videos? (a) so anyone can follow (b) to add colour (c) to slow them down (d) to hide the sound
6. 6.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) to skip testing (d) so each step is clear
7. 7.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
8. 8.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Edit photo”
   2. open “Badges”
   3. tap Back
   4. open “Edit photo”
   5. tap the Quiz tab
   Which screen are you on now? (a) Badges (b) Lessons (c) Edit photo (d) Quiz
10. 10.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
11. 11.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a long animation (c) a text label (d) a sound
12. 12.💾 Which can hold many values in order? (a) a button (b) a single number (c) a list (d) a switch
13. 13.Which of these makes the app harder to use? (a) fast-flashing lights (b) captions on videos (c) labels on every icon (d) big touch targets
14. 14.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) take the photo (b) post the photo
15. 15.Which colour pair is easy to read? (a) light grey on white (b) red on green (c) black on pale grey (d) pale pink on white
16. 16.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
17. 17.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
18. 18.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
19. 19.True or false: the screen layout is about UX (the experience). (a) False (b) True
20. 20.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) closes all apps (d) goes to the last screen
21. 21.Which of these is true of a wireframe? (a) uses the final pictures (b) shows where things go (c) has the real colours (d) shows the real fonts
22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Results → Size → Pens
    Design B: Home → Confirm → Cart → Menu
23. 23.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) make a password (c) open the app (d) see the home screen
24. 24.Which of these fits saving in the cloud? (a) a draft you are typing (b) a class leaderboard (c) your last game level (d) notes to read offline
25. 25.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) a draft you are typing (d) chat messages to friends
26. 26.🔍 Which is the odd one out? (a) the theme colours (b) the font size (c) the screen layout (d) how users feel after
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 64 px tall
    Save button: 48 px tall
    Done button: 56 px tall
    Cancel button: 32 px tall (a) Cancel (b) Save (c) Start (d) Done
28. 28.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) dark blue on white (d) light grey on white
29. 29.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Map”
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
31. 31.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a microphone (d) a 3D printer
32. 32.True or false: buttons almost touching is good button design. (a) False (b) True
33. 33.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
34. 34.💾 What number does this code show?
    let notes = ["Maths", "Art"];
    notes.push("Music");
    show(notes.length);
35. 35.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) white on black (d) pale pink on white
36. 36.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) check the cart (b) pick a dish (c) pay for the order (d) open the menu
37. 37.🎨 UX stands for user ___. (a) extra (b) express (c) example (d) experience
38. 38.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
39. 39.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ Add button ]
    [ top bar ]
    [ search box ]
    [ filter buttons ]
    [ Save button ] (a) top bar (b) Save button (c) search box (d) Add button
40. 40.True or false: a final design has the real colours. (a) False (b) True

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