App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 37 · 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.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) better UX (c) more colours (d) worse UX
2. 2.Which colour pair is hard to read? (a) black on pale grey (b) white on dark green (c) dark blue on white (d) red on green
3. 3.Which of these is about UI (the look)? (a) how users feel after (b) how fast a task is done (c) how many taps it takes (d) the theme colours
4. 4.🔍 Which is the odd one out? (a) the button colours (b) how users feel after (c) whether users get lost (d) how many taps it takes
5. 5.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) enter the code sent (b) make a password
6. 6.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
7. 7.🎨 UI stands for user ___. (a) internet (b) input (c) idea (d) interface
8. 8.🔢 In a photo-post flow, which comes first: “add a filter” or “write a caption”? (a) add a filter (b) write a caption
9. 9.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
10. 10.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ menu icon ]
    [ Save button ]
    [ big picture ]
    [ top bar ]
    [ search box ]
    [ Add button ] (a) Save button (b) menu icon (c) search box (d) top bar
11. 11.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ list of items ]
    [ tab bar ]
    [ search box ]
    [ big picture ] (a) list of items (b) tab bar (c) big picture
12. 12.🔍 Which is the odd one out? (a) text that can grow (b) icons with no labels (c) tiny tap areas (d) sudden loud sounds
13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Help page”
    3. open “Edit photo”
    4. tap the Settings tab
    5. tap the Feed tab
    Which screen are you on now? (a) Help page (b) Chat (c) Edit photo (d) Feed
14. 14.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 23 px
    Menu: 16 px
    Caption: 20 px
    Footer: 17 px
    Title: 10 px (a) Caption (b) Title (c) Body text (d) Menu
15. 15.🔢 In a food-order flow, which comes LAST? (a) track the order (b) add it to the cart (c) open the menu (d) pay for the order
16. 16.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it adds colours (d) it saves data
17. 17.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to look busy (c) to use more battery (d) to hide the menu
18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 52 px tall
    Save button: 72 px tall
    Start button: 72 px tall
    Send button: 44 px tall (a) Send (b) Save (c) Help (d) Start
19. 19.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) the finished app (d) a simple screen sketch
20. 20.💾 What number does this code show?
    let notes = ["Sports", "Art", "Science"];
    notes.push("Maths");
    show(notes.length);
21. 21.💾 What number does this code show?
    let stars = 3;
    stars = stars - 1;
    stars = stars + 2;
    show(stars);
22. 22.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) shows the real fonts (d) is a quick sketch
23. 23.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) your last game level (d) photos on two devices
24. 24.Which of these is about UI (the look)? (a) the icon shapes (b) how users feel after (c) how easy sign-up is (d) how fast a task is done
25. 25.Which colour pair is easy to read? (a) dark blue on black (b) light grey on white (c) yellow on white (d) white on black
26. 26.Which of these is true of the back button? (a) shows 3 to 5 icons (b) opens a list of pages (c) undoes one move (d) sits at the bottom
27. 27.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    [ Save button ]
    [ title text ]
    [ list of items ] (a) list of items (b) top bar (c) big picture (d) Save button
28. 28.🔢 In a quiz-app flow, which comes first: “see the final score” or “see if it is right”? (a) see the final score (b) see if it is right
29. 29.True or false: a final design shows where things go. (a) True (b) False
30. 30.🔍 Which is the odd one out? (a) labels on every icon (b) strong colour contrast (c) tiny tap areas (d) captions on videos
31. 31.Which of these makes the app harder to use? (a) captions on videos (b) big touch targets (c) labels on every icon (d) tiny tap areas
32. 32.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) in the middle (c) nowhere (d) at the bottom
33. 33.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) tap “Sign up” (b) make a password
34. 34.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 19 px
    Hint: 10 px
    Footer: 24 px
35. 35.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 72 px tall
    Done button: 48 px tall
    Save button: 52 px tall
    Back button: 24 px tall (a) Done (b) Save (c) Help (d) Back
36. 36.🧭 Which part of navigation sits at the bottom? (a) a tab bar (b) the back button (c) a menu button
37. 37.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
38. 38.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
39. 39.♿ Accessibility means an app works for ___. (a) everyone (b) only the coder (c) nobody (d) only experts
40. 40.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Friend list”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?

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