← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 181 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Shop
    Design B: Home → Cart → Size → Pay → Menu → Offers → Confirm
  2. 2.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
  3. 3.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Meera", "Kabir", "Arjun", "Riya"];
    show(friends[3]);
    (a) Meera (b) Arjun (c) Aman (d) Kabir
  4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Help page”
    3. tap the Chat tab
    4. open “Edit photo”
    Which screen are you on now?
    (a) Feed (b) Match report (c) Edit photo (d) Help page
  5. 5.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
  6. 6.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
  7. 7.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  8. 8.🔍 Which is the odd one out? (a) the font size (b) the button colours (c) how users feel after (d) the icon shapes
  9. 9.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
  10. 10.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  11. 11.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 10 to 12 (d) 3 to 5
  12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Confirm → Item → Offers
    Design B: Home → Search → Pay
  13. 13.🔍 Which is the odd one out? (a) text that can grow (b) labels on every icon (c) icons with no labels (d) big touch targets
  14. 14.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) check the cart (b) track the order (c) open the menu (d) pick a dish
  15. 15.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
  16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 16 px
    Footer: 12 px
    Menu: 24 px
    Label: 16 px
    Caption: 17 px
    (a) Footer (b) Menu (c) Body text (d) Label
  17. 17.💾 What number does this code show?
    let friends = ["Aman", "Kabir", "Riya"];
    friends.push("Zoya");
    show(friends.length);
  18. 18.🔢 In a photo-post flow, which comes first: “open the camera screen” or “post the photo”? (a) open the camera screen (b) post the photo
  19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 44 px tall
    Next button: 40 px tall
    Start button: 52 px tall
  20. 20.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 20 px
    Body text: 22 px
    Label: 28 px
    Caption: 25 px
    Title: 14 px
    (a) Label (b) Body text (c) Hint (d) Title
  21. 21.🔍 Which is the odd one out? (a) the icon shapes (b) the font size (c) how fast a task is done (d) the screen layout
  22. 22.🔍 Which is the odd one out? (a) whether users get lost (b) how many taps it takes (c) how easy sign-up is (d) the icon shapes
  23. 23.💾 What number does this code show?
    let lives = 6;
    lives = lives - 4;
    lives = lives + 1;
    show(lives);
  24. 24.🔍 Which is the odd one out? (a) the theme colours (b) how easy sign-up is (c) the screen layout (d) the font size
  25. 25.💾 What number does this code show?
    let stars = 4;
    stars = stars - 1;
    stars = stars + 4;
    show(stars);
  26. 26.💾 What number does this code show?
    let points = 8;
    points = points - 2;
    points = points + 1;
    show(points);
  27. 27.True or false: the icon shapes is about UI (the look). (a) True (b) False
  28. 28.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
  29. 29.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Video”
    3. tap the Chat tab
    Which screen are you on now?
    (a) Feed (b) Video (c) Settings (d) Chat
  30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Confirm → Pay → Offers
    Design B: Home → Offers → Shop → Menu
  31. 31.Which of these is about UI (the look)? (a) how fast a task is done (b) the icon shapes (c) how many taps it takes (d) how easy sign-up is
  32. 32.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) tap “Sign up” (c) open the app (d) make a password
  33. 33.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) check the cart (c) add it to the cart (d) open the menu
  34. 34.Which colour pair is easy to read? (a) dark blue on white (b) dark blue on black (c) pale pink on white (d) light grey on white
  35. 35.True or false: a clear word like Save is poor button design. (a) False (b) True
  36. 36.🔢 In a photo-post flow, which comes FIRST? (a) post the photo (b) add a filter (c) open the camera screen (d) write a caption
  37. 37.✏️ What is a wireframe? (a) the finished app (b) a type of password (c) a simple screen sketch (d) a charging cable
  38. 38.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ big picture ]
    [ tab bar ]
    [ list of items ]
  39. 39.🔍 Which is the odd one out? (a) labels on every icon (b) colour as the only clue (c) tiny tap areas (d) fast-flashing lights
  40. 40.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) is a quick sketch (d) looks like the real app

Answer key

  1. 4
  2. good design
  3. Arjun
  4. Edit photo
  5. hard to read
  6. UI
  7. a wireframe
  8. how users feel after
  9. False
  10. a final design
  11. 3 to 5
  12. 2
  13. icons with no labels
  14. check the cart
  15. UX
  16. Footer
  17. 4
  18. open the camera screen
  19. 1
  20. Title
  21. how fast a task is done
  22. the icon shapes
  23. 3
  24. how easy sign-up is
  25. 7
  26. 7
  27. True
  28. False
  29. Chat
  30. 4
  31. the icon shapes
  32. open the app
  33. open the menu
  34. dark blue on white
  35. False
  36. open the camera screen
  37. a simple screen sketch
  38. 4
  39. labels on every icon
  40. is a quick sketch

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