← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 87 · 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.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
  2. 2.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) see the home screen (c) open the app (d) type name and email
  3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Feed tab
    3. tap the Settings tab
    4. tap the Chat tab
    Which screen are you on now?
    (a) Edit photo (b) Feed (c) Settings (d) Chat
  4. 4.True or false: photos on two devices fits saving on the phone. (a) True (b) False
  5. 5.💾 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
  6. 6.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
  7. 7.🔍 Which is the odd one out? (a) the screen layout (b) the font size (c) whether users get lost (d) the button colours
  8. 8.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
  9. 9.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) has the real colours (d) is a quick sketch
  10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. open “Match report”
    3. open “Map”
    4. tap the Me tab
    5. open “Help page”
    Which screen are you on now?
    (a) Match report (b) Map (c) Video (d) Help page
  11. 11.True or false: a final design uses the final pictures. (a) True (b) False
  12. 12.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 2 (c) 10 (d) 0
  13. 13.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
  14. 14.Which of these is about UI (the look)? (a) how easy sign-up is (b) how fast a task is done (c) the icon shapes (d) whether users get lost
  15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Quiz tab
    3. open “Score card”
    4. tap Back
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  16. 16.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
  17. 17.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
  18. 18.💾 Saving data in the cloud lets you ___. (a) shrink the app (b) use it on any device (c) never need a password (d) skip the internet
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 52 px tall
    Start button: 44 px tall
    Send button: 56 px tall
    (a) Help (b) Start (c) Send
  20. 20.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a cloud backup (c) a shared chat (d) data saved on the phone
  21. 21.💾 What number does this code show?
    let notes = ["Hindi", "Music"];
    notes.push("Maths");
    notes.push("Sports");
    show(notes.length);
  22. 22.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 14 px
    Body text: 17 px
    Menu: 19 px
    Footer: 17 px
  23. 23.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Arjun", "Aman", "Zoya"];
    show(friends[2]);
    (a) Aman (b) Meera (c) Zoya (d) Arjun
  24. 24.True or false: grey text on grey is good button design. (a) False (b) True
  25. 25.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) see if it is right (d) read a question
  26. 26.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
  27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Friend list”
    3. open “Badges”
    4. tap the Lessons tab
    5. tap the Quiz tab
    Which screen are you on now?
    (a) Lessons (b) Badges (c) Quiz (d) Friend list
  28. 28.Which of these is true of the back button? (a) sits at the bottom (b) shows 3 to 5 icons (c) goes to the last screen (d) opens a list of pages
  29. 29.🔀 Why plan the user flow before building? (a) to skip testing (b) to add more taps (c) so each step is clear (d) to hide the buttons
  30. 30.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
  31. 31.✏️ What is a wireframe? (a) a charging cable (b) the finished app (c) a simple screen sketch (d) a type of password
  32. 32.💾 pop() takes off the last item. What does this code show?
    let songs = ["Kites", "Stars", "Ocean", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Stars (b) Ocean (c) Kites (d) Sunrise
  33. 33.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) read a question (c) see the final score (d) pick an answer
  34. 34.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) make a password (c) tap “Sign up” (d) see the home screen
  35. 35.True or false: how easy sign-up is is about UX (the experience). (a) True (b) False
  36. 36.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) post the photo (d) take the photo
  37. 37.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Pay → Cart
    Design B: Home → Results → Confirm → Size → Address → Offers → Pay
    (a) Design A (b) Design B
  38. 38.♿ A screen has 12 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  39. 39.Which of these is about UX (the experience)? (a) the button colours (b) how fast a task is done (c) the theme colours (d) the icon shapes
  40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Confirm → Search
    Design B: Home → Results → Pay → Search → Size → Confirm

Answer key

  1. hard to read
  2. see the home screen
  3. Chat
  4. False
  5. in the cloud
  6. UX
  7. whether users get lost
  8. reads the screen aloud
  9. is a quick sketch
  10. Help page
  11. True
  12. 0
  13. good design
  14. the icon shapes
  15. 1
  16. 1
  17. a tab bar
  18. use it on any device
  19. Start
  20. data saved on the phone
  21. 4
  22. 1
  23. Aman
  24. False
  25. read a question
  26. True
  27. Quiz
  28. goes to the last screen
  29. so each step is clear
  30. UI
  31. a simple screen sketch
  32. Ocean
  33. see the final score
  34. tap “Sign up”
  35. True
  36. post the photo
  37. Design A
  38. 11
  39. how fast a task is done
  40. 3

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