App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 861 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Menu → Search
   Design B: Home → Search → Results → Pens → Pay
2. 2.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a picture goes here (d) a closed app
3. 3.Which of these is true of a final design? (a) shows the real fonts (b) is a quick sketch (c) uses plain grey boxes (d) shows where things go
4. 4.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
5. 5.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Score card”
   2. tap Back
   3. open “Match report”
   4. tap Back
   5. tap the Quiz tab
   Which screen are you on now? (a) Quiz (b) Score card (c) Lessons (d) Match report
6. 6.Which colour pair is easy to read? (a) yellow on white (b) dark blue on white (c) light grey on white (d) dark blue on black
7. 7.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Friend list”
   2. open “Video”
   3. tap the Quiz tab
   4. open “Badges”
   Which screen are you on now? (a) Friend list (b) Badges (c) Lessons (d) Video
8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Help page”
   2. open “Map”
   3. open “Help page”
   4. open “Map”
   5. open “Score card”
   Which screen are you on now? (a) Help page (b) Map (c) Feed (d) Score card
9. 9.🔘 Our rule: buttons are at least 48 px tall. The Back button is 24 px tall. How many px taller must it be?
10. 10.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) better UX (d) a bigger app
11. 11.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
12. 12.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
13. 13.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
14. 14.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 72 px tall
    Back button: 44 px tall
    Done button: 60 px tall
    Help button: 68 px tall (a) Done (b) Help (c) Next (d) Back
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. tap the Profile tab
    3. open “Match report”
    Which screen are you on now? (a) Match report (b) Home (c) Search (d) Profile
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ big picture ]
    [ title text ]
    [ menu icon ]
    [ Save button ]
    [ top bar ]
17. 17.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
18. 18.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Video”
    Which screen are you on now? (a) Feed (b) Match report (c) Chat (d) Video
19. 19.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) pencil and paper (d) a microphone
20. 20.True or false: your last game level fits saving in the cloud. (a) True (b) False
21. 21.💾 What number does this code show?
    let stars = 9;
    stars = stars - 8;
    stars = stars + 2;
    show(stars);
22. 22.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ list of items ]
    [ filter buttons ]
    [ top bar ]
    [ title text ]
    [ Save button ]
    [ search box ] (a) top bar (b) filter buttons (c) Save button (d) list of items
23. 23.Which of these fits saving in the cloud? (a) notes to read offline (b) the sound on/off setting (c) your last game level (d) a class leaderboard
24. 24.🔍 Which is the odd one out? (a) whether users get lost (b) how easy sign-up is (c) how users feel after (d) the button colours
25. 25.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Offers → Confirm → Size
    Design B: Home → Results → Offers → Menu
26. 26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Edit photo”
    3. tap Back
    Which screen are you on now? (a) Edit photo (b) Settings (c) Feed (d) Chat
27. 27.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) tab bar (d) shortcut
28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Results → Size → Search → Menu
    Design B: Home → Cart → Results
29. 29.Which of these makes the app harder to use? (a) strong colour contrast (b) labels on every icon (c) big touch targets (d) colour as the only clue
30. 30.🔢 In a food-order flow, which comes FIRST? (a) track the order (b) open the menu (c) add it to the cart (d) pay for the order
31. 31.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) shrink the app (c) never need a password (d) skip the internet
32. 32.🔢 In a quiz-app flow, what comes right after “read a question”? (a) see if it is right (b) tap “Start quiz” (c) see the final score (d) pick an answer
33. 33.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 68 px tall
    Next button: 36 px tall
    Back button: 56 px tall
    Done button: 68 px tall (a) Next (b) Back (c) Done (d) Send
34. 34.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Help page”
    3. tap Back
    4. tap the Chat tab
    5. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
35. 35.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) uses plain grey boxes (d) uses the final pictures
36. 36.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
37. 37.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 27 px
    Title: 26 px
    Caption: 23 px
    Label: 10 px
    Menu: 27 px (a) Footer (b) Title (c) Caption (d) Label
38. 38.Which of these is true of a final design? (a) has the real colours (b) uses plain grey boxes (c) is a quick sketch (d) shows where things go
39. 39.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) a menu button (c) the back button
40. 40.🔢 In a photo-post flow, which comes first: “add a filter” or “open the camera screen”? (a) add a filter (b) open the camera screen

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