← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 732 · 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: text is at least 16 px. Which text on this screen is too small?
    Label: 22 px
    Hint: 18 px
    Caption: 26 px
    Title: 21 px
    Body text: 10 px
    (a) Hint (b) Body text (c) Label (d) Caption
  2. 2.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) check the cart (d) track the order
  3. 3.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 12 px
    Footer: 13 px
    Title: 11 px
    Hint: 12 px
    Label: 10 px
  4. 4.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
  5. 5.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  6. 6.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  7. 7.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Item → Pay → Pens → Search
    Design B: Home → Pay → Shop
    (a) Design B (b) Design A
  8. 8.True or false: photos on two devices fits saving in the cloud. (a) False (b) True
  9. 9.🔢 In a sign-up flow, what comes right after “type name and email”? (a) see the home screen (b) tap “Sign up” (c) make a password (d) open the app
  10. 10.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  11. 11.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
  12. 12.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
  13. 13.Which colour pair is hard to read? (a) white on dark green (b) black on pale grey (c) light grey on white (d) dark blue on white
  14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    (a) big picture (b) top bar (c) filter buttons (d) Add button
  15. 15.💾 What number does this code show?
    let notes = ["Hindi", "Sports"];
    notes.push("Science");
    show(notes.length);
  16. 16.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  17. 17.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
  18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Address
    Design B: Home → Menu → Address → Pens → Search → Results
  19. 19.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
  20. 20.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) pick an answer (d) see if it is right
  21. 21.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
  22. 22.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
  23. 23.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) see the home screen (b) type name and email (c) make a password (d) enter the code sent
  24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Match report”
    3. open “Video”
    4. tap Back
    5. tap the Home tab
    Which screen are you on now?
    (a) Search (b) Home (c) Match report (d) Video
  25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Search tab
    3. tap the Search tab
    4. tap the Search tab
    5. open “Match report”
    Which screen are you on now?
    (a) Home (b) Search (c) Match report (d) Profile
  26. 26.True or false: whether users get lost is about UI (the look). (a) False (b) True
  27. 27.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) captions on videos (d) icons with no labels
  28. 28.True or false: “labels on every icon” makes the app harder to use. (a) True (b) False
  29. 29.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a random page (c) a dead end (d) the same screen
  30. 30.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  31. 31.🔍 Which is the odd one out? (a) text that can grow (b) strong colour contrast (c) sudden loud sounds (d) captions on videos
  32. 32.True or false: a wireframe has the real colours. (a) True (b) False
  33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Shop → Results → Pay → Item → Offers
    Design B: Home → Confirm → Pens → Address → Offers
    (a) Design A (b) Design B
  34. 34.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) type name and email (c) see the home screen (d) tap “Sign up”
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Save button ]
    [ menu icon ]
    [ filter buttons ]
    [ list of items ]
    [ Add button ]
    [ search box ]
    (a) Save button (b) search box (c) menu icon (d) filter buttons
  36. 36.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) undoes one move (c) hides extra links (d) goes to the last screen
  37. 37.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
  38. 38.True or false: the icon shapes is about UI (the look). (a) True (b) False
  39. 39.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
  40. 40.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture

Answer key

  1. Body text
  2. open the menu
  3. 5
  4. a tab bar
  5. False
  6. False
  7. Design B
  8. True
  9. make a password
  10. poor design
  11. True
  12. makes it harder
  13. light grey on white
  14. Add button
  15. 3
  16. good design
  17. easy to read
  18. 3
  19. hard to read
  20. read a question
  21. a wireframe
  22. helps everyone
  23. type name and email
  24. Home
  25. Match report
  26. False
  27. captions on videos
  28. False
  29. a clear next step
  30. hard to read
  31. sudden loud sounds
  32. False
  33. Design B
  34. see the home screen
  35. search box
  36. shows 3 to 5 icons
  37. that tab’s main screen
  38. True
  39. 28
  40. a named box for a value

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