← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 628 · 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.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  2. 2.🔢 In a food-order flow, which comes first: “track the order” or “open the menu”? (a) open the menu (b) track the order
  3. 3.🔢 In a sign-up flow, what comes right after “open the app”? (a) make a password (b) tap “Sign up” (c) enter the code sent (d) type name and email
  4. 4.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
  5. 5.True or false: your last game level fits saving on the phone. (a) True (b) False
  6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 60 px tall
    Start button: 56 px tall
    Save button: 40 px tall
    Send button: 32 px tall
  7. 7.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
  8. 8.🔍 Which is the odd one out? (a) colour as the only clue (b) tiny tap areas (c) labels on every icon (d) fast-flashing lights
  9. 9.True or false: your last game level fits saving in the cloud. (a) True (b) False
  10. 10.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) shows where things go (d) looks like the real app
  11. 11.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 24 px tall. How many px taller must it be?
  12. 12.🔢 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
  13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Results
    Design B: Home → Menu → Pay → Results → Cart
    (a) Design B (b) Design A
  14. 14.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  15. 15.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see if it is right (b) read a question (c) pick an answer (d) see the final score
  16. 16.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  17. 17.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) open the app (c) type name and email (d) enter the code sent
  18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Map”
    3. open “Score card”
    4. open “Map”
    5. tap Back
    Which screen are you on now?
    (a) Chat (b) Score card (c) Map (d) Feed
  19. 19.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Sports", "Hindi", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Sports (c) Science (d) Art
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Confirm → Search → Menu → Pens
    Design B: Home → Address → Search → Results → Cart
  21. 21.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
  22. 22.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the battery (c) colour-blind users (d) the server
  23. 23.🧭 What does the back button usually do? (a) goes to the last screen (b) opens settings (c) deletes the page (d) closes all apps
  24. 24.Which colour pair is easy to read? (a) red on green (b) white on dark green (c) pale pink on white (d) dark blue on black
  25. 25.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. open “Friend list”
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  26. 26.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 64 px tall
    Back button: 36 px tall
    Help button: 52 px tall
    Done button: 52 px tall
    (a) Back (b) Help (c) Done (d) Send
  28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Search tab
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  29. 29.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the screen layout (d) how fast a task is done
  30. 30.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
  31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Offers → Item
    Design B: Home → Cart → Shop → Menu
  32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Cart → Pens → Shop → Address → Item
    Design B: Home → Offers → Menu
  33. 33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Profile tab
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  34. 34.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Kites", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Ocean (c) Kites
  35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Badges”
    3. tap the Home tab
    4. tap the Profile tab
    5. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  36. 36.🔍 Which is the odd one out? (a) the icon shapes (b) how fast a task is done (c) whether users get lost (d) how many taps it takes
  37. 37.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ big picture ]
    [ menu icon ]
    [ top bar ]
    [ title text ]
    (a) title text (b) top bar (c) big picture
  38. 38.✏️ What is a wireframe? (a) a type of password (b) the finished app (c) a charging cable (d) a simple screen sketch
  39. 39.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  40. 40.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable

Answer key

  1. on the phone
  2. open the menu
  3. tap “Sign up”
  4. a wireframe
  5. True
  6. 2
  7. hard to read
  8. labels on every icon
  9. False
  10. looks like the real app
  11. 24
  12. open the app
  13. Design A
  14. helps everyone
  15. read a question
  16. 4
  17. see the home screen
  18. Score card
  19. Hindi
  20. 5
  21. False
  22. colour-blind users
  23. goes to the last screen
  24. white on dark green
  25. 3
  26. True
  27. Back
  28. 1
  29. the screen layout
  30. makes it harder
  31. 3
  32. 4
  33. 1
  34. Kites
  35. 0
  36. the icon shapes
  37. top bar
  38. a simple screen sketch
  39. good design
  40. the path through screens

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