← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 604 · 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 this code show? (Positions start at 0.)
    let friends = ["Riya", "Aman", "Zoya", "Arjun"];
    show(friends[1]);
    (a) Riya (b) Aman (c) Arjun (d) Zoya
  2. 2.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) dead end (d) home screen
  3. 3.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) good UI but poor UX (d) no UI at all
  4. 4.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ menu icon ]
    [ list of items ]
    [ big picture ]
    [ top bar ]
    [ tab bar ]
    (a) menu icon (b) list of items (c) tab bar (d) top bar
  5. 5.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Maths (c) Science
  6. 6.True or false: the font size is about UX (the experience). (a) False (b) True
  7. 7.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Hindi", "Music", "Art", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Art (b) Science (c) Music (d) Hindi
  8. 8.💾 What number does this code show?
    let points = 6;
    points = points - 6;
    points = points + 3;
    show(points);
  9. 9.True or false: notes to read offline fits saving in the cloud. (a) True (b) False
  10. 10.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
  11. 11.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) post the photo (c) open the camera screen (d) take the photo
  12. 12.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
  13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
  14. 14.🔍 Which is the odd one out? (a) strong colour contrast (b) colour as the only clue (c) text that can grow (d) labels on every icon
  15. 15.♿ Accessibility means an app works for ___. (a) nobody (b) only the coder (c) everyone (d) only experts
  16. 16.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
  17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Map”
    3. tap the Chat tab
    4. tap the Chat tab
    Which screen are you on now?
    (a) Feed (b) Chat (c) Help page (d) Map
  18. 18.True or false: the button colours is about UX (the experience). (a) False (b) True
  19. 19.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) your last game level (d) a shared to-do list
  20. 20.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  21. 21.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) a draft you are typing (d) a class leaderboard
  22. 22.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
  23. 23.♿ A screen has 6 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
  24. 24.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Riya", "Kabir"];
    show(friends[1]);
    (a) Kabir (b) Riya (c) Meera
  25. 25.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) tap “Start quiz” (c) pick an answer (d) see the final score
  26. 26.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ tab bar ]
  27. 27.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
  28. 28.Which of these is about UI (the look)? (a) the icon shapes (b) how many taps it takes (c) whether users get lost (d) how fast a task is done
  29. 29.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
  30. 30.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  31. 31.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud leaderboard (c) a shared chat (d) a cloud backup
  32. 32.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 56 px tall
    Help button: 48 px tall
    Send button: 24 px tall
    (a) Help (b) Send (c) Cancel
  33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Feed tab
    3. open “Edit photo”
    4. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  34. 34.Which of these is true of a tab bar? (a) opens a list of pages (b) hides extra links (c) shows 3 to 5 icons (d) goes to the last screen
  35. 35.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
  36. 36.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) red on green (d) white on dark green
  37. 37.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) pay for the order (c) pick a dish (d) open the menu
  38. 38.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Meera", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Meera (b) Aman (c) Kabir
  39. 39.🔘 Our rule: buttons are at least 48 px tall. The Save button is 36 px tall. How many px taller must it be?
  40. 40.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) closes all apps (d) opens settings

Answer key

  1. Aman
  2. dead end
  3. good UI but poor UX
  4. list of items
  5. Science
  6. False
  7. Art
  8. 3
  9. False
  10. add it to the cart
  11. write a caption
  12. a simple screen sketch
  13. 1
  14. colour as the only clue
  15. everyone
  16. hard to read
  17. Chat
  18. False
  19. your last game level
  20. a final design
  21. a draft you are typing
  22. better UX
  23. 4
  24. Riya
  25. tap “Start quiz”
  26. 4
  27. True
  28. the icon shapes
  29. makes it harder
  30. a wireframe
  31. data saved on the phone
  32. Send
  33. 2
  34. shows 3 to 5 icons
  35. helps everyone
  36. red on green
  37. open the menu
  38. Meera
  39. 12
  40. goes to the last screen

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