← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 205 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Menu → Search → Address
    Design B: Home → Size → Search
  2. 2.♿ A screen has 8 icon buttons. Only 6 of them have a text label for screen readers. How many still need a label?
  3. 3.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
  4. 4.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
  5. 5.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) tap “Sign up” (b) open the app
  6. 6.True or false: the theme colours is about UX (the experience). (a) True (b) False
  7. 7.True or false: a final design looks like the real app. (a) True (b) False
  8. 8.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
  9. 9.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
  10. 10.True or false: the icon shapes is about UX (the experience). (a) True (b) False
  11. 11.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  12. 12.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ tab bar ]
    (a) top bar (b) tab bar (c) search box
  13. 13.🔢 In a quiz-app flow, which comes first: “see if it is right” or “pick an answer”? (a) see if it is right (b) pick an answer
  14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ menu icon ]
    [ Save button ]
    [ search box ]
    [ Add button ]
  15. 15.🔍 Which is the odd one out? (a) how users feel after (b) the font size (c) the button colours (d) the theme colours
  16. 16.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) track the order (d) pick a dish
  17. 17.True or false: a wireframe uses the final pictures. (a) False (b) True
  18. 18.True or false: notes to read offline fits saving on the phone. (a) True (b) False
  19. 19.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  20. 20.💾 What number does this code show?
    let lives = 7;
    lives = lives - 1;
    lives = lives + 2;
    show(lives);
  21. 21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Video”
    3. tap Back
    4. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  22. 22.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  23. 23.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ tab bar ]
    [ menu icon ]
    [ Save button ]
  24. 24.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  25. 25.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  26. 26.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) see the home screen (c) make a password (d) type name and email
  27. 27.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
  28. 28.True or false: space between buttons is poor button design. (a) False (b) True
  29. 29.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) read a question (b) pick an answer
  30. 30.🎨 UI stands for user ___. (a) internet (b) input (c) interface (d) idea
  31. 31.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  32. 32.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the app is closed (c) the screen turns off (d) the phone is lost
  33. 33.True or false: a final design is a quick sketch. (a) True (b) False
  34. 34.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
  35. 35.💾 What number does this code show?
    let notes = ["Science", "Maths"];
    notes.push("Hindi");
    notes.push("Music");
    show(notes.length);
  36. 36.🔢 In a photo-post flow, which comes first: “take the photo” or “post the photo”? (a) post the photo (b) take the photo
  37. 37.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
  38. 38.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
  39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Map”
    3. tap the Chat tab
    4. tap the Settings tab
    5. open “Match report”
    Which screen are you on now?
    (a) Match report (b) Edit photo (c) Map (d) Feed
  40. 40.🔢 In a quiz-app flow, what comes right after “read a question”? (a) pick an answer (b) see if it is right (c) tap “Start quiz” (d) see the final score

Answer key

  1. 2
  2. 2
  3. poor design
  4. good design
  5. open the app
  6. False
  7. True
  8. hard to read
  9. reads the screen aloud
  10. False
  11. a wireframe
  12. search box
  13. pick an answer
  14. 5
  15. how users feel after
  16. open the menu
  17. False
  18. True
  19. on the phone
  20. 8
  21. 2
  22. good design
  23. 4
  24. a final design
  25. a final design
  26. see the home screen
  27. good UI but poor UX
  28. False
  29. read a question
  30. interface
  31. a wireframe
  32. the phone is lost
  33. False
  34. the back button
  35. 4
  36. take the photo
  37. so each step is clear
  38. changes are quick
  39. Match report
  40. pick an answer

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