← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 756 · 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.Which of these helps everyone use the app? (a) icons with no labels (b) sudden loud sounds (c) colour as the only clue (d) big touch targets
  2. 2.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ filter buttons ]
    [ tab bar ]
    [ top bar ]
    [ search box ]
    [ list of items ]
    [ title text ]     (a) tab bar (b) top bar (c) search box (d) filter buttons
  3. 3.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) icons with no labels (d) strong colour contrast
  4. 4.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
  5. 5.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ menu icon ]
    [ tab bar ]
    [ top bar ]
    [ big picture ]
    [ search box ]
    [ Save button ]     (a) menu icon (b) tab bar (c) search box (d) top bar
  6. 6.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a dead end (d) a clear next step
  7. 7.True or false: a wireframe uses the final pictures. (a) False (b) True
  8. 8.True or false: a wireframe is a quick sketch. (a) False (b) True
  9. 9.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) dead end (c) tab bar (d) shortcut
  10. 10.🎨 UX stands for user ___. (a) extra (b) example (c) express (d) experience
  11. 11.Which colour pair is hard to read? (a) black on yellow (b) dark blue on black (c) black on pale grey (d) dark blue on white
  12. 12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Help page”
    3. open “Help page”
    4. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
  13. 13.🔍 Which is the odd one out? (a) the icon shapes (b) the font size (c) the button colours (d) how easy sign-up is
  14. 14.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ menu icon ]
    [ Save button ]
    [ list of items ]
    [ filter buttons ]     (a) menu icon (b) filter buttons (c) Save button (d) list of items
  15. 15.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a colour theme (d) a charging cable
  16. 16.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) a random page (d) that tab’s main screen
  17. 17.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  18. 18.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
  19. 19.True or false: a final design uses plain grey boxes. (a) False (b) True
  20. 20.🔢 In a food-order flow, what comes right after “pay for the order”? (a) check the cart (b) add it to the cart (c) open the menu (d) track the order
  21. 21.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
  22. 22.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) hides extra links (c) goes to the last screen (d) opens a list of pages
  23. 23.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  24. 24.✏️ 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
  25. 25.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Badges”
    3. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
  26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 18 px
    Body text: 17 px
    Footer: 18 px
    Hint: 10 px
    Caption: 24 px
  27. 27.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) pick an answer (c) read a question (d) see the final score
  28. 28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 24 px
    Footer: 16 px
    Body text: 27 px
    Menu: 9 px     (a) Footer (b) Body text (c) Menu (d) Title
  29. 29.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  30. 30.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) so each step is clear (d) to hide the buttons
  31. 31.💾 What number does this code show?
    let friends = ["Kabir", "Arjun", "Meera"];
    friends.push("Riya");
    friends.push("Zoya");
    show(friends.length);
  32. 32.💾 What number does this code show?
    let notes = ["Maths", "Art", "Sports"];
    notes.push("Science");
    show(notes.length);
  33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 28 px tall
    Send button: 64 px tall
    Back button: 68 px tall
    Cancel button: 48 px tall     (a) Back (b) Start (c) Send (d) Cancel
  34. 34.True or false: “big touch targets” helps everyone use the app. (a) False (b) True
  35. 35.Which of these is true of the back button? (a) goes to the last screen (b) sits at the bottom (c) hides extra links (d) switches main sections
  36. 36.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ list of items ]
    [ top bar ]
    [ menu icon ]
    [ tab bar ]
    [ filter buttons ]
    [ search box ]     (a) top bar (b) list of items (c) menu icon (d) filter buttons
  37. 37.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 13 px
    Title: 18 px
    Hint: 10 px
    Label: 18 px
  38. 38.True or false: icons with no meaning is poor button design. (a) True (b) False
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Profile tab
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  40. 40.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. open “Video”
    3. tap Back
    4. tap the Chat tab
    5. open “Badges”
    Which screen are you on now?     (a) Badges (b) Feed (c) Chat (d) Video

Answer key

  1. big touch targets
  2. search box
  3. strong colour contrast
  4. a final design
  5. search box
  6. a clear next step
  7. False
  8. True
  9. dead end
  10. experience
  11. dark blue on black
  12. 0
  13. how easy sign-up is
  14. menu icon
  15. the path through screens
  16. that tab’s main screen
  17. a wireframe
  18. on the phone
  19. False
  20. track the order
  21. False
  22. shows 3 to 5 icons
  23. False
  24. pencil and paper
  25. 0
  26. 1
  27. see the final score
  28. Menu
  29. UI
  30. so each step is clear
  31. 5
  32. 4
  33. Start
  34. True
  35. goes to the last screen
  36. filter buttons
  37. 2
  38. True
  39. 1
  40. Badges

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