← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 199 · 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) how users feel after (b) the icon shapes (c) the theme colours (d) the button colours
  2. 2.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
  3. 3.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
  4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. tap the Feed tab
    4. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  5. 5.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) post the photo (b) write a caption
  6. 6.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ title text ]
    [ menu icon ]
  7. 7.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 52 px tall
    Help button: 64 px tall
    Back button: 40 px tall
    Start button: 68 px tall     (a) Start (b) Help (c) Save (d) Back
  8. 8.Which of these is about UI (the look)? (a) whether users get lost (b) how users feel after (c) how easy sign-up is (d) the theme colours
  9. 9.Which of these is true of the back button? (a) switches main sections (b) shows 3 to 5 icons (c) sits at the bottom (d) goes to the last screen
  10. 10.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) nowhere (d) at the bottom
  11. 11.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) add a filter (b) write a caption
  12. 12.🎨 UX stands for user ___. (a) example (b) express (c) extra (d) experience
  13. 13.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
  14. 14.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 64 px tall
    Send button: 32 px tall
    Start button: 64 px tall
  15. 15.Which colour pair is easy to read? (a) yellow on white (b) dark blue on black (c) white on black (d) pale pink on white
  16. 16.Which of these is about UX (the experience)? (a) the button colours (b) the font size (c) the theme colours (d) how easy sign-up is
  17. 17.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 10 to 12 (d) 3 to 5
  18. 18.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) type name and email (b) tap “Sign up” (c) make a password (d) see the home screen
  19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 60 px tall
    Send button: 52 px tall
    Save button: 56 px tall
  20. 20.🔢 In a sign-up flow, which comes first: “enter the code sent” or “see the home screen”? (a) enter the code sent (b) see the home screen
  21. 21.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
  22. 22.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
  23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Item → Search → Cart
    Design B: Home → Menu → Pay → Pens → Offers → Address → Shop     (a) Design A (b) Design B
  24. 24.💾 pop() takes off the last item. What does this code show?
    let friends = ["Arjun", "Aman", "Meera", "Riya", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);     (a) Aman (b) Arjun (c) Riya (d) Meera
  25. 25.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 2 (c) 0 (d) 1
  26. 26.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) use it on any device (d) shrink the app
  27. 27.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
  28. 28.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
  29. 29.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ top bar ]
    [ search box ]
    [ Add button ]
    [ list of items ]
    [ big picture ]
    [ title text ]     (a) search box (b) Add button (c) big picture (d) top bar
  30. 30.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 9 px
    Footer: 25 px
    Label: 22 px
    Caption: 19 px     (a) Hint (b) Label (c) Caption (d) Footer
  31. 31.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) more colours (d) better UX
  32. 32.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
  33. 33.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
  34. 34.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Score card”
    3. tap the Feed tab
    4. tap the Feed tab
    Which screen are you on now?     (a) Score card (b) Feed (c) Friend list (d) Chat
  36. 36.True or false: a final design uses the final pictures. (a) True (b) False
  37. 37.Which of these makes the app harder to use? (a) strong colour contrast (b) tiny tap areas (c) text that can grow (d) labels on every icon
  38. 38.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 48 px tall
    Send button: 32 px tall
    Back button: 56 px tall
  39. 39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 40 px tall
    Send button: 64 px tall
    Start button: 48 px tall     (a) Start (b) Send (c) Save
  40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 24 px
    Body text: 19 px
    Footer: 19 px
    Title: 17 px

Answer key

  1. how users feel after
  2. False
  3. 24
  4. 1
  5. write a caption
  6. 6
  7. Back
  8. the theme colours
  9. goes to the last screen
  10. at the bottom
  11. add a filter
  12. experience
  13. open the camera screen
  14. 2
  15. white on black
  16. how easy sign-up is
  17. 3 to 5
  18. see the home screen
  19. 3
  20. enter the code sent
  21. poor design
  22. hard to read
  23. Design A
  24. Riya
  25. 0
  26. use it on any device
  27. the path through screens
  28. helps everyone
  29. big picture
  30. Hint
  31. better UX
  32. a menu button
  33. dead end
  34. a wireframe
  35. Feed
  36. True
  37. tiny tap areas
  38. 2
  39. Save
  40. 0

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