App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 91 · 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.🔘 Our rule: buttons are at least 48 px tall. The Done button is 24 px tall. How many px taller must it be?
2. 2.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) see the final score (b) tap “Start quiz”
3. 3.🔍 Which is the odd one out? (a) how easy sign-up is (b) how many taps it takes (c) how users feel after (d) the screen layout
4. 4.True or false: buttons almost touching is poor button design. (a) False (b) True
5. 5.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 3 to 5 (c) 10 to 12 (d) 1
6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Hint: 24 px
   Title: 10 px
   Footer: 17 px
   Label: 25 px
   Body text: 21 px (a) Label (b) Title (c) Hint (d) Footer
7. 7.💾 What number does this code show?
   let songs = ["Sunrise", "Ocean"];
   songs.push("Monsoon");
   songs.push("Stars");
   show(songs.length);
8. 8.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
9. 9.♿ A screen has 10 icon buttons. Only 2 of them have a text label for screen readers. How many still need a label?
10. 10.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap the Home tab
    3. tap the Profile tab
    4. tap the Search tab
    5. tap the Home tab
    Which screen are you on now? (a) Badges (b) Search (c) Profile (d) Home
11. 11.🎨 UX stands for user ___. (a) example (b) express (c) experience (d) extra
12. 12.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) your last game level (d) chat messages to friends
13. 13.True or false: your last game level fits saving in the cloud. (a) False (b) True
14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Item → Address → Cart
    Design B: Home → Pens → Item → Confirm → Shop → Menu → Size
15. 15.Which of these is true of a final design? (a) uses plain grey boxes (b) uses the final pictures (c) is a quick sketch (d) has no real colours
16. 16.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) nowhere (c) inside a button (d) in the middle
17. 17.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ tab bar ]
    [ search box ]
    [ menu icon ]
    [ big picture ]
    [ top bar ] (a) search box (b) tab bar (c) menu icon (d) top bar
18. 18.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ big picture ]
    [ Add button ]
    [ search box ]
    [ title text ] (a) search box (b) big picture (c) title text
19. 19.Which of these helps everyone use the app? (a) fast-flashing lights (b) colour as the only clue (c) sudden loud sounds (d) labels on every icon
20. 20.True or false: the sound on/off setting fits saving in the cloud. (a) False (b) True
21. 21.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
22. 22.🔢 In a quiz-app flow, which comes first: “read a question” or “see if it is right”? (a) see if it is right (b) read a question
23. 23.True or false: the icon shapes is about UX (the experience). (a) True (b) False
24. 24.🔢 In a sign-up flow, what comes right after “type name and email”? (a) see the home screen (b) open the app (c) make a password (d) enter the code sent
25. 25.💾 Which works with no internet at all? (a) a cloud backup (b) a shared chat (c) a cloud leaderboard (d) data saved on the phone
26. 26.🔍 Which is the odd one out? (a) the icon shapes (b) the button colours (c) how fast a task is done (d) the theme colours
27. 27.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
28. 28.True or false: a wireframe uses plain grey boxes. (a) False (b) True
29. 29.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Kites", "Monsoon", "Ocean"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Rain (b) Ocean (c) Monsoon (d) Kites
30. 30.Which of these is true of a menu button? (a) switches main sections (b) opens a list of pages (c) goes to the last screen (d) sits at the bottom
31. 31.🔍 Which is the odd one out? (a) the font size (b) the button colours (c) the theme colours (d) how users feel after
32. 32.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) see the final score (c) read a question (d) tap “Start quiz”
33. 33.Which of these helps everyone use the app? (a) strong colour contrast (b) colour as the only clue (c) sudden loud sounds (d) fast-flashing lights
34. 34.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Results → Item → Pens → Menu
    Design B: Home → Cart → Menu → Confirm (a) Design A (b) Design B
36. 36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Help page”
    3. tap Back
    4. tap the Lessons tab
    5. open “Edit photo”
    Which screen are you on now? (a) Lessons (b) Edit photo (c) Help page (d) Score card
37. 37.🔀 Why plan the user flow before building? (a) so each step is clear (b) to hide the buttons (c) to skip testing (d) to add more taps
38. 38.🧭 Which part of navigation switches main sections? (a) the back button (b) a tab bar (c) a menu button
39. 39.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 48 px tall
    Next button: 40 px tall
    Save button: 36 px tall
40. 40.True or false: notes to read offline fits saving on the phone. (a) False (b) True

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