App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 828 · 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 does the back button usually do? (a) goes to the last screen (b) opens settings (c) closes all apps (d) deletes the page
2. 2.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) worse UX (d) better UX
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Search → Results → Offers → Pens
   Design B: Home → Pens → Cart → Menu → Address → Shop
4. 4.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) see if it is right (b) tap “Start quiz”
5. 5.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
6. 6.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see the final score (b) pick an answer (c) see if it is right (d) tap “Start quiz”
7. 7.Which of these is about UI (the look)? (a) the theme colours (b) how easy sign-up is (c) how many taps it takes (d) how users feel after
8. 8.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) add a filter (c) post the photo (d) take the photo
9. 9.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
10. 10.🔘 Our rule: buttons are at least 48 px tall. The Help button is 32 px tall. How many px taller must it be?
11. 11.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ list of items ]
    [ search box ]
    [ Add button ] (a) Add button (b) search box (c) list of items
12. 12.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
13. 13.🧭 Which part of navigation hides extra links? (a) a tab bar (b) a menu button (c) the back button
14. 14.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Offers → Confirm → Search → Size
    Design B: Home → Results → Offers → Pay → Search → Shop → Address (a) Design B (b) Design A
15. 15.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) type name and email (b) make a password (c) open the app (d) see the home screen
16. 16.True or false: a final design has no real colours. (a) False (b) True
17. 17.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 10 (c) 0 (d) 2
18. 18.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
19. 19.💾 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
20. 20.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
21. 21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Score card”
    Which screen are you on now? (a) Chat (b) Video (c) Feed (d) Score card
22. 22.🎨 UX stands for user ___. (a) express (b) experience (c) extra (d) example
23. 23.True or false: a wireframe uses the final pictures. (a) True (b) False
24. 24.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
25. 25.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Music", "Science", "Art"];
    show(notes[2]); (a) Science (b) Art (c) Music (d) Sports
26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 12 px
    Body text: 14 px
    Title: 21 px
27. 27.🔢 In a photo-post flow, which comes first: “post the photo” or “write a caption”? (a) write a caption (b) post the photo
28. 28.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
29. 29.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) real users (d) nobody
30. 30.True or false: how users feel after is about UX (the experience). (a) False (b) True
31. 31.True or false: the icon shapes is about UX (the experience). (a) True (b) False
32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Size → Pay → Results
    Design B: Home → Search → Pens → Menu → Cart → Shop
33. 33.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 64 px tall
    Done button: 32 px tall
    Help button: 32 px tall
34. 34.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
35. 35.Which colour pair is hard to read? (a) pale pink on white (b) white on dark green (c) black on pale grey (d) white on black
36. 36.🔘 Our rule: buttons are at least 48 px tall. The Send button is 44 px tall. How many px taller must it be?
37. 37.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) post the photo (d) write a caption
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?
    [ list of items ]
    [ big picture ]
    [ Add button ]
    [ filter buttons ]
    [ menu icon ]
    [ search box ]
40. 40.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ search box ]
    [ filter buttons ]
    [ Add button ]
    [ tab bar ]
    [ Save button ]
    [ menu icon ] (a) tab bar (b) Save button (c) Add button (d) filter buttons

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