App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 478 · 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.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) the path through screens (d) a colour theme
2. 2.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
3. 3.🔢 In a food-order flow, which comes first: “open the menu” or “pick a dish”? (a) pick a dish (b) open the menu
4. 4.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
5. 5.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) a closed app (c) delete this (d) an error
6. 6.Which of these helps everyone use the app? (a) colour as the only clue (b) fast-flashing lights (c) icons with no labels (d) captions on videos
7. 7.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) write a caption (b) add a filter
8. 8.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
9. 9.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
10. 10.True or false: a clear word like Save is good button design. (a) True (b) False
11. 11.Which colour pair is hard to read? (a) dark blue on white (b) black on pale grey (c) white on dark green (d) dark blue on black
12. 12.Which of these fits saving in the cloud? (a) a draft you are typing (b) notes to read offline (c) the sound on/off setting (d) chat messages to friends
13. 13.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ search box ]
    [ title text ]
    [ Add button ]
    [ tab bar ]
    [ filter buttons ]
    [ Save button ] (a) filter buttons (b) Add button (c) search box (d) Save button
14. 14.Which of these is true of a menu button? (a) switches main sections (b) goes to the last screen (c) undoes one move (d) hides extra links
15. 15.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) inside a button (c) at the bottom (d) in the middle
16. 16.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
17. 17.True or false: buttons almost touching is poor button design. (a) False (b) True
18. 18.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) enter the code sent (b) make a password
19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Map”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
20. 20.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) home screen (d) shortcut
21. 21.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) plays music (d) makes text tiny
22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Edit photo”
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
23. 23.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
24. 24.True or false: grey text on grey is poor button design. (a) False (b) True
25. 25.🔢 In a photo-post flow, what comes right after “take the photo”? (a) write a caption (b) add a filter (c) post the photo (d) open the camera screen
26. 26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Edit photo”
    3. tap Back
    4. open “Match report”
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
27. 27.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
28. 28.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) looks like the real app (d) has no real colours
29. 29.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
30. 30.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Ocean", "Rain", "Monsoon", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Rain (b) Ocean (c) Monsoon (d) Sunrise
31. 31.🔢 In a sign-up flow, which comes first: “type name and email” or “see the home screen”? (a) type name and email (b) see the home screen
32. 32.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ menu icon ]
    [ list of items ]
    [ filter buttons ]
    [ Save button ]
    [ big picture ]
    [ top bar ] (a) top bar (b) filter buttons (c) Save button (d) big picture
33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Confirm → Shop → Results → Pens
    Design B: Home → Offers → Pay → Menu (a) Design B (b) Design A
34. 34.True or false: how fast a task is done is about UI (the look). (a) True (b) False
35. 35.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
36. 36.True or false: the icon shapes is about UX (the experience). (a) False (b) True
37. 37.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) write a caption (d) take the photo
38. 38.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 3 to 5 (c) 20 (d) 10 to 12
39. 39.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) a shared to-do list (d) your last game level
40. 40.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings

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