← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 404 · 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.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ Add button ]
  2. 2.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ list of items ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    [ menu icon ]
    [ Add button ]     (a) big picture (b) menu icon (c) Add button (d) Save button
  3. 3.🎨 UI stands for user ___. (a) input (b) internet (c) interface (d) idea
  4. 4.💾 What number does this code show?
    let stars = 8;
    stars = stars - 2;
    stars = stars + 5;
    show(stars);
  5. 5.♿ What should every icon-only button have for screen readers? (a) a sound (b) a long animation (c) a bright colour (d) a text label
  6. 6.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) take the photo (c) post the photo (d) write a caption
  7. 7.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Feed tab
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  9. 9.🔍 Which is the odd one out? (a) colour as the only clue (b) fast-flashing lights (c) tiny tap areas (d) captions on videos
  10. 10.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) type name and email (b) make a password
  11. 11.🔢 In a sign-up flow, which comes first: “enter the code sent” or “make a password”? (a) enter the code sent (b) make a password
  12. 12.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
  13. 13.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Size
    Design B: Home → Item → Size → Search → Address     (a) Design A (b) Design B
  14. 14.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  15. 15.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) goes to the last screen (c) opens a list of pages (d) sits at the bottom
  16. 16.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 2 (c) 0 (d) 10
  17. 17.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ filter buttons ]
    [ Add button ]
    [ big picture ]
    [ top bar ]     (a) top bar (b) filter buttons (c) Add button
  18. 18.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ filter buttons ]
    [ Add button ]
    [ big picture ]     (a) Save button (b) list of items (c) filter buttons (d) big picture
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 56 px tall
    Send button: 32 px tall
    Save button: 52 px tall     (a) Cancel (b) Send (c) Save
  20. 20.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    [ title text ]     (a) top bar (b) Add button (c) title text
  21. 21.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 56 px tall
    Start button: 52 px tall
    Next button: 60 px tall
  22. 22.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  23. 23.🔘 Our rule: buttons are at least 48 px tall. The Save button is 44 px tall. How many px taller must it be?
  24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Pens → Pay → Address → Offers
    Design B: Home → Results → Menu → Pay → Size
  25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 60 px tall
    Done button: 40 px tall
    Help button: 40 px tall
    Start button: 32 px tall
  26. 26.🔍 Which is the odd one out? (a) colour as the only clue (b) fast-flashing lights (c) icons with no labels (d) labels on every icon
  27. 27.♿ A screen has 10 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  28. 28.🔍 Which is the odd one out? (a) the icon shapes (b) how users feel after (c) how many taps it takes (d) how easy sign-up is
  29. 29.🔢 In a food-order flow, which comes LAST? (a) open the menu (b) add it to the cart (c) check the cart (d) track the order
  30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Confirm → Search → Address
    Design B: Home → Menu → Item
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Settings tab
    3. open “Help page”
    4. open “Friend list”
    5. tap the Chat tab
    Which screen are you on now?     (a) Help page (b) Chat (c) Friend list (d) Feed
  32. 32.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) a 3D printer (d) pencil and paper
  33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 60 px tall
    Save button: 32 px tall
    Back button: 64 px tall
    Done button: 52 px tall     (a) Back (b) Next (c) Save (d) Done
  34. 34.True or false: the icon shapes is about UI (the look). (a) True (b) False
  35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Score card”
    3. tap the Home tab
    4. open “Badges”
    Which screen are you on now?     (a) Badges (b) Map (c) Score card (d) Home
  36. 36.💾 pop() takes off the last item. What does this code show?
    let notes = ["Sports", "Maths", "Music", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);     (a) Science (b) Music (c) Maths (d) Sports
  37. 37.💾 Which can hold many values in order? (a) a switch (b) a button (c) a single number (d) a list
  38. 38.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 24 px tall
    Save button: 52 px tall
    Done button: 68 px tall     (a) Back (b) Save (c) Done
  39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Settings tab
    4. open “Map”
    5. tap the Settings tab
    Which screen are you on now?     (a) Edit photo (b) Settings (c) Map (d) Feed
  40. 40.Which of these makes the app harder to use? (a) captions on videos (b) big touch targets (c) colour as the only clue (d) strong colour contrast

Answer key

  1. 4
  2. Save button
  3. interface
  4. 11
  5. a text label
  6. post the photo
  7. easy to read
  8. 1
  9. captions on videos
  10. type name and email
  11. make a password
  12. a tab bar
  13. Design A
  14. a final design
  15. opens a list of pages
  16. 0
  17. top bar
  18. filter buttons
  19. Send
  20. Add button
  21. 3
  22. No
  23. 4
  24. 1
  25. 1
  26. labels on every icon
  27. 9
  28. the icon shapes
  29. track the order
  30. 4
  31. Chat
  32. pencil and paper
  33. Save
  34. True
  35. Badges
  36. Music
  37. a list
  38. Back
  39. Settings
  40. colour as the only clue

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