App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 137 · 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 is a tab bar usually placed in a phone app? (a) at the bottom (b) in the middle (c) inside a button (d) nowhere
2. 2.♿ A screen has 8 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Offers → Search → Pens
   Design B: Home → Offers → Results → Shop → Pens → Menu
4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Settings tab
   2. tap the Feed tab
   3. tap the Feed tab
   4. open “Video”
   5. tap the Settings tab
   How many times must you tap Back to reach the main screen of this tab?
5. 5.Which of these fits saving in the cloud? (a) notes to read offline (b) a draft you are typing (c) a shared to-do list (d) the sound on/off setting
6. 6.💾 What number does this code show?
   let friends = ["Kabir", "Riya"];
   friends.push("Meera");
   show(friends.length);
7. 7.Which of these is true of a menu button? (a) opens a list of pages (b) undoes one move (c) switches main sections (d) shows 3 to 5 icons
8. 8.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
9. 9.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a charging cable (d) a type of font
10. 10.Which of these fits saving on the phone? (a) a shared to-do list (b) photos on two devices (c) a class leaderboard (d) your last game level
11. 11.True or false: the font size is about UX (the experience). (a) True (b) False
12. 12.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 56 px tall
    Save button: 32 px tall
    Cancel button: 48 px tall
    Next button: 60 px tall
13. 13.♿ What does a screen reader do? (a) takes photos (b) plays music (c) makes text tiny (d) reads the screen aloud
14. 14.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ tab bar ]
    [ menu icon ]
    [ big picture ]
    [ Add button ]
    [ top bar ] (a) tab bar (b) top bar (c) big picture (d) Add button
15. 15.Which colour pair is easy to read? (a) light grey on white (b) white on black (c) red on green (d) dark blue on black
16. 16.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 20 px
    Title: 14 px
    Label: 24 px
    Footer: 16 px
17. 17.Which of these helps everyone use the app? (a) sudden loud sounds (b) colour as the only clue (c) icons with no labels (d) captions on videos
18. 18.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
19. 19.🔍 Which is the odd one out? (a) icons with no labels (b) labels on every icon (c) tiny tap areas (d) fast-flashing lights
20. 20.Which of these is true of a wireframe? (a) uses the final pictures (b) shows the real fonts (c) looks like the real app (d) has no real colours
21. 21.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 14 px
    Body text: 21 px
    Label: 13 px
    Hint: 23 px
    Footer: 16 px
22. 22.♿ A screen has 8 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
23. 23.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap Back
    3. open “Badges”
    Which screen are you on now? (a) Lessons (b) Badges (c) Quiz (d) Video
24. 24.True or false: whether users get lost is about UI (the look). (a) True (b) False
25. 25.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) write a caption (c) open the camera screen (d) take the photo
26. 26.True or false: icons with no meaning is good button design. (a) True (b) False
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Pay → Pens → Menu → Size → Offers
    Design B: Home → Address → Offers → Confirm → Results → Menu
28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Chat tab
    3. open “Map”
    4. tap Back
    5. open “Map”
    Which screen are you on now? (a) Feed (b) Badges (c) Map (d) Chat
29. 29.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Help page”
    3. tap the Lessons tab
    4. tap the Lessons tab
    5. open “Video”
    Which screen are you on now? (a) Lessons (b) Quiz (c) Video (d) Help page
30. 30.🔢 In a sign-up flow, which comes first: “enter the code sent” or “see the home screen”? (a) enter the code sent (b) see the home screen
31. 31.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) deletes the page (d) closes all apps
32. 32.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
33. 33.Which of these is true of a tab bar? (a) sits at the bottom (b) goes to the last screen (c) undoes one move (d) hides extra links
34. 34.True or false: a wireframe uses plain grey boxes. (a) True (b) False
35. 35.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Item → Search → Offers
    Design B: Home → Shop → Offers → Pay → Item
37. 37.Which of these fits saving on the phone? (a) a class leaderboard (b) the sound on/off setting (c) chat messages to friends (d) photos on two devices
38. 38.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 16 px
    Body text: 15 px
    Menu: 15 px
39. 39.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 56 px tall
    Save button: 44 px tall
    Done button: 48 px tall (a) Send (b) Done (c) Save
40. 40.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read

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