← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 498 · 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 users feel after (b) how easy sign-up is (c) whether users get lost (d) the font size
  2. 2.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see if it is right”? (a) tap “Start quiz” (b) see if it is right
  3. 3.🔢 In a food-order flow, what comes right after “open the menu”? (a) track the order (b) pick a dish (c) add it to the cart (d) pay for the order
  4. 4.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
  5. 5.🎨 UI stands for user ___. (a) internet (b) interface (c) input (d) idea
  6. 6.True or false: photos on two devices fits saving in the cloud. (a) False (b) True
  7. 7.♿ Accessibility means an app works for ___. (a) only experts (b) only the coder (c) everyone (d) nobody
  8. 8.True or false: grey text on grey is good button design. (a) True (b) False
  9. 9.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a clear next step (c) the same screen (d) a dead end
  10. 10.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a shared chat (c) a cloud backup (d) data saved on the phone
  11. 11.Which of these helps everyone use the app? (a) colour as the only clue (b) text that can grow (c) tiny tap areas (d) sudden loud sounds
  12. 12.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a charging cable (d) a type of password
  13. 13.Which of these is true of the back button? (a) goes to the last screen (b) shows 3 to 5 icons (c) switches main sections (d) opens a list of pages
  14. 14.🔍 Which is the odd one out? (a) labels on every icon (b) strong colour contrast (c) fast-flashing lights (d) text that can grow
  15. 15.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 36 px tall
    Back button: 60 px tall
    Start button: 56 px tall
    (a) Save (b) Start (c) Back
  16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Pay → Results
    Design B: Home → Address → Pens → Item → Confirm → Search → Menu
  17. 17.💾 What number does this code show?
    let friends = ["Kabir", "Meera"];
    friends.push("Aman");
    show(friends.length);
  18. 18.True or false: the screen layout is about UI (the look). (a) True (b) False
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 64 px tall
    Next button: 68 px tall
    Start button: 36 px tall
    (a) Start (b) Next (c) Help
  20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap Back
    3. open “Match report”
    Which screen are you on now?
    (a) Badges (b) Search (c) Home (d) Match report
  21. 21.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) make a password (c) type name and email (d) open the app
  22. 22.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) pick an answer (c) see the final score (d) tap “Start quiz”
  23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Pay → Shop → Pens → Menu
    Design B: Home → Menu → Item
    (a) Design B (b) Design A
  24. 24.Which of these is true of a wireframe? (a) has the real colours (b) is a quick sketch (c) looks like the real app (d) uses the final pictures
  25. 25.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  26. 26.🔘 Our rule: buttons are at least 48 px tall. The Send button is 20 px tall. How many px taller must it be?
  27. 27.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ filter buttons ]
    [ Save button ]
    [ title text ]
    (a) filter buttons (b) title text (c) Save button (d) Add button
  28. 28.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
  29. 29.🔍 Which is the odd one out? (a) the font size (b) how many taps it takes (c) the screen layout (d) the button colours
  30. 30.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
  31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Profile tab
    3. open “Score card”
    4. tap the Home tab
    Which screen are you on now?
    (a) Map (b) Score card (c) Home (d) Search
  32. 32.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ Save button ]
    [ list of items ]
    [ Add button ]
    [ menu icon ]
    [ big picture ]
    [ top bar ]
    (a) list of items (b) big picture (c) top bar (d) Save button
  33. 33.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  34. 34.🔍 Which is the odd one out? (a) the font size (b) how fast a task is done (c) the icon shapes (d) the theme colours
  35. 35.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) pick a dish (b) open the menu
  36. 36.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) open the camera screen (c) take the photo (d) write a caption
  37. 37.True or false: the sound on/off setting fits saving in the cloud. (a) True (b) False
  38. 38.Which colour pair is hard to read? (a) light grey on white (b) white on black (c) dark blue on white (d) black on yellow
  39. 39.🔢 In a photo-post flow, which comes first: “write a caption” or “open the camera screen”? (a) open the camera screen (b) write a caption
  40. 40.True or false: “labels on every icon” helps everyone use the app. (a) True (b) False

Answer key

  1. the font size
  2. tap “Start quiz”
  3. pick a dish
  4. good design
  5. interface
  6. True
  7. everyone
  8. False
  9. a clear next step
  10. data saved on the phone
  11. text that can grow
  12. a simple screen sketch
  13. goes to the last screen
  14. fast-flashing lights
  15. Save
  16. 3
  17. 3
  18. True
  19. Start
  20. Match report
  21. open the app
  22. see the final score
  23. Design B
  24. is a quick sketch
  25. helps everyone
  26. 28
  27. title text
  28. hard to read
  29. how many taps it takes
  30. True
  31. Home
  32. list of items
  33. poor design
  34. how fast a task is done
  35. open the menu
  36. post the photo
  37. False
  38. light grey on white
  39. open the camera screen
  40. True

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