App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 806 · 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 is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) shows the real fonts (d) is a quick sketch
2. 2.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) open the app (c) see the home screen (d) type name and email
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Cart → Size → Results → Shop
   Design B: Home → Size → Item → Address → Results → Pens (a) Design A (b) Design B
4. 4.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) in the cloud (b) on the phone
5. 5.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Profile tab
   2. open “Help page”
   3. open “Match report”
   4. tap Back
   Which screen are you on now? (a) Search (b) Help page (c) Match report (d) Home
7. 7.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Next button: 32 px tall
   Save button: 48 px tall
   Start button: 56 px tall (a) Save (b) Next (c) Start
8. 8.🔀 What is a user flow? (a) a colour theme (b) a type of font (c) a charging cable (d) the path through screens
9. 9.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
10. 10.✏️ Why draw a wireframe before coding? (a) it adds colours (b) changes are quick (c) it runs the app (d) it saves data
11. 11.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 16 px
    Hint: 14 px
    Title: 16 px
    Footer: 20 px
    Caption: 11 px
12. 12.True or false: “sudden loud sounds” helps everyone use the app. (a) True (b) False
13. 13.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
14. 14.🔘 Our rule: buttons are at least 48 px tall. The Send button is 20 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 → Offers → Search
    Design B: Home → Pens → Cart → Shop (a) Design B (b) Design A
16. 16.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Music", "Science", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Music (c) Art (d) Hindi
17. 17.True or false: the icon shapes is about UX (the experience). (a) False (b) True
18. 18.True or false: a clear word like Save is good button design. (a) False (b) True
19. 19.Which of these is about UX (the experience)? (a) the theme colours (b) how fast a task is done (c) the icon shapes (d) the screen layout
20. 20.Which of these is true of a tab bar? (a) goes to the last screen (b) switches main sections (c) opens a list of pages (d) undoes one move
21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Search → Size → Results → Shop → Pens
    Design B: Home → Search → Item → Confirm → Shop (a) Design A (b) Design B
22. 22.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
23. 23.Which of these is true of a final design? (a) uses plain grey boxes (b) uses the final pictures (c) shows where things go (d) is a quick sketch
24. 24.Which of these is true of a wireframe? (a) shows the real fonts (b) has no real colours (c) has the real colours (d) looks like the real app
25. 25.🧭 Why should every screen show where you are? (a) to use more battery (b) to hide the menu (c) so users do not get lost (d) to look busy
26. 26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Map”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
27. 27.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
28. 28.Which of these is true of a menu button? (a) undoes one move (b) switches main sections (c) shows 3 to 5 icons (d) opens a list of pages
29. 29.💾 Which can hold many values in order? (a) a switch (b) a list (c) a button (d) a single number
30. 30.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
31. 31.🎨 Is this about UI or UX: how fast a task is done? (a) UX (b) UI
32. 32.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ menu icon ]
    [ title text ]
    [ filter buttons ]
    [ tab bar ]
    [ search box ] (a) filter buttons (b) search box (c) title text (d) big picture
34. 34.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) chat messages to friends (d) the sound on/off setting
35. 35.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ menu icon ]
    [ list of items ]
    [ big picture ]
    [ title text ]
    [ Add button ]
    [ search box ] (a) menu icon (b) big picture (c) Add button (d) list of items
36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 10 px
    Title: 15 px
    Hint: 18 px
    Caption: 11 px
    Menu: 13 px
37. 37.True or false: icons with no meaning is good button design. (a) True (b) False
38. 38.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ Add button ]
    [ big picture ]
    [ title text ]
    [ top bar ] (a) Add button (b) big picture (c) top bar
39. 39.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
40. 40.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a 3D printer (c) pencil and paper (d) a microphone

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