← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 748 · 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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Help page”
    3. open “Edit photo”
    4. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
  2. 2.True or false: the icon shapes is about UX (the experience). (a) True (b) False
  3. 3.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it adds colours (c) it runs the app (d) it saves data
  4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Shop → Menu → Cart → Results
    Design B: Home → Cart → Pay
    (a) Design B (b) Design A
  5. 5.💾 What number does this code show?
    let friends = ["Riya", "Kabir"];
    friends.push("Arjun");
    friends.push("Zoya");
    show(friends.length);
  6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Help page”
    3. open “Friend list”
    4. tap the Profile tab
    5. open “Badges”
    Which screen are you on now?
    (a) Friend list (b) Home (c) Badges (d) Help page
  7. 7.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  8. 8.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) goes to the last screen (d) shows 3 to 5 icons
  9. 9.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) hides extra links (c) sits at the bottom (d) undoes one move
  10. 10.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) dead end (c) tab bar (d) shortcut
  11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Pay → Shop → Results
    Design B: Home → Item → Offers → Size
  12. 12.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ tab bar ]
    [ Add button ]
    [ filter buttons ]
    [ title text ]
    (a) title text (b) tab bar (c) filter buttons
  13. 13.Which of these is true of a tab bar? (a) hides extra links (b) opens a list of pages (c) switches main sections (d) goes to the last screen
  14. 14.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ title text ]
    (a) title text (b) tab bar (c) Save button (d) search box
  15. 15.Which colour pair is easy to read? (a) light grey on white (b) dark blue on black (c) yellow on white (d) black on yellow
  16. 16.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  17. 17.🔢 In a quiz-app flow, which comes first: “see the final score” or “pick an answer”? (a) see the final score (b) pick an answer
  18. 18.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ title text ]
    [ list of items ]
    [ Add button ]
    (a) Add button (b) list of items (c) filter buttons (d) title text
  19. 19.💾 Which can hold many values in order? (a) a single number (b) a button (c) a list (d) a switch
  20. 20.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Score card”
    3. tap Back
    4. open “Help page”
    5. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🎨 UI stands for user ___. (a) idea (b) internet (c) interface (d) input
  22. 22.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) text that can grow (d) tiny tap areas
  23. 23.Which colour pair is easy to read? (a) dark blue on black (b) yellow on white (c) light grey on white (d) dark blue on white
  24. 24.♿ Accessibility means an app works for ___. (a) everyone (b) only experts (c) nobody (d) only the coder
  25. 25.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) the back button (c) a tab bar
  26. 26.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “open the app”? (a) tap “Sign up” (b) open the app
  27. 27.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) write a caption (c) take the photo (d) post the photo
  28. 28.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
  29. 29.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
  30. 30.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Edit photo”
    4. tap Back
    5. open “Edit photo”
    Which screen are you on now?
    (a) Quiz (b) Lessons (c) Edit photo (d) Map
  32. 32.True or false: grey text on grey is poor button design. (a) True (b) False
  33. 33.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
  34. 34.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ Add button ]
    [ Save button ]
    [ filter buttons ]
    [ list of items ]
    [ search box ]
  35. 35.🎨 Who should you test the UX with? (a) nobody (b) the app icon (c) real users (d) only yourself
  36. 36.Which of these makes the app harder to use? (a) colour as the only clue (b) labels on every icon (c) strong colour contrast (d) text that can grow
  37. 37.Which of these is about UX (the experience)? (a) the font size (b) how easy sign-up is (c) the button colours (d) the theme colours
  38. 38.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
  39. 39.Which of these helps everyone use the app? (a) colour as the only clue (b) fast-flashing lights (c) tiny tap areas (d) captions on videos
  40. 40.True or false: chat messages to friends fits saving on the phone. (a) True (b) False

Answer key

  1. 0
  2. False
  3. changes are quick
  4. Design B
  5. 4
  6. Badges
  7. on the phone
  8. shows 3 to 5 icons
  9. hides extra links
  10. dead end
  11. 1
  12. tab bar
  13. switches main sections
  14. search box
  15. black on yellow
  16. 5
  17. pick an answer
  18. Add button
  19. a list
  20. 0
  21. interface
  22. tiny tap areas
  23. dark blue on white
  24. everyone
  25. a tab bar
  26. open the app
  27. post the photo
  28. helps everyone
  29. in the cloud
  30. helps everyone
  31. Edit photo
  32. True
  33. 20
  34. 6
  35. real users
  36. colour as the only clue
  37. how easy sign-up is
  38. in the cloud
  39. captions on videos
  40. False

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