App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 363 · 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 this wireframe (top to bottom), what is right below the filter buttons?
   [ filter buttons ]
   [ big picture ]
   [ top bar ]
   [ title text ] (a) top bar (b) big picture (c) title text
2. 2.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a picture (d) a type of screen
3. 3.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) see the home screen (c) open the app (d) type name and email
4. 4.🔢 In a sign-up flow, which comes first: “make a password” or “tap “Sign up””? (a) make a password (b) tap “Sign up”
5. 5.💾 Data saved only on the phone is lost when ___. (a) the screen turns off (b) the phone is lost (c) the app is closed (d) you send a message
6. 6.Which of these is true of a final design? (a) has no real colours (b) has the real colours (c) is a quick sketch (d) shows where things go
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. open “Score card”
   3. open “Help page”
   4. tap the Search tab
   Which screen are you on now? (a) Help page (b) Search (c) Score card (d) Home
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Send button: 64 px tall
   Start button: 40 px tall
   Save button: 64 px tall (a) Send (b) Start (c) Save
9. 9.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
10. 10.🎨 UX stands for user ___. (a) experience (b) extra (c) express (d) example
11. 11.Which of these is true of a menu button? (a) goes to the last screen (b) sits at the bottom (c) opens a list of pages (d) shows 3 to 5 icons
12. 12.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
13. 13.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
14. 14.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Video”
    3. open “Help page”
    4. open “Edit photo”
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
15. 15.💾 What number does this code show?
    let songs = ["Ocean", "Stars"];
    songs.push("Rain");
    songs.push("Kites");
    show(songs.length);
16. 16.🔍 Which is the odd one out? (a) tiny tap areas (b) fast-flashing lights (c) colour as the only clue (d) labels on every icon
17. 17.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) take the photo (c) post the photo (d) open the camera screen
18. 18.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
19. 19.♿ A screen has 10 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
20. 20.Which of these is true of a tab bar? (a) undoes one move (b) goes to the last screen (c) opens a list of pages (d) sits at the bottom
21. 21.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) shortcut (d) tab bar
22. 22.💾 Which can hold many values in order? (a) a list (b) a switch (c) a single number (d) a button
23. 23.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
24. 24.🧭 Which part of navigation switches main sections? (a) the back button (b) a menu button (c) a tab bar
25. 25.🔢 In a quiz-app flow, which comes FIRST? (a) read a question (b) pick an answer (c) tap “Start quiz” (d) see the final score
26. 26.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
27. 27.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) add a filter (b) post the photo (c) write a caption (d) take the photo
28. 28.♿ Accessibility means an app works for ___. (a) everyone (b) nobody (c) only experts (d) only the coder
29. 29.💾 What number does this code show?
    let coins = 4;
    coins = coins - 1;
    coins = coins + 2;
    show(coins);
30. 30.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ menu icon ]
    [ search box ]
    [ tab bar ]
    [ list of items ] (a) menu icon (b) search box (c) list of items
31. 31.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) the battery (c) colour-blind users (d) the server
32. 32.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Offers → Address → Shop → Pay → Cart
    Design B: Home → Menu → Cart → Item → Confirm (a) Design B (b) Design A
33. 33.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ menu icon ]
    [ list of items ]
    [ top bar ]
    [ title text ] (a) menu icon (b) list of items (c) title text
34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. tap the Search tab
    3. open “Score card”
    Which screen are you on now? (a) Score card (b) Search (c) Home (d) Profile
35. 35.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
36. 36.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Pay → Pens
    Design B: Home → Shop → Menu → Address → Pens (a) Design B (b) Design A
37. 37.🎨 Who should you test the UX with? (a) nobody (b) only yourself (c) real users (d) the app icon
38. 38.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
39. 39.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 18 px
    Menu: 12 px
    Hint: 22 px
    Label: 20 px

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