App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 293 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Shop → Address → Pay
   Design B: Home → Confirm → Pens
2. 2.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) read a question (b) see the final score (c) tap “Start quiz” (d) see if it is right
3. 3.💾 What does this code show? (Positions start at 0.)
   let friends = ["Riya", "Zoya", "Aman"];
   show(friends[1]); (a) Riya (b) Zoya (c) Aman
4. 4.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Help page”
   2. tap Back
   3. open “Help page”
   Which screen are you on now? (a) Me (b) Help page (c) Lessons (d) Quiz
5. 5.Which of these fits saving in the cloud? (a) a draft you are typing (b) your last game level (c) photos on two devices (d) the sound on/off setting
6. 6.🔘 Our rule: buttons are at least 48 px tall. The Start button is 20 px tall. How many px taller must it be?
7. 7.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Pay → Search → Results
   Design B: Home → Pens → Shop → Cart → Menu
8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Match report”
   2. tap Back
   3. open “Match report”
   4. open “Friend list”
   How many times must you tap Back to reach the main screen of this tab?
9. 9.🧭 Which part of navigation undoes one move? (a) a menu button (b) a tab bar (c) the back button
10. 10.Which of these is true of a final design? (a) shows the real fonts (b) is a quick sketch (c) shows where things go (d) uses plain grey boxes
11. 11.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) see if it is right (c) see the final score (d) read a question
12. 12.🔍 Which is the odd one out? (a) labels on every icon (b) captions on videos (c) text that can grow (d) fast-flashing lights
13. 13.Which of these helps everyone use the app? (a) icons with no labels (b) labels on every icon (c) tiny tap areas (d) sudden loud sounds
14. 14.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) fast typists (c) the battery (d) colour-blind users
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Help page”
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
16. 16.🔢 In a sign-up flow, which comes FIRST? (a) enter the code sent (b) make a password (c) open the app (d) tap “Sign up”
17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 25 px
    Footer: 20 px
    Caption: 14 px
    Body text: 17 px
    Title: 26 px (a) Menu (b) Body text (c) Footer (d) Caption
18. 18.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) see the home screen (c) make a password (d) enter the code sent
19. 19.Which of these makes the app harder to use? (a) captions on videos (b) big touch targets (c) colour as the only clue (d) text that can grow
20. 20.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UX but poor UI (c) no UI at all (d) good UI but poor UX
21. 21.💾 What number does this code show?
    let notes = ["Science", "Music", "Maths"];
    notes.push("Art");
    show(notes.length);
22. 22.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
23. 23.True or false: the font size is about UI (the look). (a) False (b) True
24. 24.Which colour pair is easy to read? (a) light grey on white (b) red on green (c) black on pale grey (d) dark blue on black
25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 40 px tall
    Back button: 56 px tall
    Cancel button: 64 px tall
26. 26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Chat tab
    3. tap the Settings tab
    Which screen are you on now? (a) Badges (b) Feed (c) Chat (d) Settings
27. 27.🎨 UI stands for user ___. (a) idea (b) interface (c) internet (d) input
28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    [ title text ]
    [ big picture ] (a) top bar (b) filter buttons (c) title text (d) big picture
29. 29.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a closed app (c) delete this (d) a picture goes here
30. 30.🌗 Is red on green easy or hard to read on a button? (a) hard to read (b) easy to read
31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. open “Video”
    3. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
32. 32.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ top bar ]
    [ title text ]
    [ list of items ] (a) top bar (b) list of items (c) title text
33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Edit photo”
    Which screen are you on now? (a) Chat (b) Edit photo (c) Feed (d) Video
34. 34.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 36 px tall
    Save button: 40 px tall
    Help button: 36 px tall
35. 35.🔢 In a food-order flow, which comes first: “track the order” or “open the menu”? (a) track the order (b) open the menu
36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Settings tab
    3. tap the Feed tab
    4. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
37. 37.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Address
    Design B: Home → Item → Pens → Results → Offers → Pay (a) Design A (b) Design B
38. 38.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
39. 39.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. tap the Quiz tab
    3. open “Help page”
    Which screen are you on now? (a) Lessons (b) Help page (c) Quiz (d) Me
40. 40.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has no real colours (d) has the real colours

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