App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 160 · 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: buttons are at least 48 px tall. Which button is too small?
   Back button: 48 px tall
   Cancel button: 72 px tall
   Done button: 32 px tall (a) Back (b) Cancel (c) Done
2. 2.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) shortcut (d) home screen
3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Add button ]
   [ tab bar ]
   [ title text ]
   [ menu icon ]
   [ top bar ]
   [ Save button ] (a) top bar (b) Add button (c) menu icon (d) Save button
4. 4.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) sits at the bottom (d) hides extra links
5. 5.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Hint: 18 px
   Body text: 25 px
   Caption: 13 px
   Menu: 17 px (a) Body text (b) Hint (c) Caption (d) Menu
6. 6.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
7. 7.Which of these is true of the back button? (a) sits at the bottom (b) opens a list of pages (c) shows 3 to 5 icons (d) goes to the last screen
8. 8.💾 Data saved only on the phone is lost when ___. (a) you send a message (b) the phone is lost (c) the app is closed (d) the screen turns off
9. 9.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
10. 10.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ big picture ]
    [ Add button ]
    [ tab bar ]
    [ filter buttons ]
    [ title text ] (a) title text (b) filter buttons (c) tab bar (d) big picture
11. 11.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) see the final score (c) pick an answer (d) see if it is right
12. 12.🔍 Which is the odd one out? (a) colour as the only clue (b) big touch targets (c) icons with no labels (d) tiny tap areas
13. 13.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ big picture ]
    [ Save button ] (a) list of items (b) menu icon (c) big picture (d) top bar
14. 14.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
15. 15.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 3 to 5 (d) 1
16. 16.🔢 In a food-order flow, which comes first: “add it to the cart” or “pick a dish”? (a) pick a dish (b) add it to the cart
17. 17.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
18. 18.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. open “Badges”
    3. tap Back
    4. tap Back
    Which screen are you on now? (a) Feed (b) Badges (c) Chat (d) Settings
20. 20.Which of these helps everyone use the app? (a) colour as the only clue (b) icons with no labels (c) sudden loud sounds (d) text that can grow
21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap Back
    3. open “Map”
    4. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
22. 22.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) shrink the app (d) use it on any device
23. 23.🔢 In a quiz-app flow, what comes right after “read a question”? (a) tap “Start quiz” (b) see the final score (c) pick an answer (d) see if it is right
24. 24.🔘 Our rule: buttons are at least 48 px tall. The Next button is 20 px tall. How many px taller must it be?
25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Feed tab
    3. tap the Feed tab
    Which screen are you on now? (a) Feed (b) Map (c) Settings (d) Chat
26. 26.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Video”
    3. tap the Me tab
    4. open “Map”
    5. tap the Me tab
    How many times must you tap Back to reach the main screen of this tab?
28. 28.🔢 In a photo-post flow, which comes FIRST? (a) open the camera screen (b) post the photo (c) write a caption (d) add a filter
29. 29.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
    [ menu icon ]
    [ title text ]
    [ search box ]
    [ filter buttons ]
    [ list of items ] (a) search box (b) title text (c) list of items (d) menu icon
30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ search box ]
    [ filter buttons ]
    [ top bar ]
    [ big picture ]
31. 31.Which colour pair is hard to read? (a) black on yellow (b) white on dark green (c) pale pink on white (d) black on pale grey
32. 32.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
33. 33.💾 What number does this code show?
    let notes = ["Hindi", "Maths", "Sports", "Art"];
    notes.push("Music");
    show(notes.length);
34. 34.Which of these is true of a wireframe? (a) uses plain grey boxes (b) has the real colours (c) uses the final pictures (d) looks like the real app
35. 35.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) shows 3 to 5 icons (d) hides extra links
36. 36.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Maths", "Art", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Science (c) Music (d) Maths
37. 37.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) real users (d) nobody
38. 38.True or false: how fast a task is done is about UX (the experience). (a) True (b) False
39. 39.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it runs the app (c) it adds colours (d) it saves data
40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Shop → Address → Menu
    Design B: Home → Cart → Confirm → Size

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