← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 749 · 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.True or false: icons with no meaning is good button design. (a) True (b) False
  2. 2.🔢 In a food-order flow, which comes first: “check the cart” or “add it to the cart”? (a) check the cart (b) add it to the cart
  3. 3.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
  4. 4.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Confirm → Cart → Item → Search → Menu
    Design B: Home → Shop → Offers → Confirm → Pay → Pens
  5. 5.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ title text ]
    [ top bar ]
    [ big picture ]
  6. 6.💾 pop() takes off the last item. What does this code show?
    let notes = ["Music", "Hindi", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Music (b) Science (c) Hindi
  7. 7.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ tab bar ]
    [ Add button ]
    [ top bar ]
    [ menu icon ]
    (a) top bar (b) Add button (c) tab bar
  8. 8.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 64 px tall
    Back button: 32 px tall
    Save button: 56 px tall
    Start button: 56 px tall
  9. 9.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  10. 10.True or false: a clear word like Save is good button design. (a) False (b) True
  11. 11.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Sports", "Science", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Science (b) Art (c) Maths (d) Sports
  12. 12.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) the last app used (c) a random page (d) that tab’s main screen
  13. 13.Which of these helps everyone use the app? (a) labels on every icon (b) colour as the only clue (c) fast-flashing lights (d) tiny tap areas
  14. 14.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  15. 15.♿ Accessibility means an app works for ___. (a) everyone (b) only experts (c) only the coder (d) nobody
  16. 16.♿ A screen has 9 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
  17. 17.True or false: how users feel after is about UI (the look). (a) False (b) True
  18. 18.🔢 In a quiz-app flow, what comes right after “read a question”? (a) tap “Start quiz” (b) pick an answer (c) see if it is right (d) see the final score
  19. 19.🔢 In a sign-up flow, which comes first: “make a password” or “open the app”? (a) make a password (b) open the app
  20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap the Quiz tab
    3. open “Edit photo”
    4. tap Back
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  21. 21.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ menu icon ]
    [ list of items ]
    [ top bar ]
    [ big picture ]
    [ filter buttons ]
    [ search box ]
    (a) menu icon (b) filter buttons (c) big picture (d) search box
  22. 22.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
  23. 23.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) check the cart (c) pick a dish (d) track the order
  24. 24.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
  25. 25.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
  26. 26.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) shows where things go (d) has the real colours
  27. 27.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Arjun", "Riya", "Kabir", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Arjun (b) Riya (c) Kabir (d) Meera
  28. 28.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “read a question”? (a) read a question (b) tap “Start quiz”
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Match report”
    3. tap the Search tab
    4. open “Score card”
    Which screen are you on now?
    (a) Search (b) Score card (c) Match report (d) Home
  30. 30.🎨 UI stands for user ___. (a) internet (b) idea (c) interface (d) input
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap the Chat tab
    3. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
  33. 33.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
  34. 34.🔢 In a sign-up flow, which comes first: “enter the code sent” or “see the home screen”? (a) see the home screen (b) enter the code sent
  35. 35.Which of these makes the app harder to use? (a) big touch targets (b) colour as the only clue (c) labels on every icon (d) text that can grow
  36. 36.🔍 Which is the odd one out? (a) the button colours (b) the font size (c) how easy sign-up is (d) the screen layout
  37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Settings tab
    3. open “Friend list”
    Which screen are you on now?
    (a) Friend list (b) Chat (c) Feed (d) Edit photo
  38. 38.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to add colour (d) to slow them down
  39. 39.True or false: “colour as the only clue” helps everyone use the app. (a) True (b) False
  40. 40.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read

Answer key

  1. False
  2. add it to the cart
  3. False
  4. 1
  5. 4
  6. Hindi
  7. top bar
  8. 3
  9. poor design
  10. True
  11. Science
  12. that tab’s main screen
  13. labels on every icon
  14. UI
  15. everyone
  16. 8
  17. False
  18. pick an answer
  19. open the app
  20. 1
  21. big picture
  22. easy to read
  23. check the cart
  24. a tab bar
  25. poor design
  26. shows where things go
  27. Kabir
  28. tap “Start quiz”
  29. Score card
  30. interface
  31. 0
  32. makes it harder
  33. poor design
  34. enter the code sent
  35. colour as the only clue
  36. how easy sign-up is
  37. Friend list
  38. so anyone can follow
  39. False
  40. hard to read

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