App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 842 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Cart → Confirm
   Design B: Home → Address → Item → Size
2. 2.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Size → Search
   Design B: Home → Size → Results → Item
4. 4.🖼️ In this wireframe (top to bottom), what is right above the big picture?
   [ list of items ]
   [ tab bar ]
   [ top bar ]
   [ big picture ]
   [ Save button ] (a) Save button (b) list of items (c) top bar (d) tab bar
5. 5.True or false: a big, easy tap area is poor button design. (a) False (b) True
6. 6.🔢 In a food-order flow, which comes first: “pick a dish” or “open the menu”? (a) open the menu (b) pick a dish
7. 7.💾 pop() takes off the last item. What does this code show?
   let friends = ["Aman", "Zoya", "Arjun"];
   friends.pop();
   show(friends[friends.length - 1]); (a) Arjun (b) Aman (c) Zoya
8. 8.🔘 Our rule: buttons are at least 48 px tall. The Help button is 20 px tall. How many px taller must it be?
9. 9.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it runs the app (d) it adds colours
10. 10.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
12. 12.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) the theme colours (d) how easy sign-up is
13. 13.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) better UX (d) worse UX
14. 14.True or false: the screen layout is about UX (the experience). (a) True (b) False
15. 15.🔢 In a sign-up flow, which comes first: “make a password” or “open the app”? (a) make a password (b) open the app
16. 16.💾 What does this code show? (Positions start at 0.)
    let songs = ["Stars", "Sunrise", "Ocean"];
    show(songs[0]); (a) Ocean (b) Sunrise (c) Stars
17. 17.🔍 Which is the odd one out? (a) the theme colours (b) the screen layout (c) the icon shapes (d) how users feel after
18. 18.True or false: a clear word like Save is good button design. (a) False (b) True
19. 19.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Home tab
    3. open “Badges”
    4. open “Help page”
    Which screen are you on now? (a) Match report (b) Home (c) Help page (d) Badges
21. 21.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Score card”
    3. open “Match report”
    4. tap Back
    5. open “Map”
    Which screen are you on now? (a) Match report (b) Score card (c) Feed (d) Map
22. 22.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. tap Back
    3. open “Map”
    4. tap the Chat tab
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
24. 24.🧭 Which part of navigation sits at the bottom? (a) the back button (b) a menu button (c) a tab bar
25. 25.Which colour pair is easy to read? (a) dark blue on black (b) pale pink on white (c) white on dark green (d) yellow on white
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 → Menu
    Design B: Home → Offers → Confirm → Search → Shop
27. 27.💾 Saving data in the cloud lets you ___. (a) use it on any device (b) shrink the app (c) skip the internet (d) never need a password
28. 28.Which of these is true of a menu button? (a) undoes one move (b) sits at the bottom (c) shows 3 to 5 icons (d) opens a list of pages
29. 29.🔘 Our rule: buttons are at least 48 px tall. The Done button is 40 px tall. How many px taller must it be?
30. 30.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
31. 31.🔘 Our rule: buttons are at least 48 px tall. The Next button is 32 px tall. How many px taller must it be?
32. 32.💾 What number does this code show?
    let stars = 3;
    stars = stars - 1;
    stars = stars + 2;
    show(stars);
33. 33.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ list of items ]
    [ Add button ]
    [ search box ]
34. 34.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) the finished app (d) a type of password
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. tap Back
    3. tap the Chat tab
    Which screen are you on now? (a) Settings (b) Score card (c) Chat (d) Feed
36. 36.True or false: notes to read offline fits saving in the cloud. (a) False (b) True
37. 37.🔘 Our rule: buttons are at least 48 px tall. The Save button is 40 px tall. How many px taller must it be?
38. 38.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
39. 39.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UI but poor UX (c) good UX but poor UI (d) no UI at all
40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap the Me tab
    3. open “Badges”
    4. open “Match report”
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?

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