App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 171 · 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.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Label: 20 px
   Caption: 20 px
   Title: 10 px
2. 2.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 20 (c) 10 to 12 (d) 3 to 5
3. 3.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
4. 4.💾 Which can hold many values in order? (a) a switch (b) a list (c) a single number (d) a button
5. 5.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
6. 6.🔍 Which is the odd one out? (a) strong colour contrast (b) big touch targets (c) colour as the only clue (d) captions on videos
7. 7.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) tap “Start quiz” (c) pick an answer (d) see the final score
8. 8.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
9. 9.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) see the home screen (b) type name and email
10. 10.Which of these makes the app harder to use? (a) labels on every icon (b) colour as the only clue (c) text that can grow (d) strong colour contrast
11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 44 px tall
    Done button: 64 px tall
    Next button: 64 px tall
12. 12.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) uses plain grey boxes (d) looks like the real app
13. 13.Which of these is true of a wireframe? (a) shows where things go (b) has the real colours (c) uses the final pictures (d) shows the real fonts
14. 14.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) open the app (c) enter the code sent (d) see the home screen
15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Quiz tab
    3. open “Match report”
    Which screen are you on now? (a) Lessons (b) Me (c) Match report (d) Quiz
16. 16.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a long animation (d) a text label
17. 17.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 48 px tall
    Next button: 56 px tall
    Send button: 24 px tall (a) Send (b) Cancel (c) Next
19. 19.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ title text ]
    [ Add button ]
    [ menu icon ]
    [ filter buttons ]
    [ big picture ]
    [ search box ] (a) search box (b) filter buttons (c) Add button (d) big picture
20. 20.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) the sound on/off setting (d) photos on two devices
21. 21.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) the same screen (c) a clear next step (d) a random page
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Edit photo”
    3. tap the Feed tab
    4. open “Friend list”
    Which screen are you on now? (a) Feed (b) Friend list (c) Edit photo (d) Chat
23. 23.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
24. 24.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
25. 25.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) tap “Sign up” (c) see the home screen (d) open the app
26. 26.Which colour pair is hard to read? (a) black on yellow (b) white on black (c) white on dark green (d) dark blue on black
27. 27.✏️ What is a wireframe? (a) the finished app (b) a simple screen sketch (c) a type of password (d) a charging cable
28. 28.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “enter the code sent”? (a) tap “Sign up” (b) enter the code sent
29. 29.True or false: how users feel after is about UI (the look). (a) True (b) False
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Item → Confirm → Address → Pens
    Design B: Home → Pens → Shop (a) Design B (b) Design A
31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Offers → Pens → Search → Size → Pay
    Design B: Home → Menu → Address → Item → Size
32. 32.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Ocean", "Kites", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Kites (c) Rain (d) Ocean
33. 33.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
34. 34.💾 What number does this code show?
    let lives = 6;
    lives = lives - 6;
    lives = lives + 1;
    show(lives);
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. open “Map”
    4. tap the Chat tab
    5. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
36. 36.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
37. 37.True or false: space between buttons is good button design. (a) False (b) True
38. 38.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
39. 39.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) perfect UX (d) good UI but poor UX
40. 40.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ top bar ]
    [ big picture ]
    [ search box ]
    [ filter buttons ] (a) search box (b) top bar (c) filter buttons

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