← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 385 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.🔍 Which is the odd one out? (a) how fast a task is done (b) how easy sign-up is (c) whether users get lost (d) the font size
  2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 13 px
    Title: 21 px
    Menu: 15 px
    Footer: 15 px
    Hint: 22 px
  3. 3.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
  4. 4.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
  5. 5.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
  6. 6.True or false: grey text on grey is good button design. (a) True (b) False
  7. 7.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Kabir", "Aman", "Meera"];
    show(friends[3]);
    (a) Riya (b) Kabir (c) Aman (d) Meera
  8. 8.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ list of items ]
    [ top bar ]
    [ big picture ]
    [ Save button ]
    [ filter buttons ]
  9. 9.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) delete this (d) a picture goes here
  10. 10.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  11. 11.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
  12. 12.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) open the menu (c) add it to the cart (d) pick a dish
  13. 13.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  14. 14.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
  15. 15.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) to hide the sound (d) so anyone can follow
  16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 10 px
    Label: 17 px
    Title: 24 px
    (a) Label (b) Title (c) Caption
  17. 17.🎨 UX stands for user ___. (a) express (b) experience (c) extra (d) example
  18. 18.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
  19. 19.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  20. 20.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) uses plain grey boxes (d) shows the real fonts
  21. 21.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) no UI at all (d) good UX but poor UI
  22. 22.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ big picture ]
    [ tab bar ]
    [ title text ]
    [ menu icon ]
    (a) title text (b) big picture (c) menu icon
  23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 15 px
    Caption: 22 px
    Hint: 10 px
    Menu: 13 px
    Title: 19 px
  24. 24.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ tab bar ]
    [ big picture ]
    [ Save button ]
    [ top bar ]
    [ menu icon ]
    (a) Save button (b) big picture (c) menu icon (d) tab bar
  25. 25.True or false: “strong colour contrast” helps everyone use the app. (a) False (b) True
  26. 26.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
  27. 27.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 12 px
    Caption: 11 px
    Title: 23 px
    Footer: 17 px
    Menu: 12 px
  28. 28.🎨 UI stands for user ___. (a) internet (b) input (c) interface (d) idea
  29. 29.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) open the app
  30. 30.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Zoya", "Aman", "Riya", "Kabir"];
    show(friends[0]);
    (a) Zoya (b) Riya (c) Aman (d) Meera
  31. 31.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
  32. 32.🔍 Which is the odd one out? (a) the theme colours (b) the screen layout (c) how users feel after (d) the button colours
  33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Score card”
    3. open “Map”
    Which screen are you on now?
    (a) Map (b) Feed (c) Score card (d) Chat
  34. 34.Which of these fits saving in the cloud? (a) your last game level (b) a class leaderboard (c) the sound on/off setting (d) notes to read offline
  35. 35.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ big picture ]
    [ Add button ]
    [ menu icon ]
    [ top bar ]
    [ Save button ]
  36. 36.Which of these fits saving on the phone? (a) chat messages to friends (b) a draft you are typing (c) a shared to-do list (d) a class leaderboard
  37. 37.🔢 In a food-order flow, which comes first: “add it to the cart” or “pick a dish”? (a) add it to the cart (b) pick a dish
  38. 38.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Video”
    3. tap the Search tab
    4. tap the Search tab
    5. tap the Search tab
    Which screen are you on now?
    (a) Map (b) Home (c) Search (d) Video
  40. 40.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) pale pink on white (d) dark blue on white

Answer key

  1. the font size
  2. 3
  3. a menu button
  4. tap “Start quiz”
  5. 3 to 5
  6. False
  7. Meera
  8. 6
  9. a picture goes here
  10. helps everyone
  11. hard to read
  12. open the menu
  13. poor design
  14. 3
  15. so anyone can follow
  16. Caption
  17. experience
  18. False
  19. easy to read
  20. shows the real fonts
  21. good UI but poor UX
  22. title text
  23. 3
  24. menu icon
  25. True
  26. UX
  27. 3
  28. interface
  29. open the app
  30. Meera
  31. True
  32. how users feel after
  33. Map
  34. a class leaderboard
  35. 6
  36. a draft you are typing
  37. pick a dish
  38. UI
  39. Search
  40. dark blue on white

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