← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 368 · 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 food-order flow, what comes right after “add it to the cart”? (a) check the cart (b) track the order (c) pay for the order (d) open the menu
  2. 2.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a clear next step (d) a random page
  3. 3.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) pencil and paper (d) a phone case
  4. 4.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) post the photo (c) add a filter (d) write a caption
  5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Edit photo”
    3. tap the Quiz tab
    4. tap the Quiz tab
    5. tap the Quiz tab
    Which screen are you on now?
    (a) Lessons (b) Edit photo (c) Quiz (d) Me
  6. 6.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
  7. 7.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
  8. 8.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  9. 9.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Add button ]
    [ top bar ]
    [ big picture ]
    [ search box ]
    [ Save button ]
    (a) search box (b) Save button (c) big picture (d) top bar
  10. 10.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ tab bar ]
    [ menu icon ]
    [ list of items ]
    [ big picture ]
    [ title text ]
    (a) tab bar (b) title text (c) big picture (d) list of items
  11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 56 px tall
    Next button: 48 px tall
    Start button: 24 px tall
    (a) Done (b) Start (c) Next
  12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap the Feed tab
    3. tap the Chat tab
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.🔍 Which is the odd one out? (a) how many taps it takes (b) how fast a task is done (c) how easy sign-up is (d) the theme colours
  14. 14.🎨 Who should you test the UX with? (a) only yourself (b) real users (c) nobody (d) the app icon
  15. 15.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  16. 16.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ menu icon ]
    [ big picture ]
    [ list of items ]
    [ filter buttons ]
    (a) big picture (b) menu icon (c) filter buttons
  17. 17.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) no UI at all (c) good UX but poor UI (d) perfect UX
  18. 18.Which of these is true of a menu button? (a) switches main sections (b) sits at the bottom (c) shows 3 to 5 icons (d) opens a list of pages
  19. 19.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) opens a list of pages (d) switches main sections
  20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Video”
    3. open “Badges”
    4. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 52 px tall
    Cancel button: 36 px tall
    Save button: 72 px tall
    (a) Save (b) Cancel (c) Start
  22. 22.Which of these is true of the back button? (a) sits at the bottom (b) switches main sections (c) shows 3 to 5 icons (d) undoes one move
  23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Edit photo”
    3. tap the Settings tab
    4. open “Friend list”
    Which screen are you on now?
    (a) Edit photo (b) Chat (c) Feed (d) Friend list
  24. 24.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
  25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Done button: 64 px tall
    Next button: 52 px tall
  26. 26.True or false: a final design is a quick sketch. (a) False (b) True
  27. 27.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) makes text tiny (d) plays music
  28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 32 px tall
    Start button: 52 px tall
    Save button: 60 px tall
    (a) Start (b) Save (c) Send
  29. 29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Badges”
    3. tap the Me tab
    4. tap the Quiz tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  30. 30.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 10 (d) 1
  31. 31.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
  32. 32.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
  33. 33.🎨 UI stands for user ___. (a) idea (b) input (c) interface (d) internet
  34. 34.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  35. 35.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
  36. 36.True or false: the screen layout is about UI (the look). (a) False (b) True
  37. 37.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ search box ]
    [ menu icon ]
    [ Save button ]
    [ tab bar ]
    (a) Save button (b) menu icon (c) search box (d) tab bar
  38. 38.True or false: a wireframe has the real colours. (a) False (b) True
  39. 39.🔍 Which is the odd one out? (a) text that can grow (b) tiny tap areas (c) fast-flashing lights (d) colour as the only clue
  40. 40.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish

Answer key

  1. check the cart
  2. a clear next step
  3. pencil and paper
  4. add a filter
  5. Quiz
  6. the path through screens
  7. on the phone
  8. good design
  9. top bar
  10. list of items
  11. Start
  12. 1
  13. the theme colours
  14. real users
  15. a wireframe
  16. filter buttons
  17. good UI but poor UX
  18. opens a list of pages
  19. switches main sections
  20. 4
  21. Cancel
  22. undoes one move
  23. Friend list
  24. False
  25. 3
  26. False
  27. reads the screen aloud
  28. Send
  29. 1
  30. 0
  31. helps everyone
  32. makes it harder
  33. interface
  34. helps everyone
  35. dead end
  36. True
  37. search box
  38. False
  39. text that can grow
  40. pick a dish

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