← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 514 · 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.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
  2. 2.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) open the camera screen (c) take the photo (d) post the photo
  3. 3.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Ocean", "Kites"];
    show(songs[1]);
    (a) Ocean (b) Sunrise (c) Kites
  4. 4.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) read a question (c) see the final score (d) see if it is right
  5. 5.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) a draft you are typing
  6. 6.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  7. 7.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) see if it is right (c) tap “Start quiz” (d) pick an answer
  8. 8.Which of these is about UI (the look)? (a) the button colours (b) how users feel after (c) how easy sign-up is (d) how fast a task is done
  9. 9.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  10. 10.🔍 Which is the odd one out? (a) the font size (b) how easy sign-up is (c) the theme colours (d) the icon shapes
  11. 11.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 36 px tall
    Help button: 68 px tall
    Next button: 60 px tall
    Back button: 60 px tall
    (a) Next (b) Back (c) Help (d) Done
  12. 12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Me tab
    3. open “Match report”
    4. open “Map”
    Which screen are you on now?
    (a) Lessons (b) Match report (c) Map (d) Friend list
  13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ tab bar ]
    [ search box ]
    [ Add button ]
    [ top bar ]
    (a) top bar (b) Add button (c) Save button (d) tab bar
  14. 14.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
  15. 15.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ big picture ]
    [ list of items ]
    [ menu icon ]
    [ Add button ]
    [ search box ]
    [ Save button ]
    (a) list of items (b) search box (c) menu icon (d) Save button
  16. 16.🎨 UX stands for user ___. (a) extra (b) example (c) experience (d) express
  17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. tap the Settings tab
    4. open “Badges”
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Map”
    3. tap Back
    Which screen are you on now?
    (a) Home (b) Map (c) Search (d) Profile
  20. 20.🧭 What does the back button usually do? (a) closes all apps (b) opens settings (c) goes to the last screen (d) deletes the page
  21. 21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 26 px
    Hint: 10 px
    Footer: 23 px
    Body text: 16 px
    Title: 24 px
    (a) Footer (b) Hint (c) Body text (d) Caption
  22. 22.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  23. 23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ top bar ]
    [ Save button ]
    [ Add button ]
    [ filter buttons ]
    [ menu icon ]
    (a) big picture (b) top bar (c) Save button (d) menu icon
  24. 24.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
  25. 25.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) open the app (b) tap “Sign up”
  26. 26.True or false: a final design is a quick sketch. (a) False (b) True
  27. 27.💾 What number does this code show?
    let friends = ["Riya", "Kabir", "Meera", "Arjun"];
    friends.push("Aman");
    friends.push("Zoya");
    show(friends.length);
  28. 28.True or false: icons with no meaning is good button design. (a) False (b) True
  29. 29.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) see the home screen (c) tap “Sign up” (d) open the app
  30. 30.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) is a quick sketch (d) has the real colours
  31. 31.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 60 px tall
    Help button: 32 px tall
    Start button: 40 px tall
    Save button: 60 px tall
  32. 32.🔢 In a food-order flow, which comes first: “pay for the order” or “track the order”? (a) track the order (b) pay for the order
  33. 33.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
  34. 34.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) a bigger app (d) better UX
  35. 35.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
  36. 36.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) shrink the app (d) use it on any device
  37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Pens
    Design B: Home → Offers → Size → Item
  38. 38.🔢 In a sign-up flow, which comes first: “type name and email” or “tap “Sign up””? (a) tap “Sign up” (b) type name and email
  39. 39.True or false: the button colours is about UX (the experience). (a) False (b) True
  40. 40.🔍 Which is the odd one out? (a) strong colour contrast (b) tiny tap areas (c) sudden loud sounds (d) colour as the only clue

Answer key

  1. a wireframe
  2. open the camera screen
  3. Ocean
  4. read a question
  5. a draft you are typing
  6. 4
  7. pick an answer
  8. the button colours
  9. False
  10. how easy sign-up is
  11. Done
  12. Map
  13. top bar
  14. makes it harder
  15. search box
  16. experience
  17. 0
  18. False
  19. Search
  20. goes to the last screen
  21. Hint
  22. good design
  23. menu icon
  24. False
  25. open the app
  26. False
  27. 6
  28. False
  29. see the home screen
  30. is a quick sketch
  31. 2
  32. pay for the order
  33. the path through screens
  34. better UX
  35. False
  36. use it on any device
  37. 2
  38. tap “Sign up”
  39. False
  40. strong colour contrast

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