App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 209 · 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 UI (the look)? (a) how easy sign-up is (b) how many taps it takes (c) the button colours (d) how users feel after
2. 2.🔍 Which is the odd one out? (a) big touch targets (b) captions on videos (c) text that can grow (d) fast-flashing lights
3. 3.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
4. 4.🔢 In a sign-up flow, which comes first: “see the home screen” or “tap “Sign up””? (a) tap “Sign up” (b) see the home screen
5. 5.🔍 Which is the odd one out? (a) whether users get lost (b) the icon shapes (c) how users feel after (d) how fast a task is done
6. 6.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “read a question”? (a) read a question (b) tap “Start quiz”
7. 7.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) pencil and paper (c) a phone case (d) a 3D printer
8. 8.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) has no real colours (d) shows the real fonts
9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Menu: 18 px
   Caption: 12 px
   Title: 21 px
   Body text: 22 px
10. 10.Which of these is true of a final design? (a) uses the final pictures (b) is a quick sketch (c) shows where things go (d) has no real colours
11. 11.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) shortcut (d) tab bar
12. 12.🔘 Our rule: buttons are at least 48 px tall. The Next button is 28 px tall. How many px taller must it be?
13. 13.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) shrink the app (d) use it on any device
14. 14.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
15. 15.🎨 UX stands for user ___. (a) example (b) express (c) experience (d) extra
16. 16.♿ A screen has 10 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
17. 17.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Edit photo”
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
19. 19.True or false: how fast a task is done is about UX (the experience). (a) True (b) False
20. 20.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
21. 21.🔢 In a sign-up flow, which comes first: “open the app” or “type name and email”? (a) type name and email (b) open the app
22. 22.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ big picture ]
    [ filter buttons ]
    [ tab bar ]
    [ title text ]
    [ menu icon ] (a) big picture (b) title text (c) filter buttons (d) menu icon
23. 23.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Art", "Music", "Hindi", "Maths"];
    show(notes[1]); (a) Sports (b) Art (c) Hindi (d) Music
24. 24.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
25. 25.♿ A screen has 12 icon buttons. Only 11 of them have a text label for screen readers. How many still need a label?
26. 26.🔍 Which is the odd one out? (a) strong colour contrast (b) big touch targets (c) text that can grow (d) colour as the only clue
27. 27.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
28. 28.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) worse UX (c) more colours (d) a bigger app
29. 29.True or false: “icons with no labels” helps everyone use the app. (a) True (b) False
30. 30.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
31. 31.🔍 Which is the odd one out? (a) tiny tap areas (b) colour as the only clue (c) strong colour contrast (d) icons with no labels
32. 32.True or false: “labels on every icon” makes the app harder to use. (a) True (b) False
33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 52 px tall
    Send button: 24 px tall
    Save button: 68 px tall (a) Send (b) Back (c) Save
34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Video”
    3. open “Help page”
    4. open “Match report”
    5. open “Badges”
    Which screen are you on now? (a) Video (b) Badges (c) Match report (d) Help page
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap the Feed tab
    3. open “Edit photo”
    4. open “Video”
    Which screen are you on now? (a) Friend list (b) Feed (c) Video (d) Edit photo
36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 22 px
    Body text: 15 px
    Hint: 15 px
37. 37.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
38. 38.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
39. 39.True or false: a final design has the real colours. (a) False (b) True
40. 40.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 32 px tall
    Send button: 56 px tall
    Next button: 40 px tall

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