← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 961 · 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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Score card”
    3. open “Friend list”
    4. tap the Search tab
    Which screen are you on now?     (a) Score card (b) Search (c) Friend list (d) Home
  2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 15 px
    Caption: 11 px
    Hint: 11 px
    Label: 15 px
    Footer: 21 px
  3. 3.🔢 In a sign-up flow, what comes right after “make a password”? (a) see the home screen (b) type name and email (c) enter the code sent (d) open the app
  4. 4.Which of these helps everyone use the app? (a) text that can grow (b) colour as the only clue (c) icons with no labels (d) tiny tap areas
  5. 5.💾 What number does this code show?
    let notes = ["Art", "Hindi"];
    notes.push("Science");
    show(notes.length);
  6. 6.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
  7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Start button: 56 px tall
    Next button: 60 px tall
    Help button: 36 px tall
  8. 8.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
  9. 9.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) write a caption (b) post the photo
  10. 10.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ menu icon ]
    [ list of items ]
    [ title text ]
    [ big picture ]
    [ filter buttons ]     (a) search box (b) title text (c) big picture (d) filter buttons
  11. 11.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) the path through screens (d) a colour theme
  12. 12.🔍 Which is the odd one out? (a) how many taps it takes (b) the icon shapes (c) whether users get lost (d) how users feel after
  13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Menu → Address → Confirm → Pay → Item
    Design B: Home → Shop → Pens → Results
  14. 14.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder
  15. 15.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
  16. 16.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ list of items ]
    [ filter buttons ]
    [ big picture ]
    [ title text ]     (a) list of items (b) filter buttons (c) title text
  17. 17.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) tab bar (d) shortcut
  18. 18.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) the phone settings (d) that tab’s main screen
  19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Size → Search → Item → Confirm → Shop
    Design B: Home → Menu → Offers → Size → Results → Address
  20. 20.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
  21. 21.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Ocean", "Kites"];
    show(songs[0]);     (a) Kites (b) Monsoon (c) Ocean
  22. 22.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ tab bar ]
    [ search box ]
    [ big picture ]
  23. 23.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  24. 24.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) post the photo (c) take the photo (d) add a filter
  25. 25.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
  26. 26.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Stars", "Rain", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]);     (a) Stars (b) Rain (c) Sunrise (d) Ocean
  27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Score card”
    3. tap Back
    4. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  28. 28.True or false: the icon shapes is about UX (the experience). (a) True (b) False
  29. 29.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
  30. 30.💾 What number does this code show?
    let lives = 7;
    lives = lives - 3;
    lives = lives + 2;
    show(lives);
  31. 31.💾 What number does this code show?
    let songs = ["Kites", "Sunrise", "Rain"];
    songs.push("Ocean");
    show(songs.length);
  32. 32.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) write a caption (d) take the photo
  33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ Add button ]
    [ Save button ]
    [ tab bar ]
    [ menu icon ]
    [ list of items ]     (a) Save button (b) list of items (c) Add button (d) menu icon
  34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Menu → Size → Search
    Design B: Home → Pay → Confirm
  35. 35.💾 What number does this code show?
    let notes = ["Art", "Hindi", "Science", "Maths"];
    notes.push("Music");
    show(notes.length);
  36. 36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Lessons tab
    3. open “Map”
    4. open “Badges”
    5. tap Back
    Which screen are you on now?     (a) Lessons (b) Map (c) Edit photo (d) Badges
  37. 37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 48 px tall
    Next button: 40 px tall
    Send button: 40 px tall
  38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Results → Confirm → Shop → Size → Pens
    Design B: Home → Menu → Shop
  39. 39.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Feed tab
    3. open “Edit photo”
    4. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  40. 40.Which of these is true of a final design? (a) uses plain grey boxes (b) uses the final pictures (c) is a quick sketch (d) has no real colours

Answer key

  1. Search
  2. 4
  3. enter the code sent
  4. text that can grow
  5. 3
  6. open the app
  7. 3
  8. in the cloud
  9. write a caption
  10. filter buttons
  11. the path through screens
  12. the icon shapes
  13. 3
  14. helps everyone
  15. pencil and paper
  16. title text
  17. dead end
  18. that tab’s main screen
  19. 1
  20. on the phone
  21. Monsoon
  22. 4
  23. on the phone
  24. post the photo
  25. True
  26. Rain
  27. 0
  28. False
  29. helps everyone
  30. 6
  31. 4
  32. write a caption
  33. list of items
  34. 4
  35. 5
  36. Map
  37. 1
  38. 6
  39. 0
  40. uses the final pictures

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