← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 504 · 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 photo-post flow, which comes first: “add a filter” or “post the photo”? (a) add a filter (b) post the photo
  2. 2.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) a random page (c) the phone settings (d) that tab’s main screen
  3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ search box ]
    [ menu icon ]
    [ tab bar ]
    [ Save button ]
    (a) filter buttons (b) search box (c) tab bar (d) Save button
  4. 4.💾 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
  5. 5.🔍 Which is the odd one out? (a) the screen layout (b) how easy sign-up is (c) how fast a task is done (d) whether users get lost
  6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Edit photo”
    3. open “Badges”
    4. open “Map”
    Which screen are you on now?
    (a) Badges (b) Home (c) Map (d) Edit photo
  7. 7.🔍 Which is the odd one out? (a) the icon shapes (b) how fast a task is done (c) the theme colours (d) the screen layout
  8. 8.Which of these is about UI (the look)? (a) how easy sign-up is (b) how users feel after (c) the font size (d) whether users get lost
  9. 9.Which of these fits saving in the cloud? (a) a class leaderboard (b) the sound on/off setting (c) notes to read offline (d) your last game level
  10. 10.True or false: “big touch targets” makes the app harder to use. (a) True (b) False
  11. 11.Which of these is true of a final design? (a) shows where things go (b) uses plain grey boxes (c) shows the real fonts (d) is a quick sketch
  12. 12.💾 What is a variable? (a) a type of screen (b) a picture (c) a phone setting (d) a named box for a value
  13. 13.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 24 px tall. How many px taller must it be?
  14. 14.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) see the home screen (b) type name and email
  15. 15.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) your last game level (d) chat messages to friends
  16. 16.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
  17. 17.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
  18. 18.🔘 Our rule: buttons are at least 48 px tall. The Help button is 28 px tall. How many px taller must it be?
  19. 19.♿ A screen has 9 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  20. 20.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
  21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Pens → Results → Size → Cart → Offers
    Design B: Home → Pens → Results → Cart
  22. 22.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 19 px
    Hint: 17 px
    Title: 18 px
    Menu: 18 px
    Caption: 13 px
    (a) Title (b) Footer (c) Hint (d) Caption
  23. 23.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
  24. 24.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) shortcut (c) tab bar (d) home screen
  25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 19 px
    Menu: 28 px
    Label: 20 px
    Hint: 13 px
    (a) Footer (b) Menu (c) Hint (d) Label
  26. 26.Which colour pair is hard to read? (a) red on green (b) white on black (c) dark blue on white (d) black on pale grey
  27. 27.Which of these is true of a menu button? (a) undoes one move (b) hides extra links (c) goes to the last screen (d) shows 3 to 5 icons
  28. 28.🧭 Which part of navigation undoes one move? (a) a menu button (b) the back button (c) a tab bar
  29. 29.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 18 px
    Title: 12 px
    Footer: 19 px
    Label: 28 px
    (a) Caption (b) Footer (c) Label (d) Title
  30. 30.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Hindi", "Sports", "Science"];
    show(notes[1]);
    (a) Art (b) Hindi (c) Sports (d) Science
  31. 31.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  32. 32.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) no UI at all (c) perfect UX (d) good UX but poor UI
  33. 33.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Kites", "Sunrise", "Monsoon"];
    show(songs[1]);
    (a) Rain (b) Kites (c) Sunrise (d) Monsoon
  34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap the Me tab
    3. open “Video”
    4. open “Edit photo”
    5. open “Match report”
    Which screen are you on now?
    (a) Match report (b) Map (c) Edit photo (d) Video
  35. 35.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) check the cart (c) open the menu (d) pay for the order
  36. 36.🔢 In a sign-up flow, which comes first: “open the app” or “see the home screen”? (a) open the app (b) see the home screen
  37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Score card”
    3. tap the Quiz tab
    4. tap the Quiz tab
    5. open “Match report”
    Which screen are you on now?
    (a) Match report (b) Score card (c) Lessons (d) Map
  38. 38.True or false: how many taps it takes is about UI (the look). (a) True (b) False
  39. 39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 44 px tall
    Save button: 60 px tall
    Done button: 52 px tall
    (a) Done (b) Save (c) Help
  40. 40.✏️ Do wireframes usually show the final colours? (a) No (b) Yes

Answer key

  1. add a filter
  2. that tab’s main screen
  3. Save button
  4. on the phone
  5. the screen layout
  6. Map
  7. how fast a task is done
  8. the font size
  9. a class leaderboard
  10. False
  11. shows the real fonts
  12. a named box for a value
  13. 24
  14. type name and email
  15. your last game level
  16. UX
  17. in the cloud
  18. 20
  19. 5
  20. UI
  21. 3
  22. Caption
  23. easy to read
  24. dead end
  25. Hint
  26. red on green
  27. hides extra links
  28. the back button
  29. Title
  30. Hindi
  31. poor design
  32. good UI but poor UX
  33. Kites
  34. Match report
  35. check the cart
  36. open the app
  37. Match report
  38. False
  39. Help
  40. No

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