← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 656 · 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 → Cart → Shop → Search → Confirm → Address → Pens
    Design B: Home → Offers → Results → Menu → Pay
  2. 2.Which of these helps everyone use the app? (a) sudden loud sounds (b) colour as the only clue (c) text that can grow (d) tiny tap areas
  3. 3.💾 What number does this code show?
    let notes = ["Music", "Maths", "Science"];
    notes.push("Hindi");
    show(notes.length);
  4. 4.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Sports", "Hindi"];
    show(notes[2]);
    (a) Sports (b) Hindi (c) Maths
  5. 5.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) a phone case (d) pencil and paper
  6. 6.💾 What number does this code show?
    let songs = ["Ocean", "Monsoon"];
    songs.push("Stars");
    songs.push("Sunrise");
    show(songs.length);
  7. 7.Which of these is true of a final design? (a) is a quick sketch (b) uses plain grey boxes (c) uses the final pictures (d) shows where things go
  8. 8.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) open the app (b) see the home screen
  9. 9.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  10. 10.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 3 to 5 (d) 20
  11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 64 px tall
    Next button: 64 px tall
    Send button: 60 px tall
  12. 12.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ Save button ]
    [ title text ]
    [ big picture ]
    (a) title text (b) Save button (c) list of items (d) big picture
  14. 14.Which of these fits saving on the phone? (a) photos on two devices (b) notes to read offline (c) a shared to-do list (d) a class leaderboard
  15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Shop → Pens → Confirm → Offers
    Design B: Home → Results → Item → Offers → Cart
  16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Item
    Design B: Home → Shop → Confirm → Results → Search
  17. 17.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) looks like the real app (d) has no real colours
  18. 18.Which of these helps everyone use the app? (a) icons with no labels (b) colour as the only clue (c) labels on every icon (d) tiny tap areas
  19. 19.🔍 Which is the odd one out? (a) strong colour contrast (b) tiny tap areas (c) captions on videos (d) labels on every icon
  20. 20.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
  21. 21.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ menu icon ]
    [ tab bar ]
    [ Add button ]
    [ top bar ]
    [ search box ]
    (a) top bar (b) search box (c) menu icon (d) tab bar
  22. 22.True or false: your last game level fits saving in the cloud. (a) False (b) True
  23. 23.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) the button colours (d) how easy sign-up is
  24. 24.💾 What number does this code show?
    let coins = 3;
    coins = coins - 1;
    coins = coins + 4;
    show(coins);
  25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Cart → Confirm → Results → Pens
    Design B: Home → Search → Pay → Confirm → Shop
  26. 26.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
  27. 27.Which of these fits saving in the cloud? (a) notes to read offline (b) the sound on/off setting (c) a class leaderboard (d) your last game level
  28. 28.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) the path through screens (d) a charging cable
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Profile tab
    3. tap the Profile tab
    Which screen are you on now?
    (a) Profile (b) Search (c) Home
  30. 30.True or false: space between buttons is poor button design. (a) True (b) False
  31. 31.🔍 Which is the odd one out? (a) how easy sign-up is (b) the icon shapes (c) the font size (d) the button colours
  32. 32.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Hindi", "Science", "Sports"];
    show(notes[3]);
    (a) Sports (b) Hindi (c) Science (d) Maths
  33. 33.💾 What number does this code show?
    let songs = ["Ocean", "Stars"];
    songs.push("Kites");
    show(songs.length);
  34. 34.Which of these fits saving in the cloud? (a) your last game level (b) notes to read offline (c) the sound on/off setting (d) a shared to-do list
  35. 35.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
  36. 36.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) yellow on white (d) dark blue on white
  37. 37.Which of these is true of a final design? (a) looks like the real app (b) is a quick sketch (c) shows where things go (d) has no real colours
  38. 38.True or false: the button colours is about UX (the experience). (a) True (b) False
  39. 39.Which colour pair is hard to read? (a) white on dark green (b) dark blue on white (c) black on yellow (d) light grey on white
  40. 40.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) add a filter (b) open the camera screen

Answer key

  1. 2
  2. text that can grow
  3. 4
  4. Hindi
  5. pencil and paper
  6. 4
  7. uses the final pictures
  8. open the app
  9. on the phone
  10. 3 to 5
  11. 3
  12. a wireframe
  13. big picture
  14. notes to read offline
  15. 1
  16. 2
  17. has no real colours
  18. labels on every icon
  19. tiny tap areas
  20. hard to read
  21. tab bar
  22. False
  23. how easy sign-up is
  24. 6
  25. 5
  26. tap “Start quiz”
  27. a class leaderboard
  28. the path through screens
  29. Profile
  30. False
  31. how easy sign-up is
  32. Sports
  33. 3
  34. a shared to-do list
  35. a tab bar
  36. yellow on white
  37. looks like the real app
  38. False
  39. light grey on white
  40. open the camera screen

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