← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 499 · 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 fits saving on the phone? (a) notes to read offline (b) a class leaderboard (c) chat messages to friends (d) photos on two devices
  2. 2.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  3. 3.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) to hide the sound (d) so anyone can follow
  4. 4.💾 What number does this code show?
    let score = 9;
    score = score - 4;
    score = score + 1;
    show(score);
  5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Match report”
    3. open “Edit photo”
    4. tap Back
    Which screen are you on now?
    (a) Quiz (b) Match report (c) Lessons (d) Edit photo
  6. 6.Which colour pair is easy to read? (a) dark blue on black (b) red on green (c) yellow on white (d) black on pale grey
  7. 7.💾 What number does this code show?
    let friends = ["Meera", "Kabir", "Zoya"];
    friends.push("Aman");
    friends.push("Arjun");
    show(friends.length);
  8. 8.♿ A screen has 5 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  9. 9.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) make a password (c) open the app (d) type name and email
  10. 10.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
  11. 11.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  12. 12.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Offers → Cart → Size → Shop → Menu
    Design B: Home → Address → Confirm
  14. 14.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a 3D printer (c) a phone case (d) pencil and paper
  15. 15.💾 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
  16. 16.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ search box ]
    [ list of items ]
    [ tab bar ]
    [ top bar ]
    [ title text ]
    [ Save button ]
    (a) search box (b) top bar (c) Save button (d) tab bar
  17. 17.🔢 In a food-order flow, what comes right after “open the menu”? (a) track the order (b) add it to the cart (c) pay for the order (d) pick a dish
  18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Settings tab
    3. tap the Feed tab
    Which screen are you on now?
    (a) Feed (b) Chat (c) Map (d) Settings
  19. 19.True or false: a wireframe has the real colours. (a) True (b) False
  20. 20.True or false: whether users get lost is about UI (the look). (a) True (b) False
  21. 21.🎨 Who should you test the UX with? (a) only yourself (b) the app icon (c) nobody (d) real users
  22. 22.Which of these fits saving on the phone? (a) a shared to-do list (b) photos on two devices (c) a class leaderboard (d) your last game level
  23. 23.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) no UI at all (d) good UX but poor UI
  24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap Back
    3. open “Edit photo”
    4. tap the Search tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  25. 25.Which of these helps everyone use the app? (a) fast-flashing lights (b) strong colour contrast (c) icons with no labels (d) colour as the only clue
  26. 26.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) write a caption (d) take the photo
  27. 27.Which colour pair is hard to read? (a) dark blue on white (b) white on dark green (c) black on pale grey (d) yellow on white
  28. 28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 9 px
    Title: 28 px
    Footer: 28 px
    (a) Title (b) Footer (c) Body text
  29. 29.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 10 to 12 (d) 3 to 5
  30. 30.True or false: buttons almost touching is good button design. (a) True (b) False
  31. 31.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
  32. 32.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
  33. 33.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Size → Pens → Confirm → Cart
    Design B: Home → Cart → Menu → Shop
    (a) Design A (b) Design B
  35. 35.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) a charging cable (d) the path through screens
  36. 36.💾 What is a variable? (a) a type of screen (b) a picture (c) a phone setting (d) a named box for a value
  37. 37.True or false: photos on two devices fits saving on the phone. (a) True (b) False
  38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Pens → Menu → Pay → Size
    Design B: Home → Shop → Results → Address → Offers → Pens → Cart
    (a) Design B (b) Design A
  39. 39.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
  40. 40.Which of these is about UX (the experience)? (a) the icon shapes (b) the button colours (c) the screen layout (d) how fast a task is done

Answer key

  1. notes to read offline
  2. good design
  3. so anyone can follow
  4. 6
  5. Match report
  6. black on pale grey
  7. 5
  8. 3
  9. open the app
  10. a tab bar
  11. True
  12. False
  13. 4
  14. pencil and paper
  15. on the phone
  16. tab bar
  17. pick a dish
  18. Feed
  19. False
  20. False
  21. real users
  22. your last game level
  23. good UI but poor UX
  24. 1
  25. strong colour contrast
  26. write a caption
  27. yellow on white
  28. Body text
  29. 3 to 5
  30. False
  31. False
  32. hard to read
  33. a final design
  34. Design B
  35. the path through screens
  36. a named box for a value
  37. False
  38. Design A
  39. helps everyone
  40. how fast a task is done

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