← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 936 · 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.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 36 px tall
    Cancel button: 52 px tall
    Start button: 52 px tall
  2. 2.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) a tab bar (c) the back button
  3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ top bar ]
    [ title text ]
    [ list of items ]
    [ big picture ]
    (a) title text (b) big picture (c) Save button (d) list of items
  4. 4.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  5. 5.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) shortcut (c) dead end (d) home screen
  6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 44 px tall
    Cancel button: 64 px tall
    Done button: 48 px tall
  7. 7.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) chat messages to friends (d) a draft you are typing
  8. 8.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Hindi", "Science", "Music"];
    show(notes[0]);
    (a) Science (b) Hindi (c) Maths (d) Music
  9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Pay
    Design B: Home → Menu → Results → Address
  10. 10.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 16 px
    Body text: 14 px
    Caption: 19 px
    (a) Footer (b) Caption (c) Body text
  12. 12.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) uses the final pictures (d) has no real colours
  13. 13.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ menu icon ]
    [ big picture ]
    [ Add button ]
    [ search box ]
    (a) big picture (b) Add button (c) search box (d) Save button
  15. 15.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) open the app (b) type name and email
  16. 16.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  17. 17.True or false: icons with no meaning is good button design. (a) False (b) True
  18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 60 px tall
    Send button: 48 px tall
    Start button: 68 px tall
    Save button: 44 px tall
    (a) Save (b) Start (c) Send (d) Back
  19. 19.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ filter buttons ]
    [ search box ]
    [ menu icon ]
    [ list of items ]
    (a) search box (b) filter buttons (c) list of items (d) tab bar
  20. 20.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) a clear next step (d) the same screen
  21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Help page”
    3. tap Back
    4. open “Score card”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  22. 22.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
  23. 23.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) notes to read offline (d) chat messages to friends
  24. 24.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  25. 25.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) see the home screen (c) make a password (d) enter the code sent
  26. 26.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a picture (d) a type of screen
  27. 27.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ menu icon ]
    [ search box ]
    [ tab bar ]
    [ top bar ]
    [ filter buttons ]
    [ list of items ]
    (a) search box (b) list of items (c) filter buttons (d) menu icon
  28. 28.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 56 px tall
    Done button: 48 px tall
    Help button: 60 px tall
    Next button: 64 px tall
  29. 29.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ menu icon ]
    [ top bar ]
    [ list of items ]
  30. 30.🔘 Our rule: buttons are at least 48 px tall. The Save button is 24 px tall. How many px taller must it be?
  31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 10 px
    Caption: 12 px
    Body text: 24 px
    Footer: 17 px
  32. 32.🔢 In a sign-up flow, which comes first: “type name and email” or “tap “Sign up””? (a) tap “Sign up” (b) type name and email
  33. 33.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ tab bar ]
    [ big picture ]
    [ title text ]
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Menu → Cart → Search → Item
    Design B: Home → Pay → Results → Pens → Search
  35. 35.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) post the photo (c) open the camera screen (d) take the photo
  36. 36.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) open the menu (c) check the cart (d) pay for the order
  37. 37.Which of these fits saving in the cloud? (a) chat messages to friends (b) the sound on/off setting (c) a draft you are typing (d) notes to read offline
  38. 38.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) the button colours (d) how many taps it takes
  39. 39.🔘 Our rule: buttons are at least 48 px tall. The Send button is 32 px tall. How many px taller must it be?
  40. 40.🔢 In a food-order flow, which comes LAST? (a) pick a dish (b) open the menu (c) track the order (d) check the cart

Answer key

  1. 2
  2. a menu button
  3. big picture
  4. a wireframe
  5. dead end
  6. 2
  7. a draft you are typing
  8. Maths
  9. 2
  10. helps everyone
  11. Body text
  12. uses the final pictures
  13. good design
  14. search box
  15. open the app
  16. hard to read
  17. False
  18. Save
  19. list of items
  20. a clear next step
  21. 0
  22. on the phone
  23. notes to read offline
  24. easy to read
  25. make a password
  26. a named box for a value
  27. filter buttons
  28. 4
  29. 4
  30. 24
  31. 2
  32. tap “Sign up”
  33. 4
  34. 1
  35. open the camera screen
  36. check the cart
  37. chat messages to friends
  38. the button colours
  39. 16
  40. track the order

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