← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 324 · 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.Which of these is true of the back button? (a) shows 3 to 5 icons (b) opens a list of pages (c) hides extra links (d) goes to the last screen
  2. 2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 56 px tall
    Cancel button: 36 px tall
    Start button: 32 px tall
    Send button: 60 px tall
  3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Score card”
    3. open “Video”
    4. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  5. 5.💾 What number does this code show?
    let lives = 9;
    lives = lives - 2;
    lives = lives + 4;
    show(lives);
  6. 6.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Address → Size → Cart → Search → Confirm
    Design B: Home → Offers → Size → Menu → Results
    (a) Design B (b) Design A
  7. 7.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a random page (d) a clear next step
  8. 8.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 19 px
    Menu: 22 px
    Caption: 13 px
    Body text: 26 px
    Label: 18 px
    (a) Footer (b) Caption (c) Menu (d) Body text
  9. 9.🔀 What is a user flow? (a) the path through screens (b) a type of font (c) a colour theme (d) a charging cable
  10. 10.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a draft you are typing (c) your last game level (d) chat messages to friends
  11. 11.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
  12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Friend list”
    3. tap Back
    4. tap Back
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.🔍 Which is the odd one out? (a) the button colours (b) the theme colours (c) how fast a task is done (d) the font size
  14. 14.🧭 What does the back button usually do? (a) goes to the last screen (b) closes all apps (c) opens settings (d) deletes the page
  15. 15.♿ Why add captions to videos? (a) to slow them down (b) to hide the sound (c) to add colour (d) so anyone can follow
  16. 16.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ list of items ]
    [ search box ]
    [ Add button ]
    [ big picture ]
    (a) big picture (b) list of items (c) Add button
  17. 17.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) better UX (c) worse UX (d) a bigger app
  18. 18.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) add a filter (c) post the photo (d) open the camera screen
  19. 19.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pay → Item → Cart
    Design B: Home → Shop → Search → Pay → Results → Size → Item
  21. 21.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) open the app (b) tap “Sign up”
  22. 22.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
  23. 23.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to add more taps (d) to skip testing
  24. 24.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Confirm → Shop
    Design B: Home → Pens → Cart → Results → Menu
    (a) Design A (b) Design B
  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 white on black easy or hard to read on a button? (a) easy to read (b) hard to read
  27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Chat tab
    3. tap the Chat tab
    4. tap the Chat tab
    Which screen are you on now?
    (a) Settings (b) Chat (c) Feed
  28. 28.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
  29. 29.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Kites", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Sunrise (b) Kites (c) Rain
  30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Confirm → Menu → Pens → Cart
    Design B: Home → Pay → Menu → Address → Offers → Results → Shop
    (a) Design A (b) Design B
  31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Results → Shop
    Design B: Home → Confirm → Shop → Address → Menu → Size → Offers
  32. 32.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Results → Menu → Pay → Pens
    Design B: Home → Cart → Item → Search → Offers → Results → Pens
  34. 34.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) add a filter (c) write a caption (d) post the photo
  35. 35.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
  36. 36.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ menu icon ]
    [ tab bar ]
    [ Add button ]
    [ list of items ]
    [ big picture ]
  37. 37.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
  38. 38.💾 What number does this code show?
    let friends = ["Riya", "Arjun"];
    friends.push("Kabir");
    friends.push("Aman");
    show(friends.length);
  39. 39.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
  40. 40.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) the sound on/off setting (d) photos on two devices

Answer key

  1. goes to the last screen
  2. 2
  3. 3
  4. UX
  5. 11
  6. Design B
  7. a clear next step
  8. Caption
  9. the path through screens
  10. chat messages to friends
  11. makes it harder
  12. 1
  13. how fast a task is done
  14. goes to the last screen
  15. so anyone can follow
  16. list of items
  17. better UX
  18. post the photo
  19. True
  20. 6
  21. open the app
  22. is a quick sketch
  23. so each step is clear
  24. Design A
  25. in the cloud
  26. easy to read
  27. Chat
  28. False
  29. Kites
  30. Design A
  31. 6
  32. helps everyone
  33. 5
  34. take the photo
  35. False
  36. 6
  37. a simple screen sketch
  38. 4
  39. UI
  40. the sound on/off setting

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