← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 865 · 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.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the app is closed (c) the phone is lost (d) the screen turns off
  2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Pens → Offers → Pay
    Design B: Home → Menu → Size → Shop
  3. 3.💾 What number does this code show?
    let songs = ["Stars", "Sunrise", "Rain"];
    songs.push("Monsoon");
    songs.push("Kites");
    show(songs.length);
  4. 4.💾 Which works with no internet at all? (a) a shared chat (b) a cloud leaderboard (c) data saved on the phone (d) a cloud backup
  5. 5.Which of these is true of a menu button? (a) opens a list of pages (b) goes to the last screen (c) undoes one move (d) shows 3 to 5 icons
  6. 6.💾 Which can hold many values in order? (a) a single number (b) a button (c) a list (d) a switch
  7. 7.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
  8. 8.🔍 Which is the odd one out? (a) the button colours (b) the icon shapes (c) how easy sign-up is (d) the screen layout
  9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Video”
    3. tap Back
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
  11. 11.Which of these fits saving in the cloud? (a) your last game level (b) the sound on/off setting (c) notes to read offline (d) chat messages to friends
  12. 12.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
  13. 13.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ title text ]
    [ list of items ]
    (a) search box (b) title text (c) list of items (d) filter buttons
  14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Home tab
    3. open “Match report”
    4. tap the Profile tab
    How many times must you tap Back to reach the main screen of this tab?
  15. 15.🔍 Which is the odd one out? (a) how many taps it takes (b) how fast a task is done (c) the font size (d) whether users get lost
  16. 16.🔢 In a photo-post flow, which comes first: “post the photo” or “take the photo”? (a) post the photo (b) take the photo
  17. 17.🔢 In a food-order flow, which comes first: “add it to the cart” or “check the cart”? (a) add it to the cart (b) check the cart
  18. 18.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) shows where things go (d) has the real colours
  19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Friend list”
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  20. 20.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 17 px
    Body text: 22 px
    Title: 12 px
    Caption: 22 px
    Footer: 26 px
    (a) Body text (b) Title (c) Caption (d) Hint
  21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 72 px tall
    Start button: 64 px tall
    Done button: 36 px tall
    Send button: 56 px tall
    (a) Send (b) Done (c) Cancel (d) Start
  22. 22.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) white on dark green (d) dark blue on black
  23. 23.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 52 px tall
    Done button: 64 px tall
    Help button: 28 px tall
    (a) Help (b) Start (c) Done
  24. 24.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
  25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Settings tab
    Which screen are you on now?
    (a) Settings (b) Chat (c) Friend list (d) Feed
  26. 26.Which of these is true of the back button? (a) goes to the last screen (b) shows 3 to 5 icons (c) switches main sections (d) opens a list of pages
  27. 27.Which colour pair is hard to read? (a) black on yellow (b) red on green (c) dark blue on white (d) white on black
  28. 28.Which of these is about UX (the experience)? (a) the screen layout (b) the button colours (c) whether users get lost (d) the font size
  29. 29.True or false: a wireframe uses plain grey boxes. (a) True (b) False
  30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Pay → Menu → Offers → Address
    Design B: Home → Item → Pens
  31. 31.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
  32. 32.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
  33. 33.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  34. 34.🎨 UX stands for user ___. (a) experience (b) express (c) extra (d) example
  35. 35.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Art", "Maths", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Maths (b) Science (c) Music (d) Art
  36. 36.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ top bar ]
    [ filter buttons ]
    [ title text ]
    [ Save button ]
    [ tab bar ]
    [ Add button ]
    (a) title text (b) filter buttons (c) Save button (d) top bar
  37. 37.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) tap “Sign up” (b) make a password (c) open the app (d) see the home screen
  38. 38.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) see if it is right (b) tap “Start quiz”
  39. 39.🔀 What is a user flow? (a) a colour theme (b) a charging cable (c) the path through screens (d) a type of font
  40. 40.♿ Why add captions to videos? (a) to add colour (b) so anyone can follow (c) to slow them down (d) to hide the sound

Answer key

  1. the phone is lost
  2. 1
  3. 5
  4. data saved on the phone
  5. opens a list of pages
  6. a list
  7. a tab bar
  8. how easy sign-up is
  9. 0
  10. a menu button
  11. chat messages to friends
  12. UI
  13. filter buttons
  14. 0
  15. the font size
  16. take the photo
  17. add it to the cart
  18. has the real colours
  19. 2
  20. Title
  21. Done
  22. dark blue on black
  23. Help
  24. True
  25. Settings
  26. goes to the last screen
  27. red on green
  28. whether users get lost
  29. True
  30. 2
  31. helps everyone
  32. a tab bar
  33. a wireframe
  34. experience
  35. Maths
  36. Save button
  37. see the home screen
  38. tap “Start quiz”
  39. the path through screens
  40. so anyone can follow

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