App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 766 · 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.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
2. 2.🖼️ How many parts (boxes) does this wireframe have?
   [ title text ]
   [ top bar ]
   [ filter buttons ]
   [ Add button ]
   [ big picture ]
3. 3.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
4. 4.🎨 Who should you test the UX with? (a) real users (b) only yourself (c) nobody (d) the app icon
5. 5.True or false: the screen layout is about UX (the experience). (a) True (b) False
6. 6.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
7. 7.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) shortcut (c) tab bar (d) home screen
8. 8.Which of these is about UX (the experience)? (a) the font size (b) the icon shapes (c) the button colours (d) whether users get lost
9. 9.Which of these is true of a final design? (a) uses plain grey boxes (b) looks like the real app (c) is a quick sketch (d) shows where things go
10. 10.Which of these is true of the back button? (a) shows 3 to 5 icons (b) switches main sections (c) opens a list of pages (d) goes to the last screen
11. 11.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) uses plain grey boxes (d) shows the real fonts
12. 12.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Zoya", "Kabir", "Riya"];
    show(friends[0]); (a) Aman (b) Riya (c) Kabir (d) Zoya
13. 13.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a simple screen sketch (d) a type of password
14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. open “Match report”
    3. open “Map”
    Which screen are you on now? (a) Match report (b) Feed (c) Edit photo (d) Map
15. 15.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) how fast a task is done (d) how users feel after
16. 16.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) enter the code sent (c) tap “Sign up” (d) make a password
17. 17.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) post the photo (c) write a caption (d) add a filter
18. 18.True or false: a wireframe is a quick sketch. (a) False (b) True
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Feed tab
    3. open “Edit photo”
    4. open “Match report”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
20. 20.True or false: photos on two devices fits saving on the phone. (a) False (b) True
21. 21.🎨 UX stands for user ___. (a) express (b) example (c) extra (d) experience
22. 22.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) a random page (d) that tab’s main screen
23. 23.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
24. 24.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
25. 25.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a tab bar (c) a menu button
26. 26.🔢 In a food-order flow, which comes LAST? (a) pay for the order (b) track the order (c) pick a dish (d) add it to the cart
27. 27.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ search box ]
    [ Add button ]
    [ list of items ]
    [ Save button ]
28. 28.♿ What does a screen reader do? (a) plays music (b) makes text tiny (c) takes photos (d) reads the screen aloud
29. 29.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Results → Shop → Search → Pens
    Design B: Home → Cart → Pay → Menu (a) Design A (b) Design B
30. 30.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
31. 31.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
32. 32.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Stars", "Monsoon", "Ocean", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Stars (b) Ocean (c) Rain (d) Monsoon
33. 33.Which of these is about UI (the look)? (a) how easy sign-up is (b) how users feel after (c) the button colours (d) how fast a task is done
34. 34.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable
35. 35.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 23 px
    Title: 18 px
    Menu: 21 px
    Label: 10 px
    Footer: 24 px
36. 36.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it saves data (c) changes are quick (d) it runs the app
37. 37.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ big picture ]
    [ tab bar ]
    [ search box ]
    [ list of items ]
    [ Save button ]
    [ top bar ] (a) search box (b) Save button (c) tab bar (d) list of items
38. 38.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Search tab
    Which screen are you on now? (a) Search (b) Edit photo (c) Profile (d) Home
39. 39.Which of these is true of a menu button? (a) goes to the last screen (b) sits at the bottom (c) shows 3 to 5 icons (d) opens a list of pages
40. 40.💾 What does this code show? (Positions start at 0.)
    let friends = ["Arjun", "Riya", "Meera"];
    show(friends[2]); (a) Riya (b) Meera (c) Arjun

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