App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 232 · 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.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
2. 2.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pens → Cart → Menu
   Design B: Home → Size → Confirm → Offers → Pens → Item (a) Design A (b) Design B
3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Done button: 64 px tall
   Help button: 32 px tall
   Next button: 36 px tall
4. 4.✏️ What is a wireframe? (a) a type of password (b) a charging cable (c) the finished app (d) a simple screen sketch
5. 5.🔍 Which is the odd one out? (a) how many taps it takes (b) how fast a task is done (c) the screen layout (d) how easy sign-up is
6. 6.Which of these fits saving in the cloud? (a) the sound on/off setting (b) your last game level (c) a draft you are typing (d) a class leaderboard
7. 7.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 10 (c) 0 (d) 2
8. 8.Which of these is about UX (the experience)? (a) the button colours (b) the icon shapes (c) how fast a task is done (d) the screen layout
9. 9.💾 Which can hold many values in order? (a) a list (b) a single number (c) a switch (d) a button
10. 10.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) pale pink on white (d) white on dark green
11. 11.♿ A screen has 9 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
12. 12.🔀 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
13. 13.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) captions on videos (d) tiny tap areas
14. 14.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) chat messages to friends (d) your last game level
15. 15.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 36 px tall
    Save button: 36 px tall
    Done button: 32 px tall
    Back button: 64 px tall
16. 16.True or false: icons with no meaning is good button design. (a) False (b) True
17. 17.🔢 In a food-order flow, what comes right after “pay for the order”? (a) add it to the cart (b) open the menu (c) track the order (d) pick a dish
18. 18.Which colour pair is hard to read? (a) red on green (b) black on pale grey (c) white on black (d) dark blue on white
19. 19.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
20. 20.🔘 Our rule: buttons are at least 48 px tall. The Start button is 20 px tall. How many px taller must it be?
21. 21.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) enter the code sent (c) make a password (d) tap “Sign up”
22. 22.💾 What number does this code show?
    let notes = ["Hindi", "Music"];
    notes.push("Maths");
    show(notes.length);
23. 23.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ title text ]
    [ search box ]
    [ big picture ]
    [ top bar ]
    [ Add button ] (a) title text (b) search box (c) big picture (d) top bar
24. 24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Score card”
    3. tap the Me tab
    Which screen are you on now? (a) Lessons (b) Score card (c) Me (d) Quiz
25. 25.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ list of items ]
    [ search box ]
    [ tab bar ] (a) list of items (b) Add button (c) tab bar (d) search box
26. 26.✏️ Why draw a wireframe before coding? (a) it adds colours (b) changes are quick (c) it runs the app (d) it saves data
27. 27.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
28. 28.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True
29. 29.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) the icon shapes (d) the theme colours
30. 30.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) see the final score (c) read a question (d) see if it is right
31. 31.Which of these is about UX (the experience)? (a) the button colours (b) how many taps it takes (c) the icon shapes (d) the screen layout
32. 32.True or false: a clear word like Save is poor button design. (a) False (b) True
33. 33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. open “Map”
    3. tap the Search tab
    4. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
34. 34.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ search box ]
    [ tab bar ]
    [ top bar ]
    [ list of items ] (a) list of items (b) top bar (c) tab bar (d) search box
35. 35.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
36. 36.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
37. 37.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ menu icon ]
    [ tab bar ]
    [ filter buttons ]
    [ Save button ]
38. 38.Which of these is true of a menu button? (a) undoes one move (b) shows 3 to 5 icons (c) goes to the last screen (d) hides extra links
39. 39.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
40. 40.🎨 UX stands for user ___. (a) express (b) example (c) extra (d) experience

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