← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 511 · 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 = 3;
    coins = coins - 3;
    coins = coins + 5;
    show(coins);
  2. 2.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Me tab
    3. open “Help page”
    4. tap Back
    5. tap the Lessons tab
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Edit photo (d) Help page
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Cart
    Design B: Home → Size → Pay → Menu → Item
  4. 4.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  5. 5.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
  6. 6.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 64 px tall
    Send button: 64 px tall
    Save button: 44 px tall
    Next button: 60 px tall
  7. 7.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
  8. 8.🔢 In a food-order flow, what comes right after “pick a dish”? (a) add it to the cart (b) open the menu (c) track the order (d) pay for the order
  9. 9.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the server (c) the battery (d) colour-blind users
  10. 10.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Meera", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Zoya (b) Aman (c) Meera
  11. 11.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) has the real colours (d) shows where things go
  12. 12.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ Save button ]
    [ search box ]
    [ filter buttons ]
    [ Add button ]
    [ top bar ]
    [ tab bar ]
    (a) tab bar (b) top bar (c) Add button (d) Save button
  13. 13.Which of these is about UX (the experience)? (a) the screen layout (b) the theme colours (c) how easy sign-up is (d) the icon shapes
  14. 14.Which of these is true of a final design? (a) has the real colours (b) has no real colours (c) is a quick sketch (d) uses plain grey boxes
  15. 15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Friend list”
    4. tap Back
    5. open “Map”
    Which screen are you on now?
    (a) Feed (b) Map (c) Friend list (d) Video
  16. 16.Which of these helps everyone use the app? (a) fast-flashing lights (b) tiny tap areas (c) icons with no labels (d) captions on videos
  17. 17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Address
    Design B: Home → Item → Shop → Address → Cart
    (a) Design B (b) Design A
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Size → Item → Address → Pay → Menu
    Design B: Home → Pay → Search
    (a) Design B (b) Design A
  19. 19.Which of these helps everyone use the app? (a) colour as the only clue (b) fast-flashing lights (c) icons with no labels (d) labels on every icon
  20. 20.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  21. 21.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) photos on two devices (d) notes to read offline
  22. 22.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) open the app (c) tap “Sign up” (d) see the home screen
  23. 23.♿ What does a screen reader do? (a) plays music (b) takes photos (c) reads the screen aloud (d) makes text tiny
  24. 24.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  25. 25.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
  26. 26.💾 What number does this code show?
    let songs = ["Monsoon", "Sunrise", "Stars"];
    songs.push("Kites");
    songs.push("Ocean");
    show(songs.length);
  27. 27.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) has no real colours
  28. 28.True or false: the theme colours is about UX (the experience). (a) True (b) False
  29. 29.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) hides extra links (d) shows 3 to 5 icons
  30. 30.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
  31. 31.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) pick a dish (b) add it to the cart
  32. 32.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
  33. 33.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
  34. 34.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) closes all apps (d) goes to the last screen
  35. 35.💾 What number does this code show?
    let friends = ["Meera", "Aman", "Riya", "Arjun"];
    friends.push("Zoya");
    show(friends.length);
  36. 36.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
  37. 37.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Sunrise", "Kites", "Stars", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Sunrise (c) Kites (d) Stars
  38. 38.🎨 UI stands for user ___. (a) idea (b) interface (c) internet (d) input
  39. 39.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
  40. 40.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX

Answer key

  1. 5
  2. Lessons
  3. 2
  4. in the cloud
  5. hard to read
  6. 3
  7. makes it harder
  8. add it to the cart
  9. colour-blind users
  10. Meera
  11. shows where things go
  12. Add button
  13. how easy sign-up is
  14. has the real colours
  15. Map
  16. captions on videos
  17. Design A
  18. Design B
  19. labels on every icon
  20. False
  21. notes to read offline
  22. see the home screen
  23. reads the screen aloud
  24. a final design
  25. helps everyone
  26. 5
  27. has no real colours
  28. False
  29. shows 3 to 5 icons
  30. so anyone can follow
  31. pick a dish
  32. that tab’s main screen
  33. UX
  34. goes to the last screen
  35. 5
  36. the back button
  37. Stars
  38. interface
  39. hard to read
  40. UX

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