← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 234 · 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.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) pick an answer (c) see if it is right (d) read a question
  2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Settings tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  3. 3.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) changes are quick (d) it saves data
  4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Settings tab
    3. tap the Feed tab
    Which screen are you on now?
    (a) Chat (b) Badges (c) Settings (d) Feed
  5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Confirm → Menu → Results → Cart → Pay
    Design B: Home → Address → Pens → Item → Size → Cart
    (a) Design B (b) Design A
  6. 6.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
  7. 7.Which of these is about UX (the experience)? (a) the icon shapes (b) how easy sign-up is (c) the font size (d) the button colours
  8. 8.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) add a filter (b) write a caption
  9. 9.🔢 In a photo-post flow, what comes right after “take the photo”? (a) write a caption (b) post the photo (c) open the camera screen (d) add a filter
  10. 10.True or false: a shared to-do list fits saving on the phone. (a) False (b) True
  11. 11.🔍 Which is the odd one out? (a) how users feel after (b) the button colours (c) the theme colours (d) the screen layout
  12. 12.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) enter the code sent (b) type name and email
  13. 13.Which of these helps everyone use the app? (a) sudden loud sounds (b) strong colour contrast (c) colour as the only clue (d) icons with no labels
  14. 14.🎨 UX stands for user ___. (a) example (b) experience (c) extra (d) express
  15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. open “Video”
    3. open “Match report”
    Which screen are you on now?
    (a) Lessons (b) Help page (c) Match report (d) Video
  16. 16.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a draft you are typing (c) chat messages to friends (d) notes to read offline
  17. 17.True or false: strong colour contrast is good button design. (a) True (b) False
  18. 18.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
  19. 19.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 14 px
    Body text: 19 px
    Caption: 19 px
    (a) Footer (b) Body text (c) Caption
  20. 20.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  21. 21.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ title text ]
    [ Add button ]
    [ menu icon ]
    [ filter buttons ]
    [ big picture ]
  22. 22.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to hide the menu (c) to look busy (d) to use more battery
  23. 23.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  24. 24.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  25. 25.🔢 In a food-order flow, which comes first: “open the menu” or “check the cart”? (a) open the menu (b) check the cart
  26. 26.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) uses plain grey boxes (d) uses the final pictures
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 64 px tall
    Start button: 52 px tall
    Save button: 36 px tall
    Back button: 60 px tall
    (a) Cancel (b) Start (c) Save (d) Back
  28. 28.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ Add button ]
    [ title text ]
    [ filter buttons ]
    [ list of items ]
    [ top bar ]
    [ menu icon ]
    (a) title text (b) list of items (c) Add button (d) menu icon
  29. 29.♿ What does a screen reader do? (a) plays music (b) reads the screen aloud (c) takes photos (d) makes text tiny
  30. 30.Which of these fits saving on the phone? (a) a class leaderboard (b) photos on two devices (c) a shared to-do list (d) your last game level
  31. 31.Which of these is about UI (the look)? (a) whether users get lost (b) how fast a task is done (c) how users feel after (d) the button colours
  32. 32.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  33. 33.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) tap “Sign up” (c) enter the code sent (d) see the home screen
  34. 34.💾 What number does this code show?
    let friends = ["Zoya", "Riya", "Aman"];
    friends.push("Kabir");
    show(friends.length);
  35. 35.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
  36. 36.Which of these helps everyone use the app? (a) big touch targets (b) sudden loud sounds (c) icons with no labels (d) tiny tap areas
  37. 37.🧭 Which part of navigation undoes one move? (a) a menu button (b) the back button (c) a tab bar
  38. 38.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the battery (d) the server
  39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Edit photo”
    3. tap the Settings tab
    4. open “Friend list”
    5. tap Back
    Which screen are you on now?
    (a) Friend list (b) Map (c) Edit photo (d) Settings
  40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Search
    Design B: Home → Search → Menu → Shop → Offers → Pens → Results

Answer key

  1. tap “Start quiz”
  2. 1
  3. changes are quick
  4. Feed
  5. Design B
  6. easy to read
  7. how easy sign-up is
  8. add a filter
  9. add a filter
  10. False
  11. how users feel after
  12. type name and email
  13. strong colour contrast
  14. experience
  15. Match report
  16. chat messages to friends
  17. True
  18. goes to the last screen
  19. Footer
  20. UI
  21. 6
  22. so users do not get lost
  23. in the cloud
  24. UX
  25. open the menu
  26. uses plain grey boxes
  27. Save
  28. menu icon
  29. reads the screen aloud
  30. your last game level
  31. the button colours
  32. helps everyone
  33. tap “Sign up”
  34. 4
  35. that tab’s main screen
  36. big touch targets
  37. the back button
  38. colour-blind users
  39. Settings
  40. 2

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