App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 44 · 40 questions

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.

1. 1.🖼️ In this wireframe (top to bottom), what is right above the list of items?
   [ big picture ]
   [ title text ]
   [ search box ]
   [ list of items ]
   [ tab bar ] (a) title text (b) tab bar (c) search box (d) big picture
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ top bar ]
   [ search box ]
   [ list of items ]
   [ tab bar ] (a) top bar (b) search box (c) list of items (d) tab bar
3. 3.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
4. 4.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) the back button (c) a tab bar
5. 5.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 3 to 5 (c) 20 (d) 10 to 12
6. 6.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Video”
   2. tap Back
   3. tap the Feed tab
   How many times must you tap Back to reach the main screen of this tab?
7. 7.Which of these makes the app harder to use? (a) labels on every icon (b) big touch targets (c) tiny tap areas (d) captions on videos
8. 8.🖼️ How many parts (boxes) does this wireframe have?
   [ tab bar ]
   [ filter buttons ]
   [ Add button ]
   [ list of items ]
9. 9.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) colour as the only clue (d) text that can grow
10. 10.💾 pop() takes off the last item. What does this code show?
    let songs = ["Ocean", "Rain", "Stars", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Ocean (b) Rain (c) Stars (d) Monsoon
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. tap the Feed tab
    4. open “Edit photo”
    Which screen are you on now? (a) Chat (b) Help page (c) Edit photo (d) Feed
12. 12.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
13. 13.🔍 Which is the odd one out? (a) tiny tap areas (b) strong colour contrast (c) big touch targets (d) labels on every icon
14. 14.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 2 (c) 0 (d) 1
15. 15.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) tap “Start quiz” (b) see if it is right (c) read a question (d) see the final score
16. 16.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 60 px tall
    Save button: 52 px tall
    Cancel button: 36 px tall
    Next button: 56 px tall (a) Save (b) Back (c) Next (d) Cancel
17. 17.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) read a question (c) see the final score (d) pick an answer
18. 18.✏️ What is a wireframe? (a) the finished app (b) a type of password (c) a charging cable (d) a simple screen sketch
19. 19.💾 What number does this code show?
    let friends = ["Arjun", "Meera", "Kabir"];
    friends.push("Zoya");
    show(friends.length);
20. 20.True or false: buttons almost touching is good button design. (a) False (b) True
21. 21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Feed tab
    3. open “Badges”
    4. tap Back
    5. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
22. 22.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ menu icon ]
    [ search box ]
    [ tab bar ] (a) search box (b) tab bar (c) menu icon (d) Add button
23. 23.💾 What does this code show? (Positions start at 0.)
    let friends = ["Arjun", "Zoya", "Aman", "Kabir"];
    show(friends[3]); (a) Arjun (b) Zoya (c) Kabir (d) Aman
24. 24.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) how fast a task is done (d) the button colours
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Friend list”
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
26. 26.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
27. 27.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ top bar ]
    [ Add button ]
    [ search box ]
    [ list of items ] (a) list of items (b) top bar (c) search box (d) Add button
28. 28.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pay for the order (c) add it to the cart (d) pick a dish
29. 29.🔍 Which is the odd one out? (a) whether users get lost (b) the button colours (c) the theme colours (d) the icon shapes
30. 30.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) sudden loud sounds (d) icons with no labels
31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Pay → Cart
    Design B: Home → Size → Pens → Item → Shop
32. 32.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
33. 33.🔢 In a photo-post flow, which comes first: “add a filter” or “open the camera screen”? (a) open the camera screen (b) add a filter
34. 34.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
35. 35.Which of these helps everyone use the app? (a) labels on every icon (b) colour as the only clue (c) tiny tap areas (d) sudden loud sounds
36. 36.Which colour pair is easy to read? (a) white on black (b) yellow on white (c) pale pink on white (d) dark blue on black
37. 37.🔍 Which is the odd one out? (a) colour as the only clue (b) fast-flashing lights (c) sudden loud sounds (d) captions on videos
38. 38.True or false: a wireframe shows where things go. (a) True (b) False
39. 39.♿ What should every icon-only button have for screen readers? (a) a long animation (b) a text label (c) a sound (d) a bright colour
40. 40.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) to skip testing (d) so each step is clear

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