App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 390 · 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.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) tap “Start quiz” (b) see if it is right
2. 2.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
3. 3.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 10 (c) 2 (d) 0
4. 4.True or false: grey text on grey is good button design. (a) True (b) False
5. 5.Which of these is true of a tab bar? (a) hides extra links (b) opens a list of pages (c) switches main sections (d) goes to the last screen
6. 6.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) no UI at all (c) good UI but poor UX (d) good UX but poor UI
7. 7.💾 What number does this code show?
   let stars = 7;
   stars = stars - 5;
   stars = stars + 4;
   show(stars);
8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Match report”
   2. tap Back
   3. open “Match report”
   4. tap the Quiz tab
   How many times must you tap Back to reach the main screen of this tab?
9. 9.🔘 Is this good or poor button design: icons with no meaning? (a) poor design (b) good design
10. 10.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 19 px
    Footer: 18 px
    Caption: 28 px
    Label: 10 px
    Title: 23 px (a) Menu (b) Label (c) Footer (d) Caption
11. 11.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ Save button ]
    [ top bar ]
    [ tab bar ]
    [ title text ]
    [ filter buttons ]
    [ Add button ] (a) Save button (b) filter buttons (c) top bar (d) title text
12. 12.🔍 Which is the odd one out? (a) tiny tap areas (b) text that can grow (c) captions on videos (d) big touch targets
13. 13.🧭 About how many tabs suit a tab bar best? (a) 1 (b) 10 to 12 (c) 20 (d) 3 to 5
14. 14.🎨 Who should you test the UX with? (a) only yourself (b) real users (c) nobody (d) the app icon
15. 15.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
16. 16.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
17. 17.🔍 Which is the odd one out? (a) the screen layout (b) the theme colours (c) the button colours (d) how fast a task is done
18. 18.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
19. 19.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Riya", "Zoya", "Arjun"];
    show(friends[2]); (a) Riya (b) Aman (c) Arjun (d) Zoya
20. 20.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
21. 21.Which of these makes the app harder to use? (a) labels on every icon (b) big touch targets (c) icons with no labels (d) strong colour contrast
22. 22.Which of these is about UI (the look)? (a) how fast a task is done (b) whether users get lost (c) how easy sign-up is (d) the font size
23. 23.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
24. 24.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 11 px
    Title: 21 px
    Caption: 25 px
    Hint: 21 px
    Label: 26 px (a) Title (b) Hint (c) Body text (d) Caption
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Pay → Pens
    Design B: Home → Shop → Menu → Cart → Pay → Results → Address
27. 27.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Profile tab
    Which screen are you on now? (a) Search (b) Profile (c) Edit photo (d) Home
29. 29.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
30. 30.Which of these fits saving in the cloud? (a) the sound on/off setting (b) your last game level (c) notes to read offline (d) photos on two devices
31. 31.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Add button ]
    [ menu icon ]
    [ title text ]
    [ list of items ]
    [ big picture ] (a) list of items (b) big picture (c) Add button (d) title text
32. 32.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) tap “Start quiz” (c) read a question (d) see if it is right
33. 33.🔍 Which is the odd one out? (a) sudden loud sounds (b) labels on every icon (c) icons with no labels (d) fast-flashing lights
34. 34.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) makes it harder (b) helps everyone
35. 35.True or false: a final design looks like the real app. (a) False (b) True
36. 36.True or false: “icons with no labels” helps everyone use the app. (a) False (b) True
37. 37.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ title text ]
    [ Add button ]
    [ top bar ]
    [ Save button ] (a) Add button (b) title text (c) Save button (d) top bar
38. 38.♿ A screen has 6 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
39. 39.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 21 px
    Title: 9 px
    Footer: 21 px
    Hint: 21 px (a) Body text (b) Footer (c) Title (d) Hint
40. 40.True or false: a final design shows where things go. (a) False (b) True

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