← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 133 · 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 of these is true of the back button? (a) undoes one move (b) hides extra links (c) sits at the bottom (d) opens a list of pages
  2. 2.True or false: a wireframe looks like the real app. (a) True (b) False
  3. 3.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see the final score (c) read a question (d) see if it is right
  4. 4.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ title text ]
    [ Add button ]
    [ search box ]
    [ menu icon ]
    [ top bar ]
  5. 5.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) worse UX (d) better UX
  6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 23 px
    Title: 26 px
    Footer: 11 px
    (a) Body text (b) Footer (c) Title
  7. 7.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) uses plain grey boxes (d) looks like the real app
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Send button is 20 px tall. How many px taller must it be?
  9. 9.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) tap “Sign up” (b) make a password
  10. 10.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  11. 11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 18 px
    Label: 12 px
    Title: 19 px
    Caption: 21 px
    Footer: 24 px
  12. 12.💾 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
  13. 13.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
  14. 14.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
  15. 15.Which of these fits saving in the cloud? (a) notes to read offline (b) a shared to-do list (c) your last game level (d) a draft you are typing
  16. 16.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) opens a list of pages (c) hides extra links (d) goes to the last screen
  17. 17.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ menu icon ]
    [ tab bar ]
    [ big picture ]
    [ filter buttons ]
    [ title text ]
    (a) filter buttons (b) title text (c) big picture (d) tab bar
  18. 18.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
  19. 19.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
  20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Edit photo”
    3. open “Edit photo”
    4. open “Map”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  22. 22.Which of these is true of a menu button? (a) opens a list of pages (b) shows 3 to 5 icons (c) undoes one move (d) sits at the bottom
  23. 23.💾 What number does this code show?
    let notes = ["Sports", "Art", "Hindi"];
    notes.push("Maths");
    notes.push("Science");
    show(notes.length);
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Feed tab
    3. open “Friend list”
    4. open “Friend list”
    5. tap Back
    Which screen are you on now?
    (a) Settings (b) Chat (c) Feed (d) Friend list
  25. 25.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ Add button ]
    [ menu icon ]
    [ big picture ]
  26. 26.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
  27. 27.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  28. 28.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 20 (c) 3 to 5 (d) 10 to 12
  29. 29.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
  30. 30.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) you send a message (c) the phone is lost (d) the app is closed
  31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Help page”
    3. tap the Search tab
    4. open “Edit photo”
    5. open “Edit photo”
    Which screen are you on now?
    (a) Search (b) Home (c) Edit photo (d) Help page
  32. 32.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Search tab
    3. open “Edit photo”
    4. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Confirm
    Design B: Home → Shop → Address → Menu
  34. 34.✏️ Why draw a wireframe before coding? (a) it adds colours (b) changes are quick (c) it saves data (d) it runs the app
  35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. tap the Search tab
    4. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ menu icon ]
    [ title text ]
    [ big picture ]
    [ Add button ]
    [ top bar ]
    [ search box ]
    (a) menu icon (b) search box (c) top bar (d) title text
  37. 37.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Map”
    3. tap the Lessons tab
    Which screen are you on now?
    (a) Me (b) Lessons (c) Map (d) Quiz
  39. 39.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) to use more battery (d) so users do not get lost
  40. 40.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read

Answer key

  1. undoes one move
  2. False
  3. see if it is right
  4. 6
  5. better UX
  6. Footer
  7. uses plain grey boxes
  8. 28
  9. tap “Sign up”
  10. a final design
  11. 1
  12. use it on any device
  13. helps everyone
  14. a tab bar
  15. a shared to-do list
  16. shows 3 to 5 icons
  17. title text
  18. on the phone
  19. True
  20. 2
  21. True
  22. opens a list of pages
  23. 5
  24. Friend list
  25. 4
  26. UX
  27. 5
  28. 3 to 5
  29. UX
  30. the phone is lost
  31. Edit photo
  32. 0
  33. 1
  34. changes are quick
  35. 0
  36. top bar
  37. in the cloud
  38. Lessons
  39. so users do not get lost
  40. easy to read

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