App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 383 · 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.🔢 In a food-order flow, what comes right after “open the menu”? (a) pay for the order (b) pick a dish (c) add it to the cart (d) check the cart
2. 2.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to add more taps (d) to skip testing
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Offers → Pens → Pay
   Design B: Home → Pens → Search → Size → Item → Menu → Pay
4. 4.🔢 In a food-order flow, what comes right after “pick a dish”? (a) pay for the order (b) add it to the cart (c) check the cart (d) open the menu
5. 5.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Shop → Item → Search → Pay → Cart
   Design B: Home → Results → Search → Pay
7. 7.🔍 Which is the odd one out? (a) text that can grow (b) fast-flashing lights (c) tiny tap areas (d) icons with no labels
8. 8.True or false: a wireframe uses plain grey boxes. (a) True (b) False
9. 9.🔢 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
10. 10.🧭 Which part of navigation hides extra links? (a) a menu button (b) the back button (c) a tab bar
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Help page”
    3. tap the Feed tab
    4. tap the Chat tab
    5. open “Edit photo”
    Which screen are you on now? (a) Feed (b) Help page (c) Edit photo (d) Chat
12. 12.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
13. 13.True or false: space between buttons is good button design. (a) True (b) False
14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Chat tab
    3. tap the Feed tab
    Which screen are you on now? (a) Map (b) Chat (c) Settings (d) Feed
15. 15.True or false: the theme colours is about UX (the experience). (a) True (b) False
16. 16.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) black on pale grey (d) dark blue on black
17. 17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 68 px tall
    Done button: 36 px tall
    Help button: 64 px tall (a) Save (b) Help (c) Done
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Help page”
    3. tap Back
    4. open “Edit photo”
    Which screen are you on now? (a) Help page (b) Home (c) Edit photo (d) Search
19. 19.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Video”
    3. tap the Lessons tab
    4. open “Friend list”
    Which screen are you on now? (a) Video (b) Lessons (c) Friend list (d) Quiz
21. 21.🧭 Which part of navigation undoes one move? (a) a tab bar (b) a menu button (c) the back button
22. 22.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) opens settings (d) goes to the last screen
23. 23.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 64 px tall
    Help button: 64 px tall
    Back button: 52 px tall
    Save button: 60 px tall
24. 24.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the phone is lost (c) the app is closed (d) the screen turns off
25. 25.Which of these is about UX (the experience)? (a) the button colours (b) whether users get lost (c) the screen layout (d) the icon shapes
26. 26.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) nobody (d) real users
27. 27.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 1 (c) 3 to 5 (d) 20
28. 28.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ search box ]
    [ tab bar ]
    [ big picture ]
    [ menu icon ] (a) menu icon (b) search box (c) tab bar
29. 29.Which of these is true of a wireframe? (a) uses plain grey boxes (b) looks like the real app (c) uses the final pictures (d) shows the real fonts
30. 30.🔍 Which is the odd one out? (a) how easy sign-up is (b) how fast a task is done (c) the screen layout (d) how many taps it takes
31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 17 px
    Hint: 22 px
    Menu: 18 px
    Caption: 10 px
32. 32.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
33. 33.True or false: “big touch targets” helps everyone use the app. (a) False (b) True
34. 34.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ search box ]
    [ title text ]
    [ menu icon ]
    [ top bar ]
    [ Save button ]
35. 35.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
36. 36.Which of these is true of the back button? (a) switches main sections (b) opens a list of pages (c) shows 3 to 5 icons (d) goes to the last screen
37. 37.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) pick an answer (c) read a question (d) see the final score
38. 38.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
39. 39.Which of these is about UX (the experience)? (a) the icon shapes (b) how users feel after (c) the button colours (d) the font size
40. 40.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Friend list”
    3. open “Video”
    Which screen are you on now? (a) Search (b) Friend list (c) Video (d) Home

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