← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 965 · 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 coins = 4;
    coins = coins - 3;
    coins = coins + 4;
    show(coins);
  2. 2.True or false: a wireframe looks like the real app. (a) False (b) True
  3. 3.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  4. 4.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
  5. 5.Which of these is about UI (the look)? (a) how fast a task is done (b) the screen layout (c) how many taps it takes (d) how users feel after
  6. 6.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ list of items ]
    [ top bar ]
    [ big picture ]
    [ Save button ]
    (a) top bar (b) list of items (c) Save button
  7. 7.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Riya", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Kabir (b) Riya (c) Aman
  8. 8.Which of these is true of a wireframe? (a) is a quick sketch (b) has the real colours (c) shows the real fonts (d) uses the final pictures
  9. 9.True or false: a wireframe uses plain grey boxes. (a) True (b) False
  10. 10.🔢 In a food-order flow, which comes first: “track the order” or “add it to the cart”? (a) add it to the cart (b) track the order
  11. 11.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) so each step is clear (d) to hide the buttons
  12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Pay → Search
    Design B: Home → Results → Address
  13. 13.True or false: whether users get lost is about UX (the experience). (a) False (b) True
  14. 14.🔢 In a sign-up flow, what comes right after “type name and email”? (a) enter the code sent (b) make a password (c) see the home screen (d) tap “Sign up”
  15. 15.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish
  16. 16.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
  17. 17.Which of these is true of a wireframe? (a) has the real colours (b) shows the real fonts (c) has no real colours (d) uses the final pictures
  18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Home tab
    3. tap the Profile tab
    Which screen are you on now?
    (a) Home (b) Profile (c) Search (d) Match report
  19. 19.Which of these fits saving in the cloud? (a) a shared to-do list (b) notes to read offline (c) your last game level (d) the sound on/off setting
  20. 20.True or false: your last game level fits saving on the phone. (a) True (b) False
  21. 21.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the server (c) the battery (d) fast typists
  22. 22.Which of these is about UI (the look)? (a) whether users get lost (b) how easy sign-up is (c) how fast a task is done (d) the icon shapes
  23. 23.💾 Which works with no internet at all? (a) a shared chat (b) a cloud leaderboard (c) a cloud backup (d) data saved on the phone
  24. 24.💾 What number does this code show?
    let lives = 7;
    lives = lives - 3;
    lives = lives + 4;
    show(lives);
  25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 40 px tall
    Back button: 68 px tall
    Cancel button: 56 px tall
    (a) Cancel (b) Back (c) Send
  26. 26.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ menu icon ]
    [ Save button ]
    [ top bar ]
    [ Add button ]
    (a) Save button (b) Add button (c) menu icon
  27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Menu → Shop
    Design B: Home → Shop → Pens → Search → Results
    (a) Design A (b) Design B
  28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ filter buttons ]
    [ tab bar ]
    [ list of items ]
    [ Save button ]
    (a) tab bar (b) menu icon (c) Save button (d) filter buttons
  29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 44 px tall
    Done button: 32 px tall
    Send button: 40 px tall
    Next button: 40 px tall
  30. 30.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
  31. 31.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) see the home screen (b) enter the code sent (c) type name and email (d) open the app
  32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Me tab
    3. open “Edit photo”
    Which screen are you on now?
    (a) Match report (b) Lessons (c) Edit photo (d) Quiz
  33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Pens
    Design B: Home → Menu → Pay → Size → Confirm → Cart → Shop
  34. 34.♿ What does a screen reader do? (a) reads the screen aloud (b) plays music (c) takes photos (d) makes text tiny
  35. 35.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) type name and email (c) open the app (d) see the home screen
  36. 36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. open “Help page”
    4. tap the Lessons tab
    5. open “Edit photo”
    Which screen are you on now?
    (a) Match report (b) Lessons (c) Help page (d) Edit photo
  37. 37.🎨 UI stands for user ___. (a) idea (b) internet (c) interface (d) input
  38. 38.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
  39. 39.🧭 What does the back button usually do? (a) deletes the page (b) opens settings (c) goes to the last screen (d) closes all apps
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Search tab
    3. tap the Profile tab
    4. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. 5
  2. False
  3. False
  4. tap “Start quiz”
  5. the screen layout
  6. Save button
  7. Riya
  8. is a quick sketch
  9. True
  10. add it to the cart
  11. so each step is clear
  12. 1
  13. True
  14. make a password
  15. pick a dish
  16. good design
  17. has no real colours
  18. Profile
  19. a shared to-do list
  20. True
  21. colour-blind users
  22. the icon shapes
  23. data saved on the phone
  24. 8
  25. Send
  26. Save button
  27. Design A
  28. Save button
  29. 0
  30. UX
  31. type name and email
  32. Edit photo
  33. 4
  34. reads the screen aloud
  35. see the home screen
  36. Edit photo
  37. interface
  38. 20
  39. goes to the last screen
  40. 0

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