← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 903 · 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.True or false: photos on two devices fits saving in the cloud. (a) True (b) False
  2. 2.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  3. 3.🔍 Which is the odd one out? (a) big touch targets (b) captions on videos (c) strong colour contrast (d) fast-flashing lights
  4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Edit photo”
    3. open “Help page”
    Which screen are you on now?
    (a) Feed (b) Edit photo (c) Chat (d) Help page
  5. 5.✏️ Why draw a wireframe before coding? (a) it adds colours (b) changes are quick (c) it saves data (d) it runs the app
  6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Home tab
    3. tap the Home tab
    Which screen are you on now?
    (a) Profile (b) Search (c) Home
  7. 7.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) the app is closed (c) you send a message (d) the phone is lost
  8. 8.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
  9. 9.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) black on pale grey (d) dark blue on black
  10. 10.🎨 Who should you test the UX with? (a) nobody (b) real users (c) the app icon (d) only yourself
  11. 11.💾 What number does this code show?
    let points = 3;
    points = points - 1;
    points = points + 2;
    show(points);
  12. 12.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 72 px tall
    Start button: 36 px tall
    Back button: 52 px tall
    (a) Back (b) Send (c) Start
  13. 13.🔍 Which is the odd one out? (a) big touch targets (b) strong colour contrast (c) colour as the only clue (d) text that can grow
  14. 14.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Size
    Design B: Home → Shop → Pens → Search → Cart
    (a) Design B (b) Design A
  15. 15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  16. 16.Which of these is true of a final design? (a) shows where things go (b) uses plain grey boxes (c) uses the final pictures (d) has no real colours
  17. 17.♿ Why add captions to videos? (a) so anyone can follow (b) to slow them down (c) to add colour (d) to hide the sound
  18. 18.💾 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
  19. 19.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
  20. 20.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 52 px tall
    Cancel button: 72 px tall
    Next button: 28 px tall
    Save button: 60 px tall
    (a) Start (b) Next (c) Save (d) Cancel
  21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Search → Menu → Shop → Confirm
    Design B: Home → Results → Search → Pens → Cart
  22. 22.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ search box ]
    [ filter buttons ]
    [ tab bar ]
    [ title text ]
    (a) tab bar (b) filter buttons (c) list of items (d) title text
  23. 23.True or false: a final design shows where things go. (a) True (b) False
  24. 24.Which of these makes the app harder to use? (a) strong colour contrast (b) labels on every icon (c) sudden loud sounds (d) text that can grow
  25. 25.🔍 Which is the odd one out? (a) fast-flashing lights (b) sudden loud sounds (c) captions on videos (d) tiny tap areas
  26. 26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Score card”
    4. tap Back
    5. open “Video”
    Which screen are you on now?
    (a) Video (b) Score card (c) Lessons (d) Map
  27. 27.💾 What does this code show? (Positions start at 0.)
    let friends = ["Arjun", "Riya", "Zoya", "Aman"];
    show(friends[2]);
    (a) Zoya (b) Arjun (c) Aman (d) Riya
  28. 28.🔍 Which is the odd one out? (a) sudden loud sounds (b) colour as the only clue (c) strong colour contrast (d) tiny tap areas
  29. 29.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) uses plain grey boxes (d) has the real colours
  30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. open “Friend list”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) red on green (d) black on pale grey
  32. 32.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
  33. 33.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  34. 34.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
  35. 35.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) a random page (c) that tab’s main screen (d) the last app used
  36. 36.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
  37. 37.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
  38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ tab bar ]
    [ top bar ]
    [ Add button ]
    [ list of items ]
    [ search box ]
  39. 39.True or false: a wireframe has the real colours. (a) False (b) True
  40. 40.🔢 In a food-order flow, which comes first: “pay for the order” or “add it to the cart”? (a) pay for the order (b) add it to the cart

Answer key

  1. True
  2. 4
  3. fast-flashing lights
  4. Help page
  5. changes are quick
  6. Home
  7. the phone is lost
  8. in the cloud
  9. black on pale grey
  10. real users
  11. 4
  12. Start
  13. colour as the only clue
  14. Design A
  15. 1
  16. uses the final pictures
  17. so anyone can follow
  18. data saved on the phone
  19. True
  20. Next
  21. 5
  22. title text
  23. False
  24. sudden loud sounds
  25. captions on videos
  26. Video
  27. Zoya
  28. strong colour contrast
  29. has the real colours
  30. 0
  31. red on green
  32. False
  33. good design
  34. UX
  35. that tab’s main screen
  36. a tab bar
  37. in the cloud
  38. 6
  39. False
  40. add it to the cart

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