App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 92 · 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 food-order flow, which comes FIRST? (a) open the menu (b) pick a dish (c) check the cart (d) track the order
2. 2.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Next button: 64 px tall
   Send button: 32 px tall
   Start button: 72 px tall
   Help button: 56 px tall (a) Help (b) Next (c) Start (d) Send
3. 3.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) it saves data (d) changes are quick
4. 4.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
5. 5.🖼️ How many parts (boxes) does this wireframe have?
   [ search box ]
   [ tab bar ]
   [ Save button ]
   [ title text ]
   [ top bar ]
6. 6.Which colour pair is easy to read? (a) light grey on white (b) yellow on white (c) pale pink on white (d) white on black
7. 7.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) notes to read offline (d) photos on two devices
8. 8.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) enter the code sent (c) type name and email (d) see the home screen
9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Quiz tab
   2. open “Help page”
   3. tap the Quiz tab
   4. open “Edit photo”
   5. tap Back
   Which screen are you on now? (a) Lessons (b) Help page (c) Quiz (d) Edit photo
10. 10.🔘 Our rule: buttons are at least 48 px tall. The Help button is 32 px tall. How many px taller must it be?
11. 11.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) post the photo (b) write a caption
12. 12.🔍 Which is the odd one out? (a) fast-flashing lights (b) text that can grow (c) big touch targets (d) strong colour contrast
13. 13.Which of these fits saving in the cloud? (a) notes to read offline (b) a draft you are typing (c) your last game level (d) photos on two devices
14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Home tab
    3. open “Friend list”
    Which screen are you on now? (a) Search (b) Friend list (c) Profile (d) Home
15. 15.Which of these is true of a final design? (a) shows where things go (b) has the real colours (c) is a quick sketch (d) uses plain grey boxes
16. 16.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 22 px
    Title: 11 px
    Hint: 24 px
17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 20 px
    Body text: 9 px
    Label: 16 px
    Footer: 27 px
    Menu: 16 px (a) Label (b) Body text (c) Caption (d) Footer
18. 18.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) sits at the bottom (d) opens a list of pages
19. 19.Which of these is true of a menu button? (a) sits at the bottom (b) goes to the last screen (c) shows 3 to 5 icons (d) hides extra links
20. 20.True or false: how easy sign-up is is about UX (the experience). (a) False (b) True
21. 21.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Arjun", "Riya", "Zoya"];
    show(friends[2]); (a) Meera (b) Arjun (c) Zoya (d) Riya
22. 22.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap the Home tab
    3. open “Map”
    4. tap Back
    Which screen are you on now? (a) Search (b) Home (c) Map (d) Friend list
23. 23.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
24. 24.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
25. 25.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Results → Offers → Shop
    Design B: Home → Offers → Search
27. 27.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
28. 28.Which colour pair is easy to read? (a) dark blue on black (b) pale pink on white (c) black on yellow (d) red on green
29. 29.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) uses the final pictures (d) shows where things go
30. 30.True or false: the icon shapes is about UX (the experience). (a) False (b) True
31. 31.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
32. 32.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
33. 33.Which of these is about UX (the experience)? (a) the screen layout (b) the theme colours (c) how users feel after (d) the button colours
34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Help page”
    3. tap Back
    4. tap Back
    5. open “Help page”
    Which screen are you on now? (a) Search (b) Home (c) Badges (d) Help page
35. 35.♿ What does a screen reader do? (a) makes text tiny (b) takes photos (c) plays music (d) reads the screen aloud
36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 44 px tall
    Cancel button: 56 px tall
    Save button: 64 px tall
    Back button: 48 px tall (a) Cancel (b) Save (c) Back (d) Help
37. 37.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) pencil and paper (d) a 3D printer
38. 38.True or false: a clear word like Save is poor button design. (a) True (b) False
39. 39.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
40. 40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 56 px tall
    Send button: 44 px tall
    Help button: 60 px tall
    Save button: 68 px tall (a) Send (b) Cancel (c) Help (d) Save

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