App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 952 · 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 is the odd one out? (a) strong colour contrast (b) fast-flashing lights (c) tiny tap areas (d) colour as the only clue
2. 2.Which of these is about UI (the look)? (a) how fast a task is done (b) whether users get lost (c) how easy sign-up is (d) the theme colours
3. 3.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) write a caption (b) add a filter
4. 4.✏️ 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
5. 5.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) uses plain grey boxes (d) looks like the real app
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Offers → Cart → Confirm → Item
   Design B: Home → Confirm → Cart → Shop → Results → Menu
7. 7.🔍 Which is the odd one out? (a) text that can grow (b) labels on every icon (c) captions on videos (d) tiny tap areas
8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Offers → Size → Search → Item → Pay
   Design B: Home → Menu → Shop
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ list of items ]
   [ title text ]
   [ Add button ]
   [ big picture ]
   [ menu icon ] (a) menu icon (b) list of items (c) big picture (d) Add button
10. 10.Which colour pair is easy to read? (a) yellow on white (b) black on yellow (c) red on green (d) pale pink on white
11. 11.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) make a password (c) type name and email (d) open the app
12. 12.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
13. 13.True or false: how many taps it takes is about UI (the look). (a) True (b) False
14. 14.Which of these helps everyone use the app? (a) captions on videos (b) colour as the only clue (c) tiny tap areas (d) icons with no labels
15. 15.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) read a question (c) pick an answer (d) see if it is right
16. 16.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ list of items ]
    [ search box ]
    [ title text ]
    [ big picture ]
    [ Add button ]
    [ filter buttons ] (a) list of items (b) big picture (c) search box (d) filter buttons
17. 17.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
18. 18.♿ A screen has 7 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
19. 19.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) good UI but poor UX (d) perfect UX
20. 20.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the last app used (c) a random page (d) the phone settings
21. 21.🔢 In a photo-post flow, which comes first: “take the photo” or “open the camera screen”? (a) open the camera screen (b) take the photo
22. 22.True or false: a big, easy tap area is poor button design. (a) True (b) False
23. 23.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) see the home screen (c) type name and email (d) enter the code sent
24. 24.True or false: a wireframe looks like the real app. (a) False (b) True
25. 25.🔢 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
26. 26.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ title text ]
    [ filter buttons ]
    [ Add button ]
    [ list of items ] (a) title text (b) list of items (c) filter buttons
27. 27.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Profile tab
    3. tap the Profile tab
    Which screen are you on now? (a) Home (b) Profile (c) Video (d) Search
28. 28.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) pick an answer (c) see the final score (d) see if it is right
29. 29.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ menu icon ]
    [ Add button ]
    [ filter buttons ]
    [ Save button ] (a) menu icon (b) filter buttons (c) Add button (d) Save button
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 32 px tall
    Done button: 64 px tall
    Back button: 32 px tall
31. 31.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
32. 32.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ tab bar ]
    [ Save button ]
    [ Add button ]
    [ title text ]
    [ filter buttons ] (a) Save button (b) list of items (c) filter buttons (d) tab bar
33. 33.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 56 px tall
    Help button: 48 px tall
    Back button: 24 px tall (a) Help (b) Back (c) Send
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. The Send button is 32 px tall. How many px taller must it be?
37. 37.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Stars", "Kites", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Ocean (b) Kites (c) Stars (d) Rain
38. 38.Which of these is about UI (the look)? (a) how users feel after (b) how easy sign-up is (c) the screen layout (d) how fast a task is done
39. 39.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ list of items ]
    [ menu icon ]
    [ title text ]
    [ search box ] (a) search box (b) menu icon (c) tab bar (d) title text
40. 40.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone

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