← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 539 · 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.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Riya", "Meera", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Riya (b) Zoya (c) Meera (d) Aman
  2. 2.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
  3. 3.♿ What should every icon-only button have for screen readers? (a) a text label (b) a long animation (c) a bright colour (d) a sound
  4. 4.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  5. 5.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) see the home screen (c) type name and email (d) tap “Sign up”
  6. 6.True or false: the button colours is about UI (the look). (a) True (b) False
  7. 7.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Confirm
    Design B: Home → Pens → Menu → Address
  8. 8.💾 Saving data in the cloud lets you ___. (a) never need a password (b) shrink the app (c) use it on any device (d) skip the internet
  9. 9.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) take the photo (c) post the photo (d) add a filter
  10. 10.Which of these is true of a wireframe? (a) uses the final pictures (b) has no real colours (c) has the real colours (d) shows the real fonts
  11. 11.🔢 In a food-order flow, which comes first: “pick a dish” or “check the cart”? (a) check the cart (b) pick a dish
  12. 12.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
  13. 13.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  14. 14.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) shortcut (c) home screen (d) tab bar
  15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 16 px
    Title: 18 px
    Footer: 25 px
    Label: 13 px
    Menu: 19 px
    (a) Label (b) Body text (c) Title (d) Footer
  16. 16.True or false: a clear word like Save is poor button design. (a) False (b) True
  17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Pens → Menu → Shop → Pay
    Design B: Home → Confirm → Offers → Size
  18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Profile tab
    3. tap the Home tab
    Which screen are you on now?
    (a) Home (b) Profile (c) Search
  19. 19.Which colour pair is hard to read? (a) dark blue on white (b) white on black (c) white on dark green (d) pale pink on white
  20. 20.True or false: the theme colours is about UX (the experience). (a) False (b) True
  21. 21.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  22. 22.🔍 Which is the odd one out? (a) strong colour contrast (b) colour as the only clue (c) sudden loud sounds (d) fast-flashing lights
  23. 23.🧭 Why should every screen show where you are? (a) to hide the menu (b) to use more battery (c) so users do not get lost (d) to look busy
  24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 32 px tall
    Cancel button: 32 px tall
    Help button: 60 px tall
  25. 25.🔍 Which is the odd one out? (a) the icon shapes (b) the theme colours (c) the font size (d) how many taps it takes
  26. 26.💾 What number does this code show?
    let notes = ["Science", "Maths"];
    notes.push("Art");
    notes.push("Sports");
    show(notes.length);
  27. 27.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
  28. 28.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud backup (c) a cloud leaderboard (d) a shared chat
  29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Settings tab
    3. tap the Feed tab
    4. open “Map”
    Which screen are you on now?
    (a) Map (b) Match report (c) Feed (d) Chat
  30. 30.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) chat messages to friends (d) a draft you are typing
  31. 31.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  32. 32.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) yellow on white (d) white on black
  33. 33.🎨 UX stands for user ___. (a) express (b) experience (c) example (d) extra
  34. 34.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ top bar ]
    [ Add button ]
    [ search box ]
    [ title text ]
    [ big picture ]
    (a) title text (b) big picture (c) top bar (d) Add button
  35. 35.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) colour as the only clue (d) text that can grow
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ title text ]
    [ filter buttons ]
    [ tab bar ]
    [ Add button ]
    [ Save button ]
    (a) tab bar (b) Save button (c) title text (d) filter buttons
  37. 37.True or false: how fast a task is done is about UI (the look). (a) True (b) False
  38. 38.✏️ 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
  39. 39.True or false: space between buttons is good button design. (a) False (b) True
  40. 40.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design

Answer key

  1. Meera
  2. False
  3. a text label
  4. good design
  5. see the home screen
  6. True
  7. 1
  8. use it on any device
  9. post the photo
  10. has no real colours
  11. pick a dish
  12. UI
  13. easy to read
  14. dead end
  15. Label
  16. False
  17. 3
  18. Home
  19. pale pink on white
  20. False
  21. in the cloud
  22. strong colour contrast
  23. so users do not get lost
  24. 1
  25. how many taps it takes
  26. 4
  27. hard to read
  28. data saved on the phone
  29. Map
  30. a draft you are typing
  31. a wireframe
  32. yellow on white
  33. experience
  34. title text
  35. text that can grow
  36. title text
  37. False
  38. pencil and paper
  39. True
  40. a wireframe

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