App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 603 · 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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Score card”
   2. tap Back
   3. open “Edit photo”
   4. tap the Quiz tab
   5. open “Badges”
   Which screen are you on now? (a) Badges (b) Lessons (c) Edit photo (d) Score card
2. 2.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Score card”
   2. tap Back
   3. open “Score card”
   Which screen are you on now? (a) Quiz (b) Score card (c) Me (d) Lessons
3. 3.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
4. 4.Which colour pair is easy to read? (a) black on pale grey (b) yellow on white (c) pale pink on white (d) dark blue on black
5. 5.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a charging cable (d) a type of password
6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Body text: 26 px
   Footer: 25 px
   Caption: 10 px (a) Footer (b) Body text (c) Caption
7. 7.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
8. 8.🔢 In a photo-post flow, which comes first: “add a filter” or “write a caption”? (a) write a caption (b) add a filter
9. 9.🖼️ In this wireframe (top to bottom), what is right below the Save button?
   [ Save button ]
   [ Add button ]
   [ tab bar ]
   [ big picture ] (a) big picture (b) Add button (c) tab bar
10. 10.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
11. 11.🔍 Which is the odd one out? (a) strong colour contrast (b) sudden loud sounds (c) text that can grow (d) big touch targets
12. 12.🔍 Which is the odd one out? (a) whether users get lost (b) the font size (c) how easy sign-up is (d) how fast a task is done
13. 13.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ big picture ]
    [ tab bar ]
    [ filter buttons ]
    [ menu icon ] (a) big picture (b) menu icon (c) filter buttons
14. 14.🔘 Our rule: buttons are at least 48 px tall. The Save button is 40 px tall. How many px taller must it be?
15. 15.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Size → Item → Confirm → Address
    Design B: Home → Offers → Shop (a) Design A (b) Design B
16. 16.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 32 px tall
    Save button: 56 px tall
    Start button: 64 px tall (a) Done (b) Save (c) Start
17. 17.True or false: your last game level fits saving in the cloud. (a) False (b) True
18. 18.Which colour pair is hard to read? (a) black on yellow (b) light grey on white (c) black on pale grey (d) dark blue on white
19. 19.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
20. 20.🔍 Which is the odd one out? (a) captions on videos (b) labels on every icon (c) icons with no labels (d) big touch targets
21. 21.💾 What number does this code show?
    let coins = 7;
    coins = coins - 6;
    coins = coins + 5;
    show(coins);
22. 22.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
23. 23.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ top bar ]
    [ Save button ]
    [ search box ]
    [ menu icon ]
    [ Add button ] (a) Add button (b) top bar (c) Save button (d) menu icon
24. 24.True or false: a final design is a quick sketch. (a) True (b) False
25. 25.🔍 Which is the odd one out? (a) labels on every icon (b) strong colour contrast (c) fast-flashing lights (d) text that can grow
26. 26.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) fast-flashing lights (d) strong colour contrast
27. 27.True or false: a tiny 20 px button is poor button design. (a) False (b) True
28. 28.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Shop → Search → Cart → Size → Address
    Design B: Home → Item → Address → Pens → Results → Menu
29. 29.💾 What number does this code show?
    let notes = ["Science", "Hindi", "Art", "Sports"];
    notes.push("Music");
    notes.push("Maths");
    show(notes.length);
30. 30.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
31. 31.True or false: the sound on/off setting fits saving on the phone. (a) False (b) True
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 52 px tall
    Help button: 36 px tall
    Start button: 52 px tall
33. 33.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
34. 34.🔍 Which is the odd one out? (a) colour as the only clue (b) strong colour contrast (c) text that can grow (d) big touch targets
35. 35.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) open the camera screen (c) post the photo (d) add a filter
36. 36.Which of these is about UX (the experience)? (a) the icon shapes (b) the font size (c) the button colours (d) how easy sign-up is
37. 37.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ title text ] (a) Save button (b) tab bar (c) search box (d) title text
38. 38.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
39. 39.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
40. 40.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ filter buttons ]
    [ menu icon ]
    [ Add button ]
    [ big picture ]
    [ Save button ]

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