← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 632 · 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) switches main sections (b) shows 3 to 5 icons (c) goes to the last screen (d) sits at the bottom
  2. 2.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Offers → Size → Shop
    Design B: Home → Results → Cart → Search → Pens → Address
  4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Menu
    Design B: Home → Size → Item → Pens
  5. 5.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
  6. 6.True or false: space between buttons is good button design. (a) False (b) True
  7. 7.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) type name and email (c) make a password (d) tap “Sign up”
  8. 8.🔍 Which is the odd one out? (a) the screen layout (b) how easy sign-up is (c) how fast a task is done (d) how many taps it takes
  9. 9.True or false: photos on two devices fits saving on the phone. (a) False (b) True
  10. 10.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) opens settings (d) closes all apps
  11. 11.🔘 Our rule: buttons are at least 48 px tall. The Next button is 20 px tall. How many px taller must it be?
  12. 12.True or false: notes to read offline fits saving on the phone. (a) False (b) True
  13. 13.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  14. 14.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  15. 15.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  16. 16.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
  17. 17.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
  18. 18.True or false: buttons almost touching is good button design. (a) True (b) False
  19. 19.🔢 In a food-order flow, which comes first: “open the menu” or “pick a dish”? (a) pick a dish (b) open the menu
  20. 20.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ top bar ]
    [ Save button ]
    [ tab bar ]
    [ search box ]
    [ big picture ]
    [ filter buttons ]
    (a) Save button (b) top bar (c) filter buttons (d) tab bar
  21. 21.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) notes to read offline (d) a class leaderboard
  22. 22.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Quiz tab
    3. open “Help page”
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Me (d) Help page
  24. 24.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) tap “Sign up” (c) type name and email (d) see the home screen
  25. 25.Which of these is true of a wireframe? (a) uses the final pictures (b) is a quick sketch (c) looks like the real app (d) shows the real fonts
  26. 26.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) type name and email (b) open the app
  27. 27.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
  28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Chat tab
    3. open “Score card”
    4. tap Back
    5. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  29. 29.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
  30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Search → Pens → Results → Address → Menu
    Design B: Home → Menu → Item → Pay
    (a) Design A (b) Design B
  31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ title text ]
    [ top bar ]
    [ menu icon ]
    [ big picture ]
    (a) big picture (b) Add button (c) title text (d) menu icon
  32. 32.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) has the real colours (d) shows where things go
  33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 72 px tall
    Done button: 36 px tall
    Save button: 60 px tall
    (a) Send (b) Done (c) Save
  34. 34.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) chat messages to friends (d) a draft you are typing
  35. 35.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  36. 36.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Maths", "Sports", "Art", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Maths (c) Sports (d) Art
  37. 37.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  38. 38.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
  39. 39.True or false: whether users get lost is about UX (the experience). (a) False (b) True
  40. 40.🔢 In a quiz-app flow, which comes first: “read a question” or “tap “Start quiz””? (a) tap “Start quiz” (b) read a question

Answer key

  1. goes to the last screen
  2. UX
  3. 5
  4. 3
  5. True
  6. True
  7. open the app
  8. the screen layout
  9. False
  10. goes to the last screen
  11. 28
  12. True
  13. good design
  14. a final design
  15. No
  16. True
  17. poor design
  18. False
  19. open the menu
  20. tab bar
  21. notes to read offline
  22. good design
  23. Help page
  24. see the home screen
  25. is a quick sketch
  26. open the app
  27. False
  28. 1
  29. a tab bar
  30. Design B
  31. big picture
  32. has the real colours
  33. Done
  34. a draft you are typing
  35. a final design
  36. Art
  37. a final design
  38. False
  39. True
  40. tap “Start quiz”

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