← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 108 · 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 sign-up flow, which comes LAST? (a) see the home screen (b) open the app (c) enter the code sent (d) make a password
  2. 2.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a clear next step (d) a dead end
  3. 3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Lessons tab
    3. open “Badges”
    4. tap Back
    5. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to skip testing (d) to hide the buttons
  5. 5.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
  6. 6.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) tiny tap areas (d) captions on videos
  7. 7.💾 Which works with no internet at all? (a) a cloud backup (b) data saved on the phone (c) a cloud leaderboard (d) a shared chat
  8. 8.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  9. 9.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 56 px tall
    Done button: 48 px tall
    Start button: 40 px tall
    (a) Done (b) Save (c) Start
  10. 10.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see the final score (c) see if it is right (d) tap “Start quiz”
  11. 11.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  12. 12.True or false: a final design shows the real fonts. (a) True (b) False
  13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ Add button ]
    [ tab bar ]
    [ list of items ]
    [ top bar ]
    [ filter buttons ]
    (a) filter buttons (b) top bar (c) tab bar (d) title text
  14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ top bar ]
    [ big picture ]
    [ search box ]
    (a) search box (b) big picture (c) top bar (d) Save button
  15. 15.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
  16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Shop → Pens
    Design B: Home → Shop → Menu
    (a) Design B (b) Design A
  17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Edit photo”
    3. tap the Feed tab
    4. tap the Settings tab
    5. open “Match report”
    Which screen are you on now?
    (a) Chat (b) Edit photo (c) Feed (d) Match report
  18. 18.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Aman", "Riya"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Riya (b) Meera (c) Aman
  19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Settings tab
    3. open “Friend list”
    4. tap the Chat tab
    5. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  20. 20.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) switches main sections (c) hides extra links (d) sits at the bottom
  21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Search tab
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
  22. 22.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 60 px tall
    Start button: 56 px tall
    Save button: 52 px tall
    Help button: 32 px tall
  23. 23.🔢 In a photo-post flow, what comes right after “add a filter”? (a) take the photo (b) post the photo (c) open the camera screen (d) write a caption
  24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 36 px tall
    Save button: 48 px tall
    Back button: 32 px tall
    Send button: 60 px tall
  25. 25.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) the app is closed (c) you send a message (d) the phone is lost
  26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Search tab
    3. open “Video”
    4. tap Back
    Which screen are you on now?
    (a) Home (b) Video (c) Search (d) Help page
  27. 27.True or false: “icons with no labels” helps everyone use the app. (a) False (b) True
  28. 28.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ title text ]
    (a) tab bar (b) title text (c) search box
  29. 29.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ search box ]
    [ Add button ]
    [ list of items ]
    (a) list of items (b) search box (c) filter buttons (d) Add button
  30. 30.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Maths", "Music", "Science", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Science (c) Music (d) Maths
  31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Friend list”
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see the final score (b) see if it is right (c) read a question (d) tap “Start quiz”
  33. 33.🔢 In a sign-up flow, which comes first: “enter the code sent” or “see the home screen”? (a) see the home screen (b) enter the code sent
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Item → Cart → Offers
    Design B: Home → Confirm → Search → Menu
  35. 35.💾 What number does this code show?
    let coins = 8;
    coins = coins - 8;
    coins = coins + 3;
    show(coins);
  36. 36.Which colour pair is easy to read? (a) yellow on white (b) red on green (c) white on dark green (d) dark blue on black
  37. 37.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
  38. 38.🔢 In a sign-up flow, what comes right after “make a password”? (a) tap “Sign up” (b) enter the code sent (c) type name and email (d) open the app
  39. 39.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 10 (c) 2 (d) 0
  40. 40.Which of these is true of a final design? (a) is a quick sketch (b) shows the real fonts (c) shows where things go (d) uses plain grey boxes

Answer key

  1. see the home screen
  2. a clear next step
  3. 0
  4. so each step is clear
  5. a tab bar
  6. tiny tap areas
  7. data saved on the phone
  8. good design
  9. Start
  10. tap “Start quiz”
  11. No
  12. True
  13. filter buttons
  14. search box
  15. the back button
  16. Design B
  17. Match report
  18. Aman
  19. 1
  20. hides extra links
  21. 1
  22. 3
  23. write a caption
  24. 2
  25. the phone is lost
  26. Search
  27. False
  28. title text
  29. list of items
  30. Science
  31. 2
  32. see if it is right
  33. enter the code sent
  34. 4
  35. 3
  36. white on dark green
  37. UX
  38. enter the code sent
  39. 0
  40. shows the real fonts

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