← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 29 · 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 of these is about UX (the experience)? (a) the theme colours (b) the font size (c) how fast a task is done (d) the screen layout
  2. 2.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 40 px tall
    Next button: 48 px tall
    Help button: 48 px tall
    Start button: 52 px tall     (a) Next (b) Help (c) Start (d) Back
  3. 3.True or false: your last game level fits saving on the phone. (a) True (b) False
  4. 4.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ menu icon ]
    [ search box ]
    [ filter buttons ]
    [ tab bar ]
    [ list of items ]
    [ top bar ]     (a) list of items (b) filter buttons (c) menu icon (d) search box
  5. 5.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) open the camera screen (b) add a filter
  6. 6.True or false: a final design uses the final pictures. (a) False (b) True
  7. 7.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Cart → Size → Pay
    Design B: Home → Size → Results → Confirm     (a) Design A (b) Design B
  8. 8.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 10 to 12 (c) 1 (d) 3 to 5
  9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ Save button ]     (a) menu icon (b) Save button (c) search box (d) list of items
  10. 10.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ list of items ]
    [ search box ]
    [ filter buttons ]
    [ title text ]
    [ tab bar ]
    [ big picture ]     (a) tab bar (b) title text (c) list of items (d) filter buttons
  11. 11.🔍 Which is the odd one out? (a) the button colours (b) the font size (c) the icon shapes (d) whether users get lost
  12. 12.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  13. 13.Which of these is about UI (the look)? (a) how easy sign-up is (b) how fast a task is done (c) the theme colours (d) how many taps it takes
  14. 14.🔢 In a quiz-app flow, which comes first: “see the final score” or “see if it is right”? (a) see if it is right (b) see the final score
  15. 15.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to hide the buttons (d) to skip testing
  16. 16.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Help page”
    3. tap the Lessons tab
    4. open “Friend list”
    5. open “Badges”
    Which screen are you on now?     (a) Help page (b) Badges (c) Friend list (d) Edit photo
  17. 17.🔘 Our rule: buttons are at least 48 px tall. The Save button is 36 px tall. How many px taller must it be?
  18. 18.True or false: a wireframe shows where things go. (a) True (b) False
  19. 19.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
  20. 20.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 36 px tall
    Save button: 56 px tall
    Cancel button: 56 px tall
    Help button: 64 px tall
  21. 21.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read
  22. 22.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ search box ]
    [ Add button ]
    [ menu icon ]
    [ list of items ]
    [ top bar ]     (a) list of items (b) top bar (c) Add button (d) search box
  23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 21 px
    Footer: 12 px
    Hint: 16 px
    Caption: 14 px
    Body text: 17 px
  24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap Back
    3. open “Map”
    4. open “Map”
    5. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  25. 25.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) colour-blind users (c) fast typists (d) the server
  26. 26.True or false: a wireframe has the real colours. (a) True (b) False
  27. 27.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) photos on two devices (d) a draft you are typing
  28. 28.💾 What number does this code show?
    let friends = ["Zoya", "Aman", "Arjun"];
    friends.push("Meera");
    friends.push("Riya");
    show(friends.length);
  29. 29.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 16 px
    Title: 16 px
    Caption: 15 px
  30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ menu icon ]
    [ search box ]
    [ big picture ]
    [ tab bar ]
    [ filter buttons ]
  31. 31.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) see the home screen (b) open the app (c) make a password (d) type name and email
  32. 32.🔢 In a food-order flow, which comes first: “add it to the cart” or “check the cart”? (a) add it to the cart (b) check the cart
  33. 33.Which of these helps everyone use the app? (a) sudden loud sounds (b) tiny tap areas (c) fast-flashing lights (d) labels on every icon
  34. 34.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  35. 35.Which of these fits saving on the phone? (a) a class leaderboard (b) chat messages to friends (c) a shared to-do list (d) notes to read offline
  36. 36.💾 Which can hold many values in order? (a) a list (b) a switch (c) a button (d) a single number
  37. 37.💾 What number does this code show?
    let lives = 7;
    lives = lives - 3;
    lives = lives + 1;
    show(lives);
  38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Help page”
    3. open “Score card”
    4. tap the Me tab
    Which screen are you on now?     (a) Help page (b) Me (c) Lessons (d) Score card
  39. 39.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  40. 40.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design

Answer key

  1. how fast a task is done
  2. Back
  3. True
  4. filter buttons
  5. open the camera screen
  6. True
  7. Design B
  8. 3 to 5
  9. Save button
  10. list of items
  11. whether users get lost
  12. hard to read
  13. the theme colours
  14. see if it is right
  15. so each step is clear
  16. Badges
  17. 12
  18. True
  19. makes it harder
  20. 3
  21. easy to read
  22. list of items
  23. 2
  24. 0
  25. colour-blind users
  26. False
  27. photos on two devices
  28. 5
  29. 1
  30. 6
  31. type name and email
  32. add it to the cart
  33. labels on every icon
  34. No
  35. notes to read offline
  36. a list
  37. 5
  38. Me
  39. poor design
  40. poor design

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