← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 579 · 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.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 44 px tall
    Start button: 60 px tall
    Back button: 36 px tall
    Save button: 56 px tall
  2. 2.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) tap “Sign up” (c) enter the code sent (d) make a password
  3. 3.🔢 In a food-order flow, which comes first: “pay for the order” or “pick a dish”? (a) pay for the order (b) pick a dish
  4. 4.💾 Which works with no internet at all? (a) a cloud leaderboard (b) data saved on the phone (c) a shared chat (d) a cloud backup
  5. 5.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
  6. 6.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Cart → Shop
    Design B: Home → Confirm → Pay → Size → Pens → Cart → Address
    (a) Design A (b) Design B
  7. 7.Which of these is true of a menu button? (a) goes to the last screen (b) opens a list of pages (c) undoes one move (d) switches main sections
  8. 8.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) post the photo (c) write a caption (d) take the photo
  9. 9.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ menu icon ]
    [ Add button ]
    [ big picture ]
    [ tab bar ]
    [ title text ]
    [ filter buttons ]
    (a) Add button (b) menu icon (c) filter buttons (d) title text
  10. 10.Which of these is about UI (the look)? (a) how users feel after (b) how many taps it takes (c) the theme colours (d) how fast a task is done
  11. 11.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) has the real colours (d) is a quick sketch
  12. 12.💾 What number does this code show?
    let stars = 8;
    stars = stars - 1;
    stars = stars + 1;
    show(stars);
  13. 13.🔍 Which is the odd one out? (a) captions on videos (b) tiny tap areas (c) fast-flashing lights (d) colour as the only clue
  14. 14.True or false: a wireframe uses plain grey boxes. (a) True (b) False
  15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Size → Pay
    Design B: Home → Size → Address → Menu → Pens
  16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Item → Confirm → Shop
    Design B: Home → Confirm → Item
  17. 17.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) better UX (d) worse UX
  18. 18.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
  19. 19.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  20. 20.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
  21. 21.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) at the bottom (d) in the middle
  22. 22.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a draft you are typing (c) photos on two devices (d) notes to read offline
  23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 18 px
    Footer: 24 px
    Menu: 12 px
  24. 24.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  25. 25.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
  26. 26.💾 What number does this code show?
    let notes = ["Music", "Maths", "Art", "Sports"];
    notes.push("Science");
    notes.push("Hindi");
    show(notes.length);
  27. 27.Which of these fits saving in the cloud? (a) notes to read offline (b) a class leaderboard (c) the sound on/off setting (d) a draft you are typing
  28. 28.💾 What number does this code show?
    let songs = ["Sunrise", "Rain", "Monsoon"];
    songs.push("Ocean");
    show(songs.length);
  29. 29.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) take the photo (d) post the photo
  30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Profile tab
    3. open “Badges”
    Which screen are you on now?
    (a) Search (b) Badges (c) Video (d) Home
  31. 31.✏️ What is a wireframe? (a) a type of password (b) a simple screen sketch (c) a charging cable (d) the finished app
  32. 32.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ Add button ]
    [ menu icon ]
    [ filter buttons ]
    [ Save button ]
    (a) menu icon (b) filter buttons (c) Add button
  33. 33.🔍 Which is the odd one out? (a) whether users get lost (b) how users feel after (c) the screen layout (d) how many taps it takes
  34. 34.🔢 In a quiz-app flow, which comes first: “see if it is right” or “see the final score”? (a) see the final score (b) see if it is right
  35. 35.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
  36. 36.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) no UI at all (c) good UX but poor UI (d) perfect UX
  37. 37.True or false: a big, easy tap area is good button design. (a) True (b) False
  38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 16 px
    Title: 23 px
    Hint: 11 px
    (a) Footer (b) Hint (c) Title
  39. 39.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 1 (c) 10 to 12 (d) 20
  40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. 2
  2. make a password
  3. pick a dish
  4. data saved on the phone
  5. True
  6. Design A
  7. opens a list of pages
  8. write a caption
  9. Add button
  10. the theme colours
  11. is a quick sketch
  12. 8
  13. captions on videos
  14. True
  15. 1
  16. 2
  17. better UX
  18. in the cloud
  19. good design
  20. a tab bar
  21. at the bottom
  22. photos on two devices
  23. 1
  24. in the cloud
  25. good design
  26. 6
  27. a class leaderboard
  28. 4
  29. post the photo
  30. Badges
  31. a simple screen sketch
  32. filter buttons
  33. the screen layout
  34. see if it is right
  35. UX
  36. good UI but poor UX
  37. True
  38. Hint
  39. 3 to 5
  40. 1

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