← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 449 · 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) undoes one move (b) sits at the bottom (c) switches main sections (d) hides extra links
  2. 2.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
  3. 3.🔍 Which is the odd one out? (a) whether users get lost (b) how easy sign-up is (c) how users feel after (d) the theme colours
  4. 4.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) looks like the real app (d) shows where things go
  5. 5.True or false: a final design uses the final pictures. (a) True (b) False
  6. 6.🔢 In a quiz-app flow, which comes first: “see the final score” or “read a question”? (a) see the final score (b) read a question
  7. 7.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) the server (c) fast typists (d) colour-blind users
  8. 8.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
  9. 9.💾 What number does this code show?
    let friends = ["Zoya", "Kabir", "Riya"];
    friends.push("Aman");
    show(friends.length);
  10. 10.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) make a password (c) enter the code sent (d) tap “Sign up”
  11. 11.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  12. 12.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it saves data (d) it adds colours
  13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Shop → Size → Address → Item
    Design B: Home → Menu → Search → Cart     (a) Design A (b) Design B
  14. 14.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  15. 15.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Map”
    4. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ big picture ]
    [ tab bar ]
    [ top bar ]
  17. 17.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Zoya", "Kabir", "Arjun"];
    friends.pop();
    show(friends[friends.length - 1]);     (a) Riya (b) Zoya (c) Kabir (d) Arjun
  18. 18.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
  19. 19.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
  20. 20.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  21. 21.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) more colours (c) better UX (d) a bigger app
  22. 22.Which of these fits saving on the phone? (a) notes to read offline (b) chat messages to friends (c) photos on two devices (d) a class leaderboard
  23. 23.🔍 Which is the odd one out? (a) how many taps it takes (b) how users feel after (c) whether users get lost (d) the icon shapes
  24. 24.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Menu
    Design B: Home → Pay → Confirm → Pens → Size     (a) Design A (b) Design B
  25. 25.Which colour pair is hard to read? (a) light grey on white (b) white on dark green (c) black on yellow (d) black on pale grey
  26. 26.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
  27. 27.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Home tab
    3. tap the Profile tab
    Which screen are you on now?     (a) Home (b) Profile (c) Help page (d) Search
  29. 29.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ Save button ]
    [ list of items ]
    [ title text ]
    [ Add button ]     (a) Save button (b) title text (c) Add button (d) list of items
  30. 30.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) write a caption (b) open the camera screen
  31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ search box ]
    [ top bar ]
    [ Add button ]
    [ menu icon ]
    [ tab bar ]     (a) Add button (b) title text (c) menu icon (d) tab bar
  32. 32.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) no UI at all (d) good UX but poor UI
  33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap Back
    3. open “Score card”
    4. tap Back
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  34. 34.🔢 In a sign-up flow, which comes first: “enter the code sent” or “tap “Sign up””? (a) tap “Sign up” (b) enter the code sent
  35. 35.💾 Which works with no internet at all? (a) a shared chat (b) a cloud leaderboard (c) data saved on the phone (d) a cloud backup
  36. 36.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Me tab
    3. open “Badges”
    4. tap the Lessons tab
    5. open “Help page”
    Which screen are you on now?     (a) Lessons (b) Badges (c) Friend list (d) Help page
  38. 38.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  39. 39.💾 What is a variable? (a) a picture (b) a type of screen (c) a phone setting (d) a named box for a value
  40. 40.🔢 In a photo-post flow, what comes right after “take the photo”? (a) write a caption (b) open the camera screen (c) post the photo (d) add a filter

Answer key

  1. undoes one move
  2. makes it harder
  3. the theme colours
  4. shows where things go
  5. True
  6. read a question
  7. colour-blind users
  8. UX
  9. 4
  10. tap “Sign up”
  11. a wireframe
  12. changes are quick
  13. Design B
  14. in the cloud
  15. 0
  16. 4
  17. Kabir
  18. a wireframe
  19. False
  20. good design
  21. better UX
  22. notes to read offline
  23. the icon shapes
  24. Design A
  25. light grey on white
  26. good design
  27. a wireframe
  28. Profile
  29. Save button
  30. open the camera screen
  31. tab bar
  32. good UI but poor UX
  33. 1
  34. tap “Sign up”
  35. data saved on the phone
  36. on the phone
  37. Help page
  38. a wireframe
  39. a named box for a value
  40. add a filter

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