← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 589 · 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 colour pair is hard to read? (a) dark blue on white (b) black on pale grey (c) black on yellow (d) red on green
  2. 2.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  3. 3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 60 px tall
    Help button: 48 px tall
    Done button: 28 px tall
    (a) Done (b) Cancel (c) Help
  4. 4.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) tap “Sign up” (b) open the app
  5. 5.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 20 (c) 10 to 12 (d) 1
  6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Search tab
    4. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Feed tab
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
  8. 8.Which of these is true of the back button? (a) sits at the bottom (b) switches main sections (c) opens a list of pages (d) undoes one move
  9. 9.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ tab bar ]
    [ title text ]
    [ Save button ]
    (a) tab bar (b) title text (c) Save button
  10. 10.🔢 In a food-order flow, which comes first: “check the cart” or “pick a dish”? (a) check the cart (b) pick a dish
  11. 11.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ menu icon ]
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ top bar ]
    [ filter buttons ]
    (a) menu icon (b) filter buttons (c) search box (d) list of items
  12. 12.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 16 px
    Title: 16 px
    Label: 16 px
    Menu: 10 px
    Footer: 22 px
    (a) Title (b) Label (c) Caption (d) Menu
  14. 14.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
  15. 15.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) track the order (c) check the cart (d) open the menu
  16. 16.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
  17. 17.Which colour pair is easy to read? (a) black on pale grey (b) dark blue on black (c) pale pink on white (d) light grey on white
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Confirm → Search
    Design B: Home → Search → Menu → Pens → Offers → Size → Item
    (a) Design B (b) Design A
  19. 19.True or false: photos on two devices fits saving on the phone. (a) False (b) True
  20. 20.💾 What is a variable? (a) a picture (b) a phone setting (c) a type of screen (d) a named box for a value
  21. 21.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Offers → Search → Pay → Confirm → Results
    Design B: Home → Shop → Confirm → Search
  23. 23.🔍 Which is the odd one out? (a) colour as the only clue (b) text that can grow (c) tiny tap areas (d) icons with no labels
  24. 24.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ Add button ]
    [ filter buttons ]
    (a) title text (b) top bar (c) filter buttons (d) Add button
  25. 25.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) it runs the app (d) changes are quick
  26. 26.Which of these is true of a final design? (a) is a quick sketch (b) shows the real fonts (c) uses plain grey boxes (d) shows where things go
  27. 27.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) the finished app (d) a type of password
  28. 28.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the screen turns off (c) the phone is lost (d) you send a message
  29. 29.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) write a caption (c) post the photo (d) take the photo
  30. 30.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) icons with no labels (d) sudden loud sounds
  31. 31.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
  32. 32.True or false: a clear word like Save is poor button design. (a) True (b) False
  33. 33.Which of these is true of the back button? (a) opens a list of pages (b) goes to the last screen (c) switches main sections (d) hides extra links
  34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Home tab
    3. tap the Search tab
    4. open “Score card”
    Which screen are you on now?
    (a) Home (b) Match report (c) Search (d) Score card
  35. 35.🧭 What does the back button usually do? (a) opens settings (b) closes all apps (c) goes to the last screen (d) deletes the page
  36. 36.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) captions on videos (d) icons with no labels
  37. 37.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Science", "Sports", "Music", "Maths"];
    show(notes[0]);
    (a) Music (b) Sports (c) Art (d) Science
  38. 38.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) make a password (b) tap “Sign up”
  39. 39.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  40. 40.♿ A screen has 8 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?

Answer key

  1. red on green
  2. True
  3. Done
  4. open the app
  5. 3 to 5
  6. 1
  7. 1
  8. undoes one move
  9. tab bar
  10. pick a dish
  11. list of items
  12. in the cloud
  13. Menu
  14. the back button
  15. track the order
  16. dead end
  17. black on pale grey
  18. Design A
  19. False
  20. a named box for a value
  21. True
  22. 3
  23. text that can grow
  24. filter buttons
  25. changes are quick
  26. shows the real fonts
  27. a simple screen sketch
  28. the phone is lost
  29. write a caption
  30. labels on every icon
  31. a menu button
  32. False
  33. goes to the last screen
  34. Score card
  35. goes to the last screen
  36. captions on videos
  37. Art
  38. tap “Sign up”
  39. False
  40. 7

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