← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 378 · 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 number does this code show?
    let friends = ["Zoya", "Aman", "Riya"];
    friends.push("Meera");
    friends.push("Kabir");
    show(friends.length);
  2. 2.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) a dead end (c) the same screen (d) a clear next step
  3. 3.True or false: strong colour contrast is good button design. (a) True (b) False
  4. 4.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) perfect UX (c) no UI at all (d) good UX but poor UI
  5. 5.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Address → Pay
    Design B: Home → Address → Confirm → Menu → Shop → Search → Pay
    (a) Design B (b) Design A
  6. 6.Which of these fits saving on the phone? (a) a shared to-do list (b) the sound on/off setting (c) chat messages to friends (d) a class leaderboard
  7. 7.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a long animation (c) a text label (d) a sound
  8. 8.True or false: the theme colours is about UX (the experience). (a) False (b) True
  9. 9.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
  10. 10.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) take the photo (c) post the photo (d) write a caption
  11. 11.True or false: your last game level fits saving on the phone. (a) True (b) False
  12. 12.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 32 px tall. How many px taller must it be?
  13. 13.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) tap “Sign up” (c) enter the code sent (d) see the home screen
  14. 14.💾 What number does this code show?
    let notes = ["Music", "Maths"];
    notes.push("Art");
    show(notes.length);
  15. 15.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  16. 16.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Music", "Sports", "Hindi", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Science (b) Music (c) Hindi (d) Sports
  17. 17.♿ What does a screen reader do? (a) reads the screen aloud (b) takes photos (c) plays music (d) makes text tiny
  18. 18.True or false: the icon shapes is about UX (the experience). (a) True (b) False
  19. 19.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
  20. 20.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 18 px
    Label: 12 px
    Footer: 16 px
    Caption: 22 px
    (a) Footer (b) Caption (c) Label (d) Body text
  21. 21.🔍 Which is the odd one out? (a) the screen layout (b) whether users get lost (c) how many taps it takes (d) how fast a task is done
  22. 22.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ top bar ]
    [ title text ]
    [ search box ]
    [ menu icon ]
    (a) search box (b) title text (c) top bar
  23. 23.Which of these is true of a menu button? (a) undoes one move (b) sits at the bottom (c) switches main sections (d) opens a list of pages
  24. 24.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
  25. 25.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  26. 26.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
  27. 27.Which of these fits saving in the cloud? (a) a draft you are typing (b) your last game level (c) the sound on/off setting (d) photos on two devices
  28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 68 px tall
    Help button: 32 px tall
    Next button: 72 px tall
    Cancel button: 48 px tall
    (a) Help (b) Done (c) Next (d) Cancel
  29. 29.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
  30. 30.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
  31. 31.True or false: a wireframe looks like the real app. (a) False (b) True
  32. 32.💾 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
  33. 33.Which of these is about UX (the experience)? (a) how many taps it takes (b) the icon shapes (c) the button colours (d) the theme colours
  34. 34.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) worse UX (d) more colours
  35. 35.💾 What number does this code show?
    let friends = ["Zoya", "Kabir"];
    friends.push("Arjun");
    friends.push("Meera");
    show(friends.length);
  36. 36.♿ A screen has 9 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  37. 37.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  38. 38.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Rain", "Monsoon", "Stars"];
    show(songs[1]);
    (a) Monsoon (b) Sunrise (c) Stars (d) Rain
  39. 39.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Lessons tab
    4. open “Video”
    5. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Profile tab
    3. tap the Home tab
    4. tap the Profile tab
    Which screen are you on now?
    (a) Home (b) Search (c) Profile (d) Help page

Answer key

  1. 5
  2. a clear next step
  3. True
  4. good UI but poor UX
  5. Design A
  6. the sound on/off setting
  7. a text label
  8. False
  9. hard to read
  10. write a caption
  11. True
  12. 16
  13. see the home screen
  14. 3
  15. a wireframe
  16. Hindi
  17. reads the screen aloud
  18. False
  19. a tab bar
  20. Label
  21. the screen layout
  22. search box
  23. opens a list of pages
  24. good design
  25. in the cloud
  26. easy to read
  27. photos on two devices
  28. Help
  29. UI
  30. UX
  31. False
  32. the phone is lost
  33. how many taps it takes
  34. better UX
  35. 4
  36. 8
  37. True
  38. Rain
  39. 0
  40. Profile

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