App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 421 · 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 part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Search → Cart → Item → Pay → Menu
   Design B: Home → Pay → Item → Menu
3. 3.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) hides extra links (d) sits at the bottom
4. 4.💾 What number does this code show?
   let songs = ["Sunrise", "Kites", "Ocean", "Stars"];
   songs.push("Monsoon");
   show(songs.length);
5. 5.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Shop → Cart
   Design B: Home → Size → Address → Offers → Pens
7. 7.💾 What number does this code show?
   let notes = ["Music", "Maths", "Art", "Science"];
   notes.push("Hindi");
   show(notes.length);
8. 8.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
9. 9.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) delete this (c) a picture goes here (d) a closed app
10. 10.🔢 In a sign-up flow, which comes first: “open the app” or “see the home screen”? (a) see the home screen (b) open the app
11. 11.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
12. 12.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pay for the order (c) open the menu (d) pick a dish
13. 13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 24 px tall
    Cancel button: 68 px tall
    Next button: 64 px tall
    Send button: 56 px tall (a) Back (b) Send (c) Next (d) Cancel
14. 14.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
15. 15.🔢 In a photo-post flow, which comes first: “write a caption” or “open the camera screen”? (a) open the camera screen (b) write a caption
16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 9 px
    Caption: 24 px
    Footer: 16 px (a) Title (b) Footer (c) Caption
17. 17.Which of these helps everyone use the app? (a) colour as the only clue (b) sudden loud sounds (c) fast-flashing lights (d) big touch targets
18. 18.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Shop → Search
    Design B: Home → Confirm → Size
20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap Back
    3. open “Score card”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
21. 21.💾 What number does this code show?
    let lives = 6;
    lives = lives - 3;
    lives = lives + 4;
    show(lives);
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. tap the Lessons tab
    Which screen are you on now? (a) Me (b) Match report (c) Lessons (d) Quiz
23. 23.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) in the middle (c) inside a button (d) at the bottom
24. 24.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Quiz tab
    4. open “Score card”
    5. tap the Me tab
    Which screen are you on now? (a) Edit photo (b) Lessons (c) Me (d) Score card
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 21 px
    Title: 9 px
    Caption: 28 px
    Footer: 19 px
    Menu: 18 px (a) Title (b) Caption (c) Footer (d) Body text
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pay → Results → Shop → Menu → Offers
    Design B: Home → Address → Pens → Shop → Confirm
27. 27.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 28 px tall. How many px taller must it be?
28. 28.🔍 Which is the odd one out? (a) icons with no labels (b) fast-flashing lights (c) text that can grow (d) tiny tap areas
29. 29.Which of these is true of a tab bar? (a) switches main sections (b) opens a list of pages (c) hides extra links (d) undoes one move
30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. tap the Search tab
    4. open “Edit photo”
    5. tap the Profile tab
    Which screen are you on now? (a) Profile (b) Map (c) Home (d) Edit photo
31. 31.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) make a password (c) type name and email (d) tap “Sign up”
32. 32.Which of these is about UI (the look)? (a) how users feel after (b) how fast a task is done (c) how many taps it takes (d) the button colours
33. 33.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
34. 34.Which of these is true of a wireframe? (a) has the real colours (b) uses the final pictures (c) is a quick sketch (d) looks like the real app
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Edit photo”
    3. tap Back
    Which screen are you on now? (a) Feed (b) Edit photo (c) Match report (d) Chat
36. 36.💾 What number does this code show?
    let score = 3;
    score = score - 1;
    score = score + 1;
    show(score);
37. 37.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 44 px tall. How many px taller must it be?
38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ Save button ]
    [ Add button ]
    [ search box ]
    [ menu icon ]
    [ filter buttons ] (a) filter buttons (b) menu icon (c) Save button (d) search box
39. 39.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ search box ]
    [ menu icon ]
    [ title text ]
    [ filter buttons ]
    [ Add button ]
    [ top bar ] (a) menu icon (b) top bar (c) search box (d) filter buttons
40. 40.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone

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