← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 743 · 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.♿ What does a screen reader do? (a) takes photos (b) makes text tiny (c) plays music (d) reads the screen aloud
  2. 2.🔍 Which is the odd one out? (a) how many taps it takes (b) how easy sign-up is (c) how users feel after (d) the button colours
  3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Profile tab
    3. open “Match report”
    4. open “Match report”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.Which of these helps everyone use the app? (a) strong colour contrast (b) tiny tap areas (c) sudden loud sounds (d) fast-flashing lights
  5. 5.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) a type of font (d) the path through screens
  6. 6.Which of these is about UI (the look)? (a) the button colours (b) how many taps it takes (c) how fast a task is done (d) how users feel after
  7. 7.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Music", "Maths"];
    show(notes[1]);     (a) Music (b) Maths (c) Sports
  8. 8.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
  9. 9.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ list of items ]
    [ big picture ]
    [ top bar ]
    [ Save button ]
    [ menu icon ]
    [ title text ]     (a) big picture (b) title text (c) Save button (d) menu icon
  10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Settings tab
    3. tap the Chat tab
    4. open “Help page”
    5. tap the Feed tab
    Which screen are you on now?     (a) Feed (b) Chat (c) Match report (d) Help page
  11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Size
    Design B: Home → Offers → Menu → Cart → Shop → Address → Pay
  12. 12.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  13. 13.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 48 px tall
    Send button: 52 px tall
    Start button: 64 px tall
  14. 14.Which of these fits saving in the cloud? (a) a draft you are typing (b) a class leaderboard (c) your last game level (d) the sound on/off setting
  15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 36 px tall
    Start button: 44 px tall
    Back button: 60 px tall
    Next button: 32 px tall
  16. 16.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a 3D printer (c) a phone case (d) a microphone
  17. 17.🔘 Our rule: buttons are at least 48 px tall. The Back button is 28 px tall. How many px taller must it be?
  18. 18.💾 What is a variable? (a) a phone setting (b) a type of screen (c) a picture (d) a named box for a value
  19. 19.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
  20. 20.💾 What number does this code show?
    let notes = ["Hindi", "Maths"];
    notes.push("Music");
    show(notes.length);
  21. 21.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ tab bar ]
    [ list of items ]
    [ top bar ]
    [ filter buttons ]
  22. 22.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
  23. 23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Search tab
    3. tap the Search tab
    4. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
  24. 24.Which of these fits saving in the cloud? (a) the sound on/off setting (b) your last game level (c) notes to read offline (d) chat messages to friends
  25. 25.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) has the real colours (d) shows where things go
  26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 24 px
    Footer: 15 px
    Hint: 20 px
    Menu: 12 px
    Body text: 21 px
  27. 27.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ Add button ]
    [ big picture ]
    [ search box ]
    [ title text ]
    [ menu icon ]     (a) Add button (b) big picture (c) title text (d) menu icon
  28. 28.🔘 Our rule: buttons are at least 48 px tall. The Done button is 40 px tall. How many px taller must it be?
  29. 29.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ big picture ]
    [ tab bar ]
    [ menu icon ]
    [ title text ]
    [ Add button ]     (a) menu icon (b) big picture (c) tab bar (d) title text
  30. 30.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) a closed app (c) a picture goes here (d) an error
  31. 31.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) uses plain grey boxes (d) uses the final pictures
  32. 32.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  33. 33.💾 Which can hold many values in order? (a) a switch (b) a list (c) a single number (d) a button
  34. 34.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
  35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Pay
    Design B: Home → Item → Offers → Search → Size → Results → Shop     (a) Design B (b) Design A
  36. 36.Which of these helps everyone use the app? (a) sudden loud sounds (b) labels on every icon (c) fast-flashing lights (d) tiny tap areas
  37. 37.Which of these is true of a final design? (a) looks like the real app (b) uses plain grey boxes (c) is a quick sketch (d) has no real colours
  38. 38.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) dead end (c) shortcut (d) tab bar
  39. 39.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) inside a button (d) at the bottom
  40. 40.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX

Answer key

  1. reads the screen aloud
  2. the button colours
  3. 1
  4. strong colour contrast
  5. the path through screens
  6. the button colours
  7. Music
  8. True
  9. Save button
  10. Feed
  11. 4
  12. a wireframe
  13. 3
  14. a class leaderboard
  15. 1
  16. pencil and paper
  17. 20
  18. a named box for a value
  19. a final design
  20. 3
  21. 5
  22. a tab bar
  23. 0
  24. chat messages to friends
  25. shows where things go
  26. 2
  27. big picture
  28. 8
  29. big picture
  30. a picture goes here
  31. uses the final pictures
  32. easy to read
  33. a list
  34. False
  35. Design A
  36. labels on every icon
  37. looks like the real app
  38. dead end
  39. at the bottom
  40. good UI but poor UX

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