← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 213 · 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 is the odd one out? (a) the button colours (b) how fast a task is done (c) the icon shapes (d) the theme colours
  2. 2.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
  3. 3.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  4. 4.Which colour pair is hard to read? (a) white on black (b) yellow on white (c) white on dark green (d) dark blue on white
  5. 5.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) good UX but poor UI (c) perfect UX (d) good UI but poor UX
  6. 6.🔢 In a quiz-app flow, which comes first: “read a question” or “tap “Start quiz””? (a) read a question (b) tap “Start quiz”
  7. 7.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings
  8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Shop
    Design B: Home → Size → Offers → Address
    (a) Design B (b) Design A
  9. 9.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) open the app (b) see the home screen
  10. 10.Which of these is about UX (the experience)? (a) the icon shapes (b) the font size (c) the screen layout (d) how easy sign-up is
  11. 11.💾 Which can hold many values in order? (a) a single number (b) a list (c) a button (d) a switch
  12. 12.💾 What number does this code show?
    let songs = ["Ocean", "Monsoon", "Kites", "Rain"];
    songs.push("Sunrise");
    show(songs.length);
  13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 16 px
    Caption: 11 px
    Body text: 26 px
    (a) Caption (b) Footer (c) Body text
  14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Friend list”
    3. tap Back
    Which screen are you on now?
    (a) Friend list (b) Feed (c) Chat (d) Help page
  15. 15.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Riya", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Aman (b) Meera (c) Riya
  16. 16.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
  17. 17.🔢 In a sign-up flow, what comes right after “open the app”? (a) enter the code sent (b) tap “Sign up” (c) make a password (d) see the home screen
  18. 18.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  19. 19.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
  20. 20.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Size
    Design B: Home → Confirm → Shop → Size → Pens → Address → Results
  21. 21.🎨 UI stands for user ___. (a) idea (b) interface (c) input (d) internet
  22. 22.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
  23. 23.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) a bigger app (d) better UX
  24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Confirm → Size → Shop → Offers
    Design B: Home → Item → Search
  25. 25.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
  26. 26.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) write a caption (d) post the photo
  27. 27.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ Add button ]
    [ top bar ]
    [ Save button ]
  28. 28.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ menu icon ]
    [ big picture ]
    [ Add button ]
    [ Save button ]
    [ list of items ]
    [ title text ]
    (a) title text (b) menu icon (c) big picture (d) Add button
  29. 29.💾 What number does this code show?
    let stars = 9;
    stars = stars - 5;
    stars = stars + 1;
    show(stars);
  30. 30.True or false: buttons almost touching is good button design. (a) False (b) True
  31. 31.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) type name and email (c) tap “Sign up” (d) see the home screen
  32. 32.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a sound (c) a text label (d) a long animation
  33. 33.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
  34. 34.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 0 (c) 2 (d) 1
  35. 35.Which colour pair is easy to read? (a) pale pink on white (b) white on dark green (c) dark blue on black (d) yellow on white
  36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap the Chat tab
    3. tap the Settings tab
    Which screen are you on now?
    (a) Chat (b) Settings (c) Feed (d) Video
  37. 37.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ menu icon ]
    [ filter buttons ]
    [ big picture ]
    [ top bar ]
    [ list of items ]
    [ Save button ]
    (a) Save button (b) list of items (c) menu icon (d) big picture
  38. 38.True or false: “icons with no labels” makes the app harder to use. (a) False (b) True
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Match report”
    Which screen are you on now?
    (a) Search (b) Home (c) Match report (d) Badges
  40. 40.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone

Answer key

  1. how fast a task is done
  2. poor design
  3. a wireframe
  4. yellow on white
  5. good UI but poor UX
  6. tap “Start quiz”
  7. goes to the last screen
  8. Design A
  9. open the app
  10. how easy sign-up is
  11. a list
  12. 5
  13. Caption
  14. Help page
  15. Riya
  16. on the phone
  17. tap “Sign up”
  18. on the phone
  19. good design
  20. 4
  21. interface
  22. easy to read
  23. better UX
  24. 5
  25. True
  26. post the photo
  27. 4
  28. title text
  29. 5
  30. False
  31. open the app
  32. a text label
  33. hard to read
  34. 0
  35. white on dark green
  36. Settings
  37. big picture
  38. True
  39. Match report
  40. helps everyone

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