← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 207 · 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 does the back button usually do? (a) deletes the page (b) opens settings (c) closes all apps (d) goes to the last screen
  2. 2.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Friend list”
    3. tap Back
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  3. 3.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) take the photo (b) add a filter (c) write a caption (d) post the photo
  4. 4.True or false: a wireframe has no real colours. (a) False (b) True
  5. 5.True or false: the font size is about UX (the experience). (a) False (b) True
  6. 6.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Sports", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Sports (c) Science (d) Maths
  7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Score card”
    3. tap the Chat tab
    4. open “Match report”
    5. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Back button is 32 px tall. How many px taller must it be?
  9. 9.🔢 In a food-order flow, which comes LAST? (a) add it to the cart (b) pick a dish (c) track the order (d) open the menu
  10. 10.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 40 px tall
    Start button: 44 px tall
    Save button: 32 px tall
  11. 11.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) makes it harder (b) helps everyone
  12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Pens → Pay → Shop → Offers
    Design B: Home → Pens → Confirm → Size → Shop → Pay → Address
  13. 13.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Search tab
    3. tap the Search tab
    4. open “Map”
    Which screen are you on now?
    (a) Profile (b) Home (c) Map (d) Search
  14. 14.💾 Which works with no internet at all? (a) a cloud backup (b) a cloud leaderboard (c) data saved on the phone (d) a shared chat
  15. 15.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a charging cable (d) a colour theme
  16. 16.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to add more taps (c) so each step is clear (d) to skip testing
  17. 17.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a simple screen sketch (d) a type of password
  18. 18.🔍 Which is the odd one out? (a) how users feel after (b) the font size (c) how many taps it takes (d) how easy sign-up is
  19. 19.💾 What number does this code show?
    let notes = ["Music", "Maths", "Sports"];
    notes.push("Hindi");
    show(notes.length);
  20. 20.💾 pop() takes off the last item. What does this code show?
    let songs = ["Stars", "Monsoon", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Ocean (b) Monsoon (c) Stars
  21. 21.🔘 Our rule: buttons are at least 48 px tall. The Help button is 44 px tall. How many px taller must it be?
  22. 22.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
  23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Size → Shop
    Design B: Home → Search → Address → Pens → Pay → Menu
    (a) Design B (b) Design A
  24. 24.True or false: a big, easy tap area is poor button design. (a) False (b) True
  25. 25.Which of these makes the app harder to use? (a) labels on every icon (b) fast-flashing lights (c) strong colour contrast (d) captions on videos
  26. 26.✏️ 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
  27. 27.🧭 Which part of navigation shows 3 to 5 icons? (a) a menu button (b) a tab bar (c) the back button
  28. 28.Which colour pair is hard to read? (a) white on black (b) white on dark green (c) dark blue on white (d) dark blue on black
  29. 29.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
  30. 30.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) type name and email (b) open the app
  31. 31.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) tap “Sign up” (c) make a password (d) see the home screen
  32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Match report”
    3. tap Back
    4. tap Back
    5. open “Map”
    Which screen are you on now?
    (a) Match report (b) Map (c) Edit photo (d) Lessons
  33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Settings tab
    3. tap the Feed tab
    4. open “Edit photo”
    5. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
  34. 34.🔘 Our rule: buttons are at least 48 px tall. The Start button is 44 px tall. How many px taller must it be?
  35. 35.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Sports", "Music", "Science", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Music (b) Sports (c) Hindi (d) Science
  36. 36.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  37. 37.🔢 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
  38. 38.💾 What does this code show? (Positions start at 0.)
    let notes = ["Music", "Art", "Maths"];
    show(notes[1]);
    (a) Art (b) Maths (c) Music
  39. 39.True or false: the icon shapes is about UI (the look). (a) True (b) False
  40. 40.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 40 px tall
    Done button: 32 px tall
    Help button: 44 px tall
    Save button: 60 px tall

Answer key

  1. goes to the last screen
  2. 0
  3. take the photo
  4. True
  5. False
  6. Sports
  7. 0
  8. 16
  9. track the order
  10. 0
  11. makes it harder
  12. 1
  13. Map
  14. data saved on the phone
  15. the path through screens
  16. so each step is clear
  17. a simple screen sketch
  18. the font size
  19. 4
  20. Monsoon
  21. 4
  22. helps everyone
  23. Design A
  24. False
  25. fast-flashing lights
  26. a picture goes here
  27. a tab bar
  28. dark blue on black
  29. in the cloud
  30. open the app
  31. tap “Sign up”
  32. Map
  33. 2
  34. 4
  35. Science
  36. poor design
  37. open the menu
  38. Art
  39. True
  40. 1

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