← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 81 · 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 a final design? (a) has the real colours (b) shows where things go (c) is a quick sketch (d) uses plain grey boxes
  2. 2.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) uses the final pictures (d) uses plain grey boxes
  3. 3.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a sound (c) a long animation (d) a text label
  4. 4.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) a draft you are typing (d) a shared to-do list
  5. 5.True or false: a wireframe shows where things go. (a) False (b) True
  6. 6.Which of these is true of a final design? (a) is a quick sketch (b) shows the real fonts (c) shows where things go (d) uses plain grey boxes
  7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Map”
    3. tap the Settings tab
    4. tap the Chat tab
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  8. 8.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) it runs the app (d) changes are quick
  9. 9.Which of these is true of a menu button? (a) switches main sections (b) opens a list of pages (c) sits at the bottom (d) undoes one move
  10. 10.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) a menu button (c) the back button
  11. 11.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) white on dark green (d) pale pink on white
  12. 12.True or false: a clear word like Save is good button design. (a) False (b) True
  13. 13.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Stars", "Ocean", "Kites"];
    show(songs[3]);
    (a) Ocean (b) Sunrise (c) Stars (d) Kites
  14. 14.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Menu → Pens → Shop → Item → Address
    Design B: Home → Address → Cart → Offers
  16. 16.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
  17. 17.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
  18. 18.💾 What is a variable? (a) a picture (b) a phone setting (c) a named box for a value (d) a type of screen
  19. 19.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
  20. 20.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
  21. 21.Which of these helps everyone use the app? (a) fast-flashing lights (b) colour as the only clue (c) strong colour contrast (d) icons with no labels
  22. 22.🔍 Which is the odd one out? (a) the icon shapes (b) how many taps it takes (c) the font size (d) the theme colours
  23. 23.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) tap “Start quiz” (c) see the final score (d) pick an answer
  24. 24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 23 px
    Menu: 11 px
    Footer: 26 px
    (a) Menu (b) Title (c) Footer
  25. 25.Which of these is about UI (the look)? (a) whether users get lost (b) how easy sign-up is (c) how many taps it takes (d) the button colours
  26. 26.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ tab bar ]
    [ Save button ]
    [ title text ]
    (a) Save button (b) filter buttons (c) tab bar (d) title text
  27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Score card”
    3. tap Back
    4. open “Badges”
    Which screen are you on now?
    (a) Lessons (b) Badges (c) Score card (d) Quiz
  28. 28.♿ What does a screen reader do? (a) reads the screen aloud (b) takes photos (c) plays music (d) makes text tiny
  29. 29.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
  30. 30.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) pay for the order (d) pick a dish
  31. 31.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
  32. 32.Which of these is true of the back button? (a) shows 3 to 5 icons (b) sits at the bottom (c) undoes one move (d) opens a list of pages
  33. 33.Which of these makes the app harder to use? (a) captions on videos (b) sudden loud sounds (c) labels on every icon (d) big touch targets
  34. 34.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  35. 35.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Add button ]
    [ search box ]
    [ big picture ]
    [ filter buttons ]
    [ title text ]
  36. 36.💾 pop() takes off the last item. What does this code show?
    let songs = ["Kites", "Stars", "Rain", "Monsoon", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Monsoon (c) Stars (d) Kites
  37. 37.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) a 3D printer (d) pencil and paper
  38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ search box ]
    [ menu icon ]
    [ filter buttons ]
    [ Save button ]
    [ Add button ]
    (a) Save button (b) Add button (c) big picture (d) filter buttons
  39. 39.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
  40. 40.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone

Answer key

  1. has the real colours
  2. uses the final pictures
  3. a text label
  4. a draft you are typing
  5. True
  6. shows the real fonts
  7. 1
  8. changes are quick
  9. opens a list of pages
  10. a tab bar
  11. white on dark green
  12. True
  13. Kites
  14. a wireframe
  15. 3
  16. a tab bar
  17. False
  18. a named box for a value
  19. tap “Start quiz”
  20. a tab bar
  21. strong colour contrast
  22. how many taps it takes
  23. tap “Start quiz”
  24. Menu
  25. the button colours
  26. title text
  27. Badges
  28. reads the screen aloud
  29. True
  30. open the menu
  31. UX
  32. undoes one move
  33. sudden loud sounds
  34. helps everyone
  35. 6
  36. Monsoon
  37. pencil and paper
  38. Add button
  39. makes it harder
  40. on the phone

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