App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 733 · 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 is the odd one out? (a) the icon shapes (b) how many taps it takes (c) how easy sign-up is (d) how fast a task is done
2. 2.Which of these is about UI (the look)? (a) how fast a task is done (b) how easy sign-up is (c) the button colours (d) how many taps it takes
3. 3.🔍 Which is the odd one out? (a) the font size (b) the screen layout (c) the theme colours (d) how easy sign-up is
4. 4.Which of these fits saving on the phone? (a) chat messages to friends (b) a draft you are typing (c) photos on two devices (d) a class leaderboard
5. 5.💾 What does this code show? (Positions start at 0.)
   let songs = ["Sunrise", "Stars", "Kites"];
   show(songs[2]); (a) Sunrise (b) Kites (c) Stars
6. 6.True or false: a big, easy tap area is good button design. (a) False (b) True
7. 7.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Size → Menu → Pay → Address → Confirm → Results
   Design B: Home → Item → Address (a) Design A (b) Design B
8. 8.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
9. 9.Which of these is true of a menu button? (a) switches main sections (b) undoes one move (c) hides extra links (d) sits at the bottom
10. 10.🧭 What does the back button usually do? (a) deletes the page (b) opens settings (c) closes all apps (d) goes to the last screen
11. 11.🎨 UX stands for user ___. (a) extra (b) example (c) express (d) experience
12. 12.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Size → Cart → Item → Shop → Confirm
    Design B: Home → Offers → Search → Results → Pay (a) Design B (b) Design A
13. 13.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) a simple screen sketch (d) the finished app
14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ Save button ]
    [ search box ]
    [ big picture ]
    [ top bar ]
    [ title text ]
15. 15.🔍 Which is the odd one out? (a) the screen layout (b) how many taps it takes (c) how easy sign-up is (d) how fast a task is done
16. 16.Which of these is about UX (the experience)? (a) how users feel after (b) the theme colours (c) the font size (d) the screen layout
17. 17.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) uses plain grey boxes (d) uses the final pictures
18. 18.True or false: the screen layout is about UI (the look). (a) False (b) True
19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 56 px tall
    Send button: 32 px tall
    Start button: 72 px tall (a) Back (b) Send (c) Start
20. 20.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Offers → Size → Confirm → Item → Address
    Design B: Home → Pens → Menu → Search → Offers → Item (a) Design A (b) Design B
22. 22.🔢 In a food-order flow, what comes right after “pay for the order”? (a) check the cart (b) track the order (c) pick a dish (d) add it to the cart
23. 23.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
24. 24.💾 Which works with no internet at all? (a) a shared chat (b) data saved on the phone (c) a cloud backup (d) a cloud leaderboard
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. open “Score card”
    Which screen are you on now? (a) Search (b) Badges (c) Score card (d) Home
26. 26.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ Save button ]
    [ Add button ]
    [ title text ]
    [ filter buttons ]
27. 27.🔢 In a food-order flow, which comes first: “track the order” or “add it to the cart”? (a) add it to the cart (b) track the order
28. 28.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
29. 29.✏️ 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
30. 30.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
31. 31.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) open the app (b) type name and email
32. 32.Which of these is true of a final design? (a) is a quick sketch (b) shows where things go (c) uses plain grey boxes (d) shows the real fonts
33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 12 px
    Menu: 10 px
    Body text: 19 px
34. 34.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
35. 35.Which of these is about UX (the experience)? (a) the screen layout (b) the button colours (c) how fast a task is done (d) the theme colours
36. 36.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ menu icon ]
    [ search box ]
    [ big picture ]
    [ Save button ] (a) search box (b) Save button (c) big picture
37. 37.🎨 Is this about UI or UX: the theme colours? (a) UI (b) UX
38. 38.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) read a question (b) tap “Start quiz” (c) pick an answer (d) see the final score
39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ top bar ]
    [ Add button ]
    [ list of items ]
    [ big picture ]
    [ tab bar ]
40. 40.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ Add button ]
    [ big picture ]
    [ list of items ] (a) list of items (b) big picture (c) title text (d) Add button

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