← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 367 · 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 is the easiest way to draw a first wireframe? (a) a phone case (b) pencil and paper (c) a 3D printer (d) a microphone
  2. 2.🎨 UX stands for user ___. (a) express (b) example (c) extra (d) experience
  3. 3.🔢 In a photo-post flow, which comes first: “add a filter” or “open the camera screen”? (a) add a filter (b) open the camera screen
  4. 4.True or false: whether users get lost is about UX (the experience). (a) True (b) False
  5. 5.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 64 px tall
    Cancel button: 60 px tall
    Save button: 48 px tall
    Next button: 36 px tall
  6. 6.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Pens → Size → Confirm
    Design B: Home → Pay → Offers → Size → Address → Pens
    (a) Design B (b) Design A
  7. 7.🔍 Which is the odd one out? (a) whether users get lost (b) how many taps it takes (c) the button colours (d) how users feel after
  8. 8.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
  9. 9.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) photos on two devices (d) a draft you are typing
  10. 10.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ big picture ]
    [ filter buttons ]
    [ search box ]
    [ top bar ]
    [ list of items ]
    [ title text ]
    (a) title text (b) filter buttons (c) top bar (d) list of items
  11. 11.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
  12. 12.🔘 Our rule: buttons are at least 48 px tall. The Back button is 44 px tall. How many px taller must it be?
  13. 13.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
  14. 14.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Pens → Offers → Address → Size → Results
    Design B: Home → Shop → Pens
    (a) Design B (b) Design A
  15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Badges”
    3. tap the Me tab
    4. open “Friend list”
    Which screen are you on now?
    (a) Score card (b) Badges (c) Friend list (d) Lessons
  16. 16.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) shows 3 to 5 icons (d) opens a list of pages
  17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 19 px
    Body text: 19 px
    Caption: 10 px
    Title: 19 px
    (a) Menu (b) Caption (c) Title (d) Body text
  18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 26 px
    Title: 25 px
    Hint: 18 px
    Body text: 12 px
    Menu: 16 px
    (a) Title (b) Body text (c) Caption (d) Hint
  19. 19.🔢 In a food-order flow, which comes first: “add it to the cart” or “open the menu”? (a) open the menu (b) add it to the cart
  20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ filter buttons ]
    [ Save button ]
    [ menu icon ]
    [ search box ]
  21. 21.🎨 UI stands for user ___. (a) interface (b) internet (c) input (d) idea
  22. 22.🔢 In a food-order flow, which comes first: “add it to the cart” or “track the order”? (a) track the order (b) add it to the cart
  23. 23.🔢 In a quiz-app flow, which comes first: “see if it is right” or “see the final score”? (a) see if it is right (b) see the final score
  24. 24.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) type name and email (c) see the home screen (d) tap “Sign up”
  25. 25.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the phone settings (c) a random page (d) the last app used
  26. 26.Which of these is true of a tab bar? (a) hides extra links (b) sits at the bottom (c) goes to the last screen (d) undoes one move
  27. 27.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) make a password (b) type name and email
  28. 28.Which of these makes the app harder to use? (a) text that can grow (b) strong colour contrast (c) captions on videos (d) colour as the only clue
  29. 29.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  30. 30.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) chat messages to friends (d) your last game level
  31. 31.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) has no real colours (d) has the real colours
  32. 32.True or false: grey text on grey is good button design. (a) False (b) True
  33. 33.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) shows the real fonts (d) shows where things go
  34. 34.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Video”
    3. open “Edit photo”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  35. 35.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
  36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Item → Menu
    Design B: Home → Menu → Cart
    (a) Design A (b) Design B
  37. 37.Which colour pair is hard to read? (a) dark blue on white (b) black on pale grey (c) white on dark green (d) red on green
  38. 38.Which of these is about UI (the look)? (a) the button colours (b) how fast a task is done (c) how easy sign-up is (d) how many taps it takes
  39. 39.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
  40. 40.🧭 What does the back button usually do? (a) opens settings (b) closes all apps (c) deletes the page (d) goes to the last screen

Answer key

  1. pencil and paper
  2. experience
  3. open the camera screen
  4. True
  5. 3
  6. Design A
  7. the button colours
  8. False
  9. a draft you are typing
  10. filter buttons
  11. easy to read
  12. 4
  13. UI
  14. Design B
  15. Friend list
  16. shows 3 to 5 icons
  17. Caption
  18. Body text
  19. open the menu
  20. 5
  21. interface
  22. add it to the cart
  23. see if it is right
  24. enter the code sent
  25. that tab’s main screen
  26. sits at the bottom
  27. type name and email
  28. colour as the only clue
  29. a final design
  30. chat messages to friends
  31. has the real colours
  32. False
  33. shows the real fonts
  34. 1
  35. UI
  36. Design B
  37. red on green
  38. the button colours
  39. helps everyone
  40. goes to the last screen

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