← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 112 · 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.✏️ What is a wireframe? (a) a simple screen sketch (b) a type of password (c) the finished app (d) a charging cable
  2. 2.True or false: the screen layout is about UX (the experience). (a) True (b) False
  3. 3.Which colour pair is hard to read? (a) yellow on white (b) black on pale grey (c) black on yellow (d) white on dark green
  4. 4.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) shrink the app (d) use it on any device
  5. 5.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  6. 6.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ search box ]
    [ Add button ]
    [ list of items ]
    [ filter buttons ]
    (a) list of items (b) filter buttons (c) Add button
  7. 7.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
  8. 8.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) delete this (c) an error (d) a closed app
  9. 9.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Sports", "Maths", "Music", "Hindi"];
    show(notes[0]);
    (a) Art (b) Maths (c) Music (d) Sports
  10. 10.True or false: your last game level fits saving on the phone. (a) True (b) False
  11. 11.💾 What number does this code show?
    let notes = ["Maths", "Art", "Music", "Sports"];
    notes.push("Science");
    notes.push("Hindi");
    show(notes.length);
  12. 12.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
  13. 13.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
  14. 14.🧭 What does the back button usually do? (a) closes all apps (b) goes to the last screen (c) deletes the page (d) opens settings
  15. 15.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) no UI at all (c) good UI but poor UX (d) good UX but poor UI
  16. 16.🔘 Our rule: buttons are at least 48 px tall. The Save button is 32 px tall. How many px taller must it be?
  17. 17.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
  18. 18.Which of these is about UI (the look)? (a) the theme colours (b) how easy sign-up is (c) whether users get lost (d) how fast a task is done
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. open “Map”
    4. tap the Profile tab
    5. open “Score card”
    Which screen are you on now?
    (a) Map (b) Home (c) Search (d) Score card
  20. 20.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) open the app (c) see the home screen (d) tap “Sign up”
  21. 21.♿ A screen has 8 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  22. 22.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) make a password (c) tap “Sign up” (d) see the home screen
  23. 23.Which of these fits saving on the phone? (a) chat messages to friends (b) notes to read offline (c) a shared to-do list (d) photos on two devices
  24. 24.♿ Accessibility means an app works for ___. (a) only experts (b) only the coder (c) everyone (d) nobody
  25. 25.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) shows where things go (d) looks like the real app
  26. 26.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ Save button ]
    [ title text ]
    [ search box ]
    [ list of items ]
    [ top bar ]
    (a) top bar (b) title text (c) Save button (d) search box
  27. 27.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  28. 28.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 13 px
    Body text: 21 px
    Hint: 24 px
    Label: 21 px
    Footer: 15 px
  29. 29.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) the server (c) colour-blind users (d) fast typists
  30. 30.🔢 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
  31. 31.🔍 Which is the odd one out? (a) fast-flashing lights (b) colour as the only clue (c) sudden loud sounds (d) text that can grow
  32. 32.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) notes to read offline (d) chat messages to friends
  33. 33.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) at the bottom (d) inside a button
  34. 34.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
  35. 35.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) a random page (c) that tab’s main screen (d) the last app used
  36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Size
    Design B: Home → Pay → Shop → Size → Results → Cart
    (a) Design A (b) Design B
  37. 37.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  38. 38.Which of these makes the app harder to use? (a) colour as the only clue (b) strong colour contrast (c) text that can grow (d) big touch targets
  39. 39.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  40. 40.Which of these is true of a wireframe? (a) shows the real fonts (b) uses plain grey boxes (c) has the real colours (d) uses the final pictures

Answer key

  1. a simple screen sketch
  2. False
  3. yellow on white
  4. use it on any device
  5. good design
  6. Add button
  7. a named box for a value
  8. a picture goes here
  9. Art
  10. True
  11. 6
  12. True
  13. True
  14. goes to the last screen
  15. good UI but poor UX
  16. 16
  17. UI
  18. the theme colours
  19. Score card
  20. open the app
  21. 4
  22. see the home screen
  23. notes to read offline
  24. everyone
  25. shows where things go
  26. search box
  27. in the cloud
  28. 2
  29. colour-blind users
  30. tap “Start quiz”
  31. text that can grow
  32. chat messages to friends
  33. at the bottom
  34. False
  35. that tab’s main screen
  36. Design A
  37. good design
  38. colour as the only clue
  39. No
  40. uses plain grey boxes

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