← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 730 · 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.💾 What does this code show? (Positions start at 0.)
    let friends = ["Zoya", "Kabir", "Arjun", "Meera"];
    show(friends[0]);
    (a) Kabir (b) Arjun (c) Meera (d) Zoya
  2. 2.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Pens → Offers → Shop → Pay → Size
    Design B: Home → Cart → Item
    (a) Design A (b) Design B
  3. 3.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) read a question (c) pick an answer (d) see the final score
  4. 4.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
  5. 5.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ title text ]
    [ big picture ]
    [ Save button ]
    [ tab bar ]
  6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 52 px tall
    Save button: 36 px tall
    Done button: 60 px tall
    Next button: 48 px tall
  7. 7.True or false: “colour as the only clue” helps everyone use the app. (a) True (b) False
  8. 8.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) a simple screen sketch (d) the finished app
  9. 9.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
  10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Friend list”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) a random page (d) that tab’s main screen
  12. 12.Which of these fits saving on the phone? (a) the sound on/off setting (b) a shared to-do list (c) photos on two devices (d) a class leaderboard
  13. 13.🔍 Which is the odd one out? (a) captions on videos (b) big touch targets (c) fast-flashing lights (d) text that can grow
  14. 14.True or false: a tiny 20 px button is poor button design. (a) True (b) False
  15. 15.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 40 px tall. How many px taller must it be?
  16. 16.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Save button ]
    [ tab bar ]
    [ top bar ]
    [ menu icon ]
    [ Add button ]
    (a) Add button (b) tab bar (c) Save button (d) top bar
  17. 17.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  18. 18.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) text that can grow (d) icons with no labels
  19. 19.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 10 (c) 2 (d) 0
  20. 20.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 60 px tall
    Send button: 56 px tall
    Done button: 56 px tall
    Save button: 40 px tall
    (a) Cancel (b) Send (c) Save (d) Done
  21. 21.🔍 Which is the odd one out? (a) the theme colours (b) how fast a task is done (c) the icon shapes (d) the font size
  22. 22.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) dark blue on white (d) light grey on white
  23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Badges”
    3. tap Back
    4. open “Video”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  24. 24.💾 What number does this code show?
    let lives = 4;
    lives = lives - 1;
    lives = lives + 3;
    show(lives);
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Shop → Address → Confirm → Offers → Pay → Pens
    Design B: Home → Menu → Confirm → Search
  26. 26.Which of these fits saving on the phone? (a) your last game level (b) photos on two devices (c) a class leaderboard (d) chat messages to friends
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 72 px tall
    Help button: 32 px tall
    Send button: 60 px tall
    Start button: 60 px tall
    (a) Send (b) Cancel (c) Start (d) Help
  28. 28.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
  29. 29.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  30. 30.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 23 px
    Title: 22 px
    Body text: 14 px
    (a) Body text (b) Footer (c) Title
  31. 31.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) plays music (d) makes text tiny
  32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ title text ]
    [ list of items ]
    [ menu icon ]
    [ search box ]
    [ big picture ]
    (a) title text (b) big picture (c) Save button (d) menu icon
  33. 33.🔍 Which is the odd one out? (a) labels on every icon (b) text that can grow (c) sudden loud sounds (d) strong colour contrast
  34. 34.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) write a caption (c) post the photo (d) add a filter
  35. 35.♿ A screen has 6 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
  36. 36.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
  37. 37.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
  38. 38.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) read a question (b) see if it is right
  39. 39.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Ocean", "Rain", "Kites", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Kites (b) Ocean (c) Rain (d) Monsoon
  40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Search
    Design B: Home → Shop → Cart → Results → Menu → Search

Answer key

  1. Zoya
  2. Design B
  3. see the final score
  4. hard to read
  5. 5
  6. 3
  7. False
  8. a simple screen sketch
  9. 20
  10. 0
  11. that tab’s main screen
  12. the sound on/off setting
  13. fast-flashing lights
  14. True
  15. 8
  16. Add button
  17. on the phone
  18. text that can grow
  19. 0
  20. Save
  21. how fast a task is done
  22. light grey on white
  23. 0
  24. 6
  25. 3
  26. your last game level
  27. Help
  28. True
  29. helps everyone
  30. Body text
  31. reads the screen aloud
  32. big picture
  33. sudden loud sounds
  34. add a filter
  35. 2
  36. UI
  37. helps everyone
  38. read a question
  39. Kites
  40. 3

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