App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 327 · 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.Which of these is about UX (the experience)? (a) the icon shapes (b) whether users get lost (c) the theme colours (d) the button colours
2. 2.🖼️ In this wireframe (top to bottom), what is right below the search box?
   [ search box ]
   [ filter buttons ]
   [ title text ]
   [ top bar ]
   [ list of items ] (a) title text (b) top bar (c) list of items (d) filter buttons
3. 3.🔢 In a photo-post flow, what comes right after “add a filter”? (a) take the photo (b) post the photo (c) write a caption (d) open the camera screen
4. 4.Which of these is true of a tab bar? (a) undoes one move (b) hides extra links (c) switches main sections (d) goes to the last screen
5. 5.🧭 Why should every screen show where you are? (a) to use more battery (b) to look busy (c) so users do not get lost (d) to hide the menu
6. 6.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a clear next step (d) a random page
7. 7.Which of these is about UI (the look)? (a) how users feel after (b) the button colours (c) how fast a task is done (d) how easy sign-up is
8. 8.True or false: a tiny 20 px button is good button design. (a) True (b) False
9. 9.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) enter the code sent (b) tap “Sign up”
10. 10.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) good UX but poor UI (c) perfect UX (d) good UI but poor UX
11. 11.Which colour pair is hard to read? (a) black on yellow (b) dark blue on white (c) pale pink on white (d) white on dark green
12. 12.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) uses the final pictures (d) shows where things go
13. 13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 48 px tall
    Cancel button: 48 px tall
    Done button: 36 px tall
    Send button: 60 px tall (a) Cancel (b) Done (c) Send (d) Back
14. 14.True or false: the button colours is about UI (the look). (a) True (b) False
15. 15.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
16. 16.🔢 In a sign-up flow, which comes first: “enter the code sent” or “make a password”? (a) enter the code sent (b) make a password
17. 17.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) post the photo (d) add a filter
18. 18.True or false: how users feel after is about UI (the look). (a) False (b) True
19. 19.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) hides extra links (d) shows 3 to 5 icons
20. 20.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
21. 21.True or false: buttons almost touching is good button design. (a) False (b) True
22. 22.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) tap “Start quiz” (c) pick an answer (d) see if it is right
23. 23.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 1 (c) 0 (d) 10
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. open “Video”
    3. tap Back
    4. open “Video”
    5. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
25. 25.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
26. 26.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the last app used (c) the phone settings (d) a random page
27. 27.💾 What is a variable? (a) a picture (b) a type of screen (c) a phone setting (d) a named box for a value
28. 28.Which of these fits saving on the phone? (a) the sound on/off setting (b) chat messages to friends (c) a shared to-do list (d) photos on two devices
29. 29.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
30. 30.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) write a caption (b) post the photo
31. 31.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) a menu button (c) the back button
32. 32.💾 What number does this code show?
    let notes = ["Maths", "Science", "Music"];
    notes.push("Hindi");
    show(notes.length);
33. 33.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a colour theme (d) a charging cable
34. 34.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ tab bar ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    [ title text ] (a) filter buttons (b) title text (c) tab bar (d) Save button
35. 35.True or false: space between buttons is good button design. (a) False (b) True
36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Feed tab
    3. tap the Feed tab
    4. tap the Feed tab
    5. open “Edit photo”
    Which screen are you on now? (a) Feed (b) Settings (c) Edit photo (d) Chat
37. 37.🔢 In a sign-up flow, what comes right after “type name and email”? (a) open the app (b) make a password (c) enter the code sent (d) see the home screen
38. 38.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) pencil and paper (c) a 3D printer (d) a phone case
39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ menu icon ]
    [ tab bar ]
    [ Save button ]
    [ big picture ]
    [ search box ]
40. 40.True or false: a final design uses plain grey boxes. (a) True (b) False

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