App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 502 · 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.Which of these helps everyone use the app? (a) colour as the only clue (b) text that can grow (c) sudden loud sounds (d) tiny tap areas
2. 2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Send button: 36 px tall
   Start button: 64 px tall
   Back button: 52 px tall
3. 3.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Save button: 44 px tall
   Cancel button: 44 px tall
   Back button: 60 px tall
4. 4.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) enter the code sent (c) open the app (d) tap “Sign up”
5. 5.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
6. 6.Which of these is true of a wireframe? (a) shows the real fonts (b) uses plain grey boxes (c) looks like the real app (d) uses the final pictures
7. 7.Which of these fits saving in the cloud? (a) photos on two devices (b) your last game level (c) the sound on/off setting (d) a draft you are typing
8. 8.🔍 Which is the odd one out? (a) colour as the only clue (b) strong colour contrast (c) tiny tap areas (d) fast-flashing lights
9. 9.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
   Start button: 60 px tall
   Back button: 64 px tall
   Send button: 64 px tall
   Help button: 40 px tall
10. 10.True or false: a wireframe shows where things go. (a) True (b) False
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Feed tab
    3. open “Match report”
    Which screen are you on now? (a) Feed (b) Chat (c) Badges (d) Match report
12. 12.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ filter buttons ]
    [ big picture ]
    [ list of items ]
14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Cart
    Design B: Home → Pay → Shop → Menu → Cart
15. 15.🔘 Our rule: buttons are at least 48 px tall. The Back button is 28 px tall. How many px taller must it be?
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ search box ]
    [ big picture ]
    [ tab bar ]
    [ Add button ]
17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Pay → Results
    Design B: Home → Search → Address → Offers → Pay → Results
18. 18.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
19. 19.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ filter buttons ]
    [ top bar ]
    [ search box ]
    [ big picture ]
    [ list of items ] (a) search box (b) list of items (c) top bar (d) filter buttons
20. 20.🔍 Which is the odd one out? (a) the screen layout (b) the button colours (c) whether users get lost (d) the icon shapes
21. 21.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
22. 22.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ tab bar ]
    [ Add button ]
    [ title text ]
    [ menu icon ] (a) menu icon (b) title text (c) Add button (d) Save button
23. 23.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
24. 24.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) read a question (b) see the final score
25. 25.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Address → Shop → Search → Results → Cart
    Design B: Home → Results → Size → Shop → Pens
27. 27.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Art", "Maths", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Art (c) Hindi (d) Maths
28. 28.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 25 px
    Hint: 28 px
    Body text: 26 px
    Title: 21 px
    Label: 11 px (a) Hint (b) Body text (c) Caption (d) Label
29. 29.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
30. 30.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) a type of password (d) the finished app
31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Badges”
    4. open “Score card”
    Which screen are you on now? (a) Map (b) Badges (c) Lessons (d) Score card
32. 32.Which of these fits saving in the cloud? (a) your last game level (b) the sound on/off setting (c) a shared to-do list (d) a draft you are typing
33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Friend list”
    3. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
34. 34.♿ What does a screen reader do? (a) plays music (b) reads the screen aloud (c) makes text tiny (d) takes photos
35. 35.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
36. 36.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) no UI at all (c) good UI but poor UX (d) perfect UX
37. 37.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) colour as the only clue (d) strong colour contrast
38. 38.Which colour pair is hard to read? (a) dark blue on white (b) black on yellow (c) white on dark green (d) pale pink on white
39. 39.💾 What number does this code show?
    let score = 9;
    score = score - 4;
    score = score + 2;
    show(score);
40. 40.Which of these is true of a wireframe? (a) looks like the real app (b) shows where things go (c) shows the real fonts (d) has the real colours

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