← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 753 · 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 good or poor button design: grey text on grey? (a) poor design (b) good design
  2. 2.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) the path through screens (d) a colour theme
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Address → Size → Offers → Shop → Confirm
    Design B: Home → Results → Menu → Cart → Search
  4. 4.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) take the photo (b) open the camera screen
  5. 5.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
  6. 6.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) see the final score (c) tap “Start quiz” (d) pick an answer
  7. 7.True or false: a wireframe uses plain grey boxes. (a) True (b) False
  8. 8.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
  9. 9.Which of these helps everyone use the app? (a) colour as the only clue (b) tiny tap areas (c) sudden loud sounds (d) captions on videos
  10. 10.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ title text ]
    [ top bar ]
    [ big picture ]
    [ list of items ]
    (a) top bar (b) title text (c) list of items
  11. 11.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ Save button ]
    [ filter buttons ]
    [ search box ]
    [ Add button ]
    [ tab bar ]
    (a) tab bar (b) search box (c) Save button (d) Add button
  12. 12.💾 Which can hold many values in order? (a) a button (b) a switch (c) a list (d) a single number
  13. 13.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  14. 14.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
  15. 15.True or false: whether users get lost is about UI (the look). (a) False (b) True
  16. 16.True or false: buttons almost touching is poor button design. (a) False (b) True
  17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. tap the Settings tab
    4. open “Friend list”
    5. open “Help page”
    Which screen are you on now?
    (a) Help page (b) Friend list (c) Feed (d) Map
  18. 18.True or false: photos on two devices fits saving in the cloud. (a) False (b) True
  19. 19.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) chat messages to friends (d) the sound on/off setting
  20. 20.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Sunrise", "Kites", "Stars"];
    show(songs[0]);
    (a) Rain (b) Kites (c) Stars (d) Sunrise
  21. 21.Which of these fits saving on the phone? (a) a shared to-do list (b) chat messages to friends (c) your last game level (d) a class leaderboard
  22. 22.💾 What number does this code show?
    let songs = ["Sunrise", "Ocean"];
    songs.push("Rain");
    songs.push("Stars");
    show(songs.length);
  23. 23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ top bar ]
    [ list of items ]
    [ Add button ]
    [ tab bar ]
    (a) search box (b) Add button (c) tab bar (d) top bar
  24. 24.Which of these is true of a menu button? (a) goes to the last screen (b) opens a list of pages (c) shows 3 to 5 icons (d) undoes one move
  25. 25.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
  26. 26.🔍 Which is the odd one out? (a) the theme colours (b) how users feel after (c) the font size (d) the screen layout
  27. 27.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a shared to-do list (c) notes to read offline (d) your last game level
  28. 28.🔍 Which is the odd one out? (a) how fast a task is done (b) the screen layout (c) the button colours (d) the font size
  29. 29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Me tab
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Search → Offers → Results → Address → Shop
    Design B: Home → Pens → Search → Offers → Shop
  31. 31.🔍 Which is the odd one out? (a) fast-flashing lights (b) captions on videos (c) colour as the only clue (d) tiny tap areas
  32. 32.Which colour pair is easy to read? (a) yellow on white (b) white on dark green (c) pale pink on white (d) light grey on white
  33. 33.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  34. 34.🧭 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 “Edit photo”
    Which screen are you on now?
    (a) Feed (b) Edit photo (c) Chat (d) Settings
  35. 35.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  36. 36.💾 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
  37. 37.Which of these helps everyone use the app? (a) sudden loud sounds (b) tiny tap areas (c) labels on every icon (d) colour as the only clue
  38. 38.💾 What number does this code show?
    let points = 4;
    points = points - 4;
    points = points + 1;
    show(points);
  39. 39.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
  40. 40.💾 What does this code show? (Positions start at 0.)
    let songs = ["Ocean", "Rain", "Stars", "Sunrise", "Monsoon"];
    show(songs[0]);
    (a) Sunrise (b) Ocean (c) Rain (d) Stars

Answer key

  1. poor design
  2. the path through screens
  3. 6
  4. open the camera screen
  5. notes to read offline
  6. pick an answer
  7. True
  8. True
  9. captions on videos
  10. top bar
  11. Save button
  12. a list
  13. a final design
  14. a wireframe
  15. False
  16. True
  17. Help page
  18. True
  19. the sound on/off setting
  20. Rain
  21. your last game level
  22. 4
  23. tab bar
  24. opens a list of pages
  25. a final design
  26. how users feel after
  27. a shared to-do list
  28. how fast a task is done
  29. 1
  30. 2
  31. captions on videos
  32. white on dark green
  33. No
  34. Edit photo
  35. a wireframe
  36. on the phone
  37. labels on every icon
  38. 1
  39. poor design
  40. Ocean

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