App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 674 · 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.🎨 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
2. 2.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
3. 3.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
4. 4.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
5. 5.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) a type of password (d) the finished app
6. 6.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
7. 7.True or false: a tiny 20 px button is poor button design. (a) False (b) True
8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. tap Back
   3. open “Badges”
   4. tap the Home tab
   How many times must you tap Back to reach the main screen of this tab?
9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Friend list”
   2. tap the Quiz tab
   3. open “Video”
   4. tap the Lessons tab
   How many times must you tap Back to reach the main screen of this tab?
10. 10.🧭 Why should every screen show where you are? (a) to look busy (b) to use more battery (c) so users do not get lost (d) to hide the menu
11. 11.♿ Why add captions to videos? (a) to hide the sound (b) to add colour (c) to slow them down (d) so anyone can follow
12. 12.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a random page (d) a dead end
13. 13.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
14. 14.🔢 In a sign-up flow, which comes first: “make a password” or “see the home screen”? (a) see the home screen (b) make a password
15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Address → Cart → Menu → Shop → Search
    Design B: Home → Shop → Search → Pens → Menu → Address
16. 16.Which of these fits saving on the phone? (a) a class leaderboard (b) chat messages to friends (c) a shared to-do list (d) a draft you are typing
17. 17.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a phone case (c) a microphone (d) a 3D printer
18. 18.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. open “Score card”
    3. tap the Lessons tab
    4. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
20. 20.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) track the order (c) pay for the order (d) check the cart
21. 21.💾 What number does this code show?
    let songs = ["Kites", "Stars", "Monsoon", "Sunrise"];
    songs.push("Rain");
    songs.push("Ocean");
    show(songs.length);
22. 22.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ big picture ]
    [ menu icon ]
    [ list of items ]
    [ top bar ]
    [ title text ] (a) title text (b) menu icon (c) list of items (d) big picture
23. 23.🔢 In a food-order flow, which comes first: “add it to the cart” or “pay for the order”? (a) add it to the cart (b) pay for the order
24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Badges”
    3. open “Match report”
    4. tap the Settings tab
    Which screen are you on now? (a) Settings (b) Match report (c) Map (d) Badges
25. 25.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ filter buttons ]
    [ Save button ]
    [ menu icon ]
    [ Add button ]
    [ big picture ] (a) menu icon (b) filter buttons (c) big picture (d) top bar
26. 26.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) enter the code sent (b) type name and email
27. 27.True or false: a final design has no real colours. (a) True (b) False
28. 28.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 64 px tall
    Cancel button: 36 px tall
    Next button: 72 px tall
    Back button: 56 px tall (a) Next (b) Start (c) Back (d) Cancel
29. 29.Which colour pair is hard to read? (a) white on dark green (b) black on pale grey (c) black on yellow (d) red on green
30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Offers
    Design B: Home → Menu → Address → Shop → Confirm → Cart
31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ top bar ]
    [ Save button ]
    [ search box ]
    [ list of items ]
32. 32.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) it saves data (d) changes are quick
33. 33.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) how fast a task is done (d) the icon shapes
34. 34.Which of these is true of a wireframe? (a) has the real colours (b) shows where things go (c) uses the final pictures (d) looks like the real app
35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Edit photo”
    3. tap the Profile tab
    Which screen are you on now? (a) Edit photo (b) Match report (c) Profile (d) Home
36. 36.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
37. 37.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
38. 38.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
39. 39.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) open the app (c) tap “Sign up” (d) type name and email
40. 40.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Save button ]
    [ Add button ]
    [ big picture ]
    [ search box ]
    [ top bar ]
    [ list of items ] (a) big picture (b) list of items (c) top bar (d) search box

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