← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 584 · 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 is true of the back button? (a) sits at the bottom (b) goes to the last screen (c) shows 3 to 5 icons (d) hides extra links
  2. 2.True or false: your last game level fits saving in the cloud. (a) False (b) True
  3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Search → Shop
    Design B: Home → Search → Item → Confirm → Pay → Offers
  4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Match report”
    4. open “Friend list”
    5. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
  5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Pens → Search → Shop
    Design B: Home → Cart → Shop → Item → Confirm → Pens
  6. 6.🔍 Which is the odd one out? (a) the screen layout (b) how fast a task is done (c) how many taps it takes (d) whether users get lost
  7. 7.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 19 px
    Title: 9 px
    Menu: 22 px
    Hint: 19 px
    (a) Hint (b) Menu (c) Title (d) Body text
  8. 8.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) read a question (c) see if it is right (d) pick an answer
  9. 9.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
  10. 10.💾 What does this code show? (Positions start at 0.)
    let songs = ["Kites", "Monsoon", "Sunrise"];
    show(songs[1]);
    (a) Sunrise (b) Kites (c) Monsoon
  11. 11.💾 What number does this code show?
    let notes = ["Sports", "Music", "Art"];
    notes.push("Hindi");
    show(notes.length);
  12. 12.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a closed app (d) a picture goes here
  13. 13.True or false: a final design uses plain grey boxes. (a) True (b) False
  14. 14.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 24 px
    Title: 18 px
    Body text: 17 px
    Menu: 21 px
    Label: 15 px
  15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Search tab
    3. open “Friend list”
    Which screen are you on now?
    (a) Search (b) Friend list (c) Profile (d) Home
  16. 16.💾 pop() takes off the last item. What does this code show?
    let songs = ["Stars", "Kites", "Ocean", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Kites (b) Stars (c) Ocean (d) Monsoon
  17. 17.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
  18. 18.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 64 px tall
    Start button: 32 px tall
    Next button: 36 px tall
  19. 19.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
  20. 20.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
  21. 21.True or false: the button colours is about UI (the look). (a) True (b) False
  22. 22.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) see the home screen (c) type name and email (d) open the app
  23. 23.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Add button ]
    [ top bar ]
    [ menu icon ]
  24. 24.Which of these helps everyone use the app? (a) sudden loud sounds (b) fast-flashing lights (c) big touch targets (d) icons with no labels
  25. 25.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 24 px tall. How many px taller must it be?
  26. 26.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
  27. 27.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  28. 28.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) tap “Sign up” (c) type name and email (d) see the home screen
  29. 29.💾 Which can hold many values in order? (a) a switch (b) a list (c) a button (d) a single number
  30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap the Quiz tab
    3. open “Video”
    Which screen are you on now?
    (a) Me (b) Lessons (c) Quiz (d) Video
  31. 31.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 24 px
    Label: 14 px
    Footer: 27 px
    (a) Footer (b) Caption (c) Label
  32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Map”
    3. open “Friend list”
    Which screen are you on now?
    (a) Quiz (b) Lessons (c) Friend list (d) Map
  33. 33.🔘 Our rule: buttons are at least 48 px tall. The Back button is 28 px tall. How many px taller must it be?
  34. 34.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ list of items ]
    [ title text ]
    [ top bar ]
    (a) top bar (b) list of items (c) title text
  36. 36.🔍 Which is the odd one out? (a) how fast a task is done (b) how easy sign-up is (c) how users feel after (d) the icon shapes
  37. 37.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) makes it harder (b) helps everyone
  38. 38.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see the final score”? (a) pick an answer (b) see the final score
  39. 39.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) open the menu (c) pay for the order (d) check the cart
  40. 40.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “see the home screen”? (a) see the home screen (b) tap “Sign up”

Answer key

  1. goes to the last screen
  2. False
  3. 2
  4. 0
  5. 4
  6. the screen layout
  7. Title
  8. read a question
  9. good design
  10. Monsoon
  11. 4
  12. a picture goes here
  13. False
  14. 1
  15. Friend list
  16. Ocean
  17. 20
  18. 1
  19. makes it harder
  20. changes are quick
  21. True
  22. open the app
  23. 4
  24. big touch targets
  25. 24
  26. hard to read
  27. UI
  28. see the home screen
  29. a list
  30. Video
  31. Label
  32. Friend list
  33. 20
  34. a final design
  35. list of items
  36. the icon shapes
  37. helps everyone
  38. pick an answer
  39. check the cart
  40. tap “Sign up”

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