← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 587 · 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 Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Profile tab
    3. tap the Profile tab
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  2. 2.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  3. 3.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to skip testing (d) to add more taps
  4. 4.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  5. 5.💾 Which can hold many values in order? (a) a list (b) a switch (c) a button (d) a single number
  6. 6.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ Save button ]
    [ search box ]
    [ big picture ]     (a) big picture (b) search box (c) Save button
  7. 7.Which of these helps everyone use the app? (a) colour as the only clue (b) icons with no labels (c) captions on videos (d) fast-flashing lights
  8. 8.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  9. 9.Which of these is true of the back button? (a) opens a list of pages (b) switches main sections (c) shows 3 to 5 icons (d) undoes one move
  10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Pens → Confirm
    Design B: Home → Cart → Address     (a) Design A (b) Design B
  11. 11.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  12. 12.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) dead end (d) shortcut
  13. 13.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) pick an answer (b) see if it is right
  14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Match report”
    3. open “Video”
    4. tap the Chat tab
    5. tap the Feed tab
    Which screen are you on now?     (a) Video (b) Help page (c) Feed (d) Match report
  15. 15.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a type of password (d) a simple screen sketch
  16. 16.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
  17. 17.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) check the cart (c) track the order (d) pay for the order
  18. 18.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Edit photo”
    3. tap Back
    4. tap the Home tab
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  20. 20.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ big picture ]
    [ menu icon ]
    [ Add button ]
    [ search box ]     (a) big picture (b) Add button (c) menu icon
  21. 21.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 56 px tall
    Start button: 64 px tall
    Cancel button: 32 px tall
  22. 22.Which of these is true of a menu button? (a) opens a list of pages (b) switches main sections (c) goes to the last screen (d) shows 3 to 5 icons
  23. 23.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Search → Cart
    Design B: Home → Search → Shop
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Shop → Menu → Size → Item
    Design B: Home → Pens → Offers
  26. 26.💾 What number does this code show?
    let score = 4;
    score = score - 1;
    score = score + 2;
    show(score);
  27. 27.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a sound (c) a long animation (d) a text label
  28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Menu → Pens → Size → Address → Offers
    Design B: Home → Item → Address
  29. 29.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Cart → Item → Shop
    Design B: Home → Size → Cart     (a) Design A (b) Design B
  30. 30.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ title text ]
    [ tab bar ]
    [ list of items ]
    [ Add button ]
    [ big picture ]     (a) title text (b) list of items (c) tab bar (d) big picture
  31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ menu icon ]
    [ title text ]
    [ tab bar ]
  32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ menu icon ]
    [ list of items ]
    [ filter buttons ]
    [ search box ]
    [ big picture ]     (a) big picture (b) Save button (c) menu icon (d) filter buttons
  33. 33.🎨 Who should you test the UX with? (a) nobody (b) the app icon (c) real users (d) only yourself
  34. 34.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ title text ]
    [ Add button ]
    [ search box ]
    [ list of items ]
    [ big picture ]
    [ menu icon ]     (a) list of items (b) menu icon (c) search box (d) title text
  35. 35.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) the path through screens (d) a colour theme
  36. 36.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
  37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap the Me tab
    3. open “Map”
    4. open “Map”
    Which screen are you on now?     (a) Video (b) Quiz (c) Lessons (d) Map
  38. 38.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a closed app (d) a picture goes here
  39. 39.Which of these fits saving on the phone? (a) notes to read offline (b) a class leaderboard (c) chat messages to friends (d) a shared to-do list
  40. 40.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ top bar ]
    [ filter buttons ]
    [ Add button ]
    [ big picture ]
    [ title text ]

Answer key

  1. 1
  2. a wireframe
  3. so each step is clear
  4. True
  5. a list
  6. Save button
  7. captions on videos
  8. True
  9. undoes one move
  10. Design B
  11. a final design
  12. dead end
  13. pick an answer
  14. Feed
  15. a simple screen sketch
  16. pencil and paper
  17. track the order
  18. a menu button
  19. 0
  20. Add button
  21. 2
  22. opens a list of pages
  23. on the phone
  24. 1
  25. 2
  26. 5
  27. a text label
  28. 4
  29. Design B
  30. big picture
  31. 4
  32. big picture
  33. real users
  34. title text
  35. the path through screens
  36. in the cloud
  37. Map
  38. a picture goes here
  39. notes to read offline
  40. 6

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