← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 412 · 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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Match report”
    3. open “Score card”
    4. tap Back
    5. tap the Quiz tab
    Which screen are you on now?
    (a) Edit photo (b) Score card (c) Quiz (d) Match report
  2. 2.Which of these fits saving on the phone? (a) chat messages to friends (b) the sound on/off setting (c) a class leaderboard (d) photos on two devices
  3. 3.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
  4. 4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 60 px tall
    Send button: 68 px tall
    Next button: 36 px tall
    Help button: 56 px tall
    (a) Help (b) Send (c) Next (d) Back
  5. 5.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) take the photo (c) add a filter (d) post the photo
  6. 6.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
  7. 7.💾 Which works with no internet at all? (a) a cloud leaderboard (b) data saved on the phone (c) a shared chat (d) a cloud backup
  8. 8.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a charging cable (d) a type of font
  9. 9.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
  10. 10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Score card”
    3. tap the Profile tab
    4. open “Edit photo”
    Which screen are you on now?
    (a) Home (b) Edit photo (c) Search (d) Score card
  11. 11.Which of these makes the app harder to use? (a) tiny tap areas (b) labels on every icon (c) strong colour contrast (d) big touch targets
  12. 12.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) read a question (c) see if it is right (d) see the final score
  13. 13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Help page”
    3. tap the Me tab
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Help page (d) Me
  14. 14.🔍 Which is the odd one out? (a) the theme colours (b) the icon shapes (c) whether users get lost (d) the screen layout
  15. 15.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Friend list”
    3. tap the Settings tab
    4. tap the Settings tab
    5. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  17. 17.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see if it is right (c) read a question (d) see the final score
  18. 18.Which of these fits saving on the phone? (a) a draft you are typing (b) a shared to-do list (c) chat messages to friends (d) photos on two devices
  19. 19.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
  20. 20.True or false: whether users get lost is about UI (the look). (a) False (b) True
  21. 21.💾 What number does this code show?
    let friends = ["Meera", "Riya"];
    friends.push("Zoya");
    show(friends.length);
  22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap Back
    3. tap the Chat tab
    4. open “Video”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  23. 23.True or false: a final design is a quick sketch. (a) False (b) True
  24. 24.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ menu icon ]
    [ top bar ]
    [ search box ]
    [ Save button ]
    [ tab bar ]
    (a) search box (b) Save button (c) top bar (d) tab bar
  25. 25.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) is a quick sketch (d) looks like the real app
  26. 26.True or false: a final design uses the final pictures. (a) True (b) False
  27. 27.True or false: the font size is about UX (the experience). (a) False (b) True
  28. 28.🔢 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
  29. 29.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) see if it is right (d) read a question
  30. 30.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
  31. 31.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  32. 32.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
  33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 11 px
    Footer: 21 px
    Menu: 13 px
  34. 34.💾 What number does this code show?
    let score = 4;
    score = score - 2;
    score = score + 2;
    show(score);
  35. 35.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ list of items ]
    [ search box ]
    [ big picture ]
  36. 36.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
  37. 37.Which colour pair is easy to read? (a) red on green (b) dark blue on black (c) dark blue on white (d) pale pink on white
  38. 38.🎨 UI stands for user ___. (a) interface (b) internet (c) input (d) idea
  39. 39.True or false: a wireframe is a quick sketch. (a) True (b) False
  40. 40.🔍 Which is the odd one out? (a) labels on every icon (b) text that can grow (c) tiny tap areas (d) strong colour contrast

Answer key

  1. Quiz
  2. the sound on/off setting
  3. True
  4. Next
  5. open the camera screen
  6. dead end
  7. data saved on the phone
  8. the path through screens
  9. so each step is clear
  10. Edit photo
  11. tiny tap areas
  12. see the final score
  13. Me
  14. whether users get lost
  15. No
  16. 1
  17. see if it is right
  18. a draft you are typing
  19. a tab bar
  20. False
  21. 3
  22. 0
  23. False
  24. tab bar
  25. looks like the real app
  26. True
  27. False
  28. enter the code sent
  29. read a question
  30. better UX
  31. UI
  32. tap “Sign up”
  33. 2
  34. 4
  35. 4
  36. good design
  37. dark blue on white
  38. interface
  39. True
  40. tiny tap areas

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