App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 797 · 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 the shorter design save?
   Design A: Home → Cart → Menu → Address → Item
   Design B: Home → Results → Offers
2. 2.True or false: the button colours is about UX (the experience). (a) False (b) True
3. 3.💾 pop() takes off the last item. What does this code show?
   let songs = ["Monsoon", "Sunrise", "Rain", "Kites"];
   songs.pop();
   show(songs[songs.length - 1]); (a) Sunrise (b) Kites (c) Monsoon (d) Rain
4. 4.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Body text: 22 px
   Hint: 12 px
   Footer: 23 px
   Menu: 17 px
   Caption: 21 px (a) Body text (b) Hint (c) Menu (d) Footer
5. 5.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) the theme colours (d) the icon shapes
6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Video”
   2. tap Back
   3. open “Score card”
   How many times must you tap Back to reach the main screen of this tab?
7. 7.♿ A screen has 9 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
8. 8.🔢 In a sign-up flow, which comes FIRST? (a) open the app (b) tap “Sign up” (c) see the home screen (d) make a password
9. 9.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) the same screen (d) a clear next step
10. 10.🔢 In a food-order flow, what comes right after “open the menu”? (a) add it to the cart (b) check the cart (c) track the order (d) pick a dish
11. 11.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Menu → Results → Pay → Pens
    Design B: Home → Menu → Pens → Search → Address → Offers → Size
12. 12.🔍 Which is the odd one out? (a) captions on videos (b) colour as the only clue (c) labels on every icon (d) big touch targets
13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ search box ]
    [ title text ]
    [ filter buttons ]
    [ menu icon ] (a) big picture (b) filter buttons (c) search box (d) menu icon
14. 14.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Ocean", "Monsoon"];
    show(songs[2]); (a) Sunrise (b) Ocean (c) Monsoon
15. 15.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 21 px
    Menu: 10 px
    Title: 13 px
    Label: 12 px
16. 16.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
17. 17.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) a menu button (c) the back button
18. 18.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ tab bar ]
    [ title text ]
    [ Add button ]
    [ filter buttons ] (a) filter buttons (b) tab bar (c) Add button
19. 19.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. tap the Profile tab
    3. open “Friend list”
    4. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
20. 20.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
21. 21.Which of these is about UI (the look)? (a) whether users get lost (b) the button colours (c) how easy sign-up is (d) how fast a task is done
22. 22.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) that tab’s main screen (c) the phone settings (d) a random page
23. 23.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) pencil and paper (d) a microphone
24. 24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 13 px
    Caption: 23 px
    Hint: 19 px
    Body text: 24 px (a) Caption (b) Footer (c) Body text (d) Hint
25. 25.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
26. 26.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Ocean", "Sunrise"];
    show(songs[2]); (a) Rain (b) Sunrise (c) Ocean
27. 27.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Sunrise", "Kites", "Stars"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Stars (c) Sunrise (d) Kites
28. 28.💾 What number does this code show?
    let score = 7;
    score = score - 3;
    score = score + 5;
    show(score);
29. 29.True or false: space between buttons is poor button design. (a) True (b) False
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Search → Menu
    Design B: Home → Shop → Results (a) Design B (b) Design A
31. 31.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) photos on two devices (d) the sound on/off setting
32. 32.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Help page”
    3. tap Back
    4. open “Friend list”
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 14 px
    Caption: 13 px
    Label: 11 px
    Hint: 21 px
34. 34.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
35. 35.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
36. 36.🔘 Our rule: buttons are at least 48 px tall. The Done button is 36 px tall. How many px taller must it be?
37. 37.Which of these helps everyone use the app? (a) labels on every icon (b) fast-flashing lights (c) icons with no labels (d) tiny tap areas
38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap Back
    3. open “Badges”
    4. tap the Quiz tab
    Which screen are you on now? (a) Match report (b) Quiz (c) Lessons (d) Badges
39. 39.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 44 px tall
    Done button: 64 px tall
    Save button: 64 px tall
    Help button: 52 px tall
40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap the Lessons tab
    3. open “Edit photo”
    Which screen are you on now? (a) Quiz (b) Map (c) Lessons (d) Edit photo

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