App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 931 · 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 part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
2. 2.🔢 In a photo-post flow, what comes right after “write a caption”? (a) add a filter (b) open the camera screen (c) take the photo (d) post the photo
3. 3.Which of these is true of a menu button? (a) switches main sections (b) sits at the bottom (c) undoes one move (d) opens a list of pages
4. 4.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Label: 18 px
   Menu: 22 px
   Caption: 14 px (a) Menu (b) Label (c) Caption
5. 5.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) shows where things go (d) looks like the real app
6. 6.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) open the app (c) see the home screen (d) enter the code sent
7. 7.🔍 Which is the odd one out? (a) the theme colours (b) how easy sign-up is (c) how fast a task is done (d) how many taps it takes
8. 8.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Friend list”
   2. tap the Lessons tab
   3. tap the Quiz tab
   4. tap the Me tab
   5. open “Help page”
   How many times must you tap Back to reach the main screen of this tab?
10. 10.Which of these is true of a tab bar? (a) goes to the last screen (b) hides extra links (c) opens a list of pages (d) sits at the bottom
11. 11.True or false: how many taps it takes is about UI (the look). (a) True (b) False
12. 12.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ big picture ]
    [ search box ]
    [ menu icon ]
    [ filter buttons ] (a) filter buttons (b) big picture (c) menu icon
13. 13.Which of these helps everyone use the app? (a) tiny tap areas (b) icons with no labels (c) fast-flashing lights (d) big touch targets
14. 14.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a microphone (c) a phone case (d) pencil and paper
15. 15.Which of these helps everyone use the app? (a) fast-flashing lights (b) text that can grow (c) icons with no labels (d) tiny tap areas
16. 16.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. open “Help page”
    3. open “Video”
    4. tap Back
    Which screen are you on now? (a) Feed (b) Help page (c) Chat (d) Video
18. 18.🔍 Which is the odd one out? (a) tiny tap areas (b) strong colour contrast (c) icons with no labels (d) colour as the only clue
19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 56 px tall
    Save button: 32 px tall
    Done button: 48 px tall
    Next button: 60 px tall (a) Next (b) Done (c) Help (d) Save
20. 20.Which of these is about UX (the experience)? (a) the button colours (b) the screen layout (c) the theme colours (d) how many taps it takes
21. 21.Which colour pair is hard to read? (a) light grey on white (b) white on dark green (c) black on pale grey (d) dark blue on white
22. 22.🔍 Which is the odd one out? (a) the screen layout (b) how many taps it takes (c) how users feel after (d) how easy sign-up is
23. 23.True or false: grey text on grey is good button design. (a) True (b) False
24. 24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 23 px
    Label: 26 px
    Title: 12 px (a) Hint (b) Title (c) Label
25. 25.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) pick an answer (c) see if it is right (d) read a question
26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 36 px tall
    Done button: 52 px tall
    Send button: 56 px tall
27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Menu → Address
    Design B: Home → Results → Pay (a) Design B (b) Design A
28. 28.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) good UX but poor UI (c) perfect UX (d) no UI at all
29. 29.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a type of password (d) a charging cable
30. 30.🎨 Who should you test the UX with? (a) nobody (b) real users (c) only yourself (d) the app icon
31. 31.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) the phone settings (d) that tab’s main screen
32. 32.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 52 px tall
    Done button: 28 px tall
    Help button: 48 px tall (a) Cancel (b) Help (c) Done
33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 9 px
    Body text: 20 px
    Footer: 21 px
    Caption: 27 px (a) Hint (b) Body text (c) Caption (d) Footer
34. 34.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
35. 35.True or false: “text that can grow” makes the app harder to use. (a) True (b) False
36. 36.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 56 px tall
    Back button: 36 px tall
    Start button: 60 px tall
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Size → Menu → Shop → Search
    Design B: Home → Pens → Cart → Shop
38. 38.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) type name and email (c) open the app (d) enter the code sent
39. 39.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable
40. 40.🌗 Is black on pale grey easy or hard to read on a button? (a) easy to read (b) hard to read

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