App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 331 · 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.🎨 Is this about UI or UX: how fast a task is done? (a) UI (b) UX
2. 2.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ Save button ]
   [ menu icon ]
   [ list of items ]
   [ top bar ] (a) Save button (b) menu icon (c) list of items (d) top bar
4. 4.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
5. 5.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
6. 6.🔢 In a food-order flow, which comes first: “pick a dish” or “track the order”? (a) track the order (b) pick a dish
7. 7.True or false: chat messages to friends fits saving in the cloud. (a) False (b) True
8. 8.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a picture (d) a named box for a value
9. 9.True or false: a final design looks like the real app. (a) False (b) True
10. 10.🔢 In a food-order flow, which comes first: “check the cart” or “pick a dish”? (a) pick a dish (b) check the cart
11. 11.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
12. 12.🔍 Which is the odd one out? (a) strong colour contrast (b) text that can grow (c) labels on every icon (d) sudden loud sounds
13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 12 px
    Footer: 20 px
    Hint: 19 px
    Caption: 16 px
    Body text: 16 px (a) Caption (b) Hint (c) Footer (d) Label
14. 14.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
15. 15.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Cart → Search
    Design B: Home → Cart → Size → Search → Pens (a) Design A (b) Design B
16. 16.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
17. 17.True or false: “captions on videos” helps everyone use the app. (a) False (b) True
18. 18.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
19. 19.🔢 In a food-order flow, which comes LAST? (a) open the menu (b) check the cart (c) track the order (d) pay for the order
20. 20.🔢 In a photo-post flow, which comes first: “add a filter” or “post the photo”? (a) add a filter (b) post the photo
21. 21.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
22. 22.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Cart
    Design B: Home → Shop → Pens → Size → Cart
23. 23.Which of these is true of a tab bar? (a) shows 3 to 5 icons (b) hides extra links (c) opens a list of pages (d) undoes one move
24. 24.True or false: a tiny 20 px button is good button design. (a) True (b) False
25. 25.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Kites", "Monsoon", "Rain"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Kites (c) Sunrise (d) Rain
26. 26.Which of these helps everyone use the app? (a) tiny tap areas (b) sudden loud sounds (c) colour as the only clue (d) text that can grow
27. 27.True or false: a final design uses plain grey boxes. (a) True (b) False
28. 28.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
29. 29.🔢 In a photo-post flow, what comes right after “take the photo”? (a) add a filter (b) write a caption (c) post the photo (d) open the camera screen
30. 30.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
31. 31.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) sits at the bottom (d) opens a list of pages
32. 32.True or false: how users feel after is about UI (the look). (a) True (b) False
33. 33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Score card”
    3. tap Back
    4. tap the Search tab
    Which screen are you on now? (a) Home (b) Search (c) Profile (d) Score card
34. 34.🧭 What does the back button usually do? (a) deletes the page (b) closes all apps (c) opens settings (d) goes to the last screen
35. 35.Which of these is true of a tab bar? (a) switches main sections (b) hides extra links (c) opens a list of pages (d) undoes one move
36. 36.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
37. 37.Which of these is about UI (the look)? (a) how easy sign-up is (b) the icon shapes (c) how users feel after (d) how fast a task is done
38. 38.True or false: space between buttons is poor button design. (a) False (b) True
39. 39.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
40. 40.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ menu icon ]
    [ title text ]
    [ big picture ]
    [ tab bar ]
    [ Save button ]
    [ search box ] (a) big picture (b) title text (c) search box (d) Save button

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