← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 972 · 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.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ search box ]
    [ menu icon ]
    [ filter buttons ]     (a) menu icon (b) title text (c) search box (d) filter buttons
  2. 2.🔢 In a food-order flow, which comes FIRST? (a) add it to the cart (b) open the menu (c) pay for the order (d) track the order
  3. 3.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ filter buttons ]
    [ search box ]
    [ menu icon ]
    [ tab bar ]
    [ big picture ]
  4. 4.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ Add button ]
    [ filter buttons ]
    [ big picture ]
    [ top bar ]     (a) top bar (b) Add button (c) big picture
  5. 5.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it saves data (c) it adds colours (d) changes are quick
  6. 6.♿ What does a screen reader do? (a) makes text tiny (b) reads the screen aloud (c) takes photos (d) plays music
  7. 7.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ filter buttons ]
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ Save button ]
    [ Add button ]     (a) list of items (b) top bar (c) Save button (d) filter buttons
  8. 8.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 20 px
    Footer: 19 px
    Hint: 10 px
  9. 9.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) at the bottom (c) inside a button (d) in the middle
  10. 10.True or false: “icons with no labels” makes the app harder to use. (a) True (b) False
  11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Me tab
    3. open “Help page”
    4. tap Back
    5. open “Map”
    Which screen are you on now?     (a) Edit photo (b) Lessons (c) Map (d) Help page
  12. 12.True or false: a wireframe looks like the real app. (a) False (b) True
  13. 13.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 52 px tall
    Send button: 40 px tall
    Cancel button: 36 px tall
    Help button: 64 px tall
  14. 14.True or false: a final design uses plain grey boxes. (a) True (b) False
  15. 15.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) see the final score (c) pick an answer (d) tap “Start quiz”
  16. 16.🎨 UI stands for user ___. (a) idea (b) internet (c) interface (d) input
  17. 17.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  18. 18.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
  19. 19.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  20. 20.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) tap “Sign up” (b) open the app
  21. 21.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) looks like the real app (d) has the real colours
  22. 22.True or false: icons with no meaning is poor button design. (a) True (b) False
  23. 23.💾 pop() takes off the last item. What does this code show?
    let songs = ["Kites", "Ocean", "Rain", "Sunrise", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);     (a) Rain (b) Kites (c) Ocean (d) Sunrise
  24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 44 px tall
    Done button: 32 px tall
    Start button: 52 px tall
  25. 25.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ title text ]
    [ top bar ]
    [ list of items ]
    [ big picture ]
    [ Add button ]     (a) top bar (b) title text (c) big picture (d) Add button
  26. 26.Which of these is true of the back button? (a) switches main sections (b) undoes one move (c) sits at the bottom (d) opens a list of pages
  27. 27.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ top bar ]
    [ list of items ]
    [ title text ]
    [ search box ]     (a) search box (b) top bar (c) title text (d) list of items
  28. 28.Which of these fits saving in the cloud? (a) notes to read offline (b) a draft you are typing (c) photos on two devices (d) your last game level
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
  30. 30.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) the path through screens (d) a type of font
  31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 11 px
    Body text: 24 px
    Label: 10 px
    Hint: 18 px
    Footer: 24 px
  32. 32.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ search box ]
    [ Add button ]
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    [ list of items ]     (a) list of items (b) filter buttons (c) big picture (d) search box
  33. 33.🔍 Which is the odd one out? (a) how easy sign-up is (b) whether users get lost (c) the font size (d) how users feel after
  34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. open “Edit photo”
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ Save button ]
    [ top bar ]
    [ search box ]
    [ Add button ]     (a) Add button (b) Save button (c) top bar
  36. 36.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Friend list”
    4. tap the Search tab
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  37. 37.True or false: a clear word like Save is good button design. (a) True (b) False
  38. 38.🔍 Which is the odd one out? (a) the icon shapes (b) the screen layout (c) how many taps it takes (d) the theme colours
  39. 39.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) has no real colours (d) has the real colours
  40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Edit photo”
    3. tap Back
    4. tap the Search tab
    Which screen are you on now?     (a) Friend list (b) Home (c) Search (d) Edit photo

Answer key

  1. filter buttons
  2. open the menu
  3. 6
  4. big picture
  5. changes are quick
  6. reads the screen aloud
  7. Save button
  8. 1
  9. at the bottom
  10. True
  11. Map
  12. False
  13. 2
  14. False
  15. pick an answer
  16. interface
  17. True
  18. 4
  19. a final design
  20. open the app
  21. uses plain grey boxes
  22. True
  23. Sunrise
  24. 1
  25. top bar
  26. undoes one move
  27. search box
  28. photos on two devices
  29. 0
  30. the path through screens
  31. 2
  32. search box
  33. the font size
  34. 3
  35. Add button
  36. 1
  37. True
  38. how many taps it takes
  39. has the real colours
  40. Search

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