App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 135 · 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) how many taps it takes (b) the button colours (c) the font size (d) the screen layout
2. 2.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
3. 3.🖼️ How many parts (boxes) does this wireframe have?
   [ Save button ]
   [ menu icon ]
   [ search box ]
   [ filter buttons ]
4. 4.💾 What does this code show? (Positions start at 0.)
   let friends = ["Meera", "Aman", "Kabir", "Arjun", "Riya"];
   show(friends[1]); (a) Kabir (b) Aman (c) Meera (d) Arjun
5. 5.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) read a question (b) tap “Start quiz” (c) see the final score (d) pick an answer
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Confirm → Results → Pens
   Design B: Home → Item → Pay → Offers → Size → Pens → Shop
7. 7.True or false: space between buttons is good button design. (a) True (b) False
8. 8.🔍 Which is the odd one out? (a) text that can grow (b) big touch targets (c) labels on every icon (d) tiny tap areas
9. 9.Which of these is true of a final design? (a) shows where things go (b) uses plain grey boxes (c) uses the final pictures (d) is a quick sketch
10. 10.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ top bar ]
    [ Save button ]
    [ title text ] (a) Save button (b) title text (c) top bar
11. 11.🔢 In a quiz-app flow, what comes right after “read a question”? (a) tap “Start quiz” (b) see the final score (c) pick an answer (d) see if it is right
12. 12.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
13. 13.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) add a filter (b) take the photo (c) post the photo (d) write a caption
14. 14.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 3 to 5 (c) 10 to 12 (d) 1
15. 15.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
16. 16.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) make a password (c) open the app (d) type name and email
17. 17.Which of these fits saving in the cloud? (a) a draft you are typing (b) your last game level (c) notes to read offline (d) a shared to-do list
18. 18.🔢 In a quiz-app flow, which comes first: “pick an answer” or “see if it is right”? (a) pick an answer (b) see if it is right
19. 19.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
20. 20.♿ A screen has 7 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
21. 21.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Ocean", "Stars", "Rain", "Monsoon"];
    show(songs[0]); (a) Rain (b) Ocean (c) Stars (d) Sunrise
22. 22.Which of these is true of the back button? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) hides extra links
23. 23.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
24. 24.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) more colours (c) better UX (d) a bigger app
25. 25.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
26. 26.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ top bar ]
    [ menu icon ]
    [ Add button ]
    [ filter buttons ] (a) top bar (b) Add button (c) menu icon (d) filter buttons
27. 27.Which of these is about UI (the look)? (a) how easy sign-up is (b) the screen layout (c) how fast a task is done (d) how users feel after
28. 28.🔘 Our rule: buttons are at least 48 px tall. The Start button is 28 px tall. How many px taller must it be?
29. 29.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Maths", "Art", "Science"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Science (c) Maths (d) Hindi
30. 30.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) make a password (c) type name and email (d) tap “Sign up”
31. 31.True or false: your last game level fits saving on the phone. (a) False (b) True
32. 32.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud leaderboard (c) a shared chat (d) a cloud backup
33. 33.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) make a password (b) enter the code sent
34. 34.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
35. 35.True or false: a clear word like Save is poor button design. (a) False (b) True
36. 36.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
37. 37.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) tap “Sign up” (c) enter the code sent (d) see the home screen
38. 38.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Save button: 32 px tall
    Next button: 44 px tall
39. 39.Which of these is about UI (the look)? (a) the font size (b) how fast a task is done (c) how easy sign-up is (d) how users feel after
40. 40.True or false: grey text on grey is good button design. (a) True (b) False

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