App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 701 · 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.True or false: the button colours is about UI (the look). (a) True (b) False
2. 2.🔍 Which is the odd one out? (a) the button colours (b) whether users get lost (c) the screen layout (d) the icon shapes
3. 3.🖼️ In this wireframe (top to bottom), what is right below the Save button?
   [ Add button ]
   [ list of items ]
   [ Save button ]
   [ top bar ]
   [ filter buttons ] (a) Add button (b) filter buttons (c) top bar (d) list of items
4. 4.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
   [ Add button ]
   [ menu icon ]
   [ top bar ]
   [ title text ]
   [ Save button ] (a) title text (b) Save button (c) top bar (d) Add button
5. 5.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it saves data (d) it adds colours
6. 6.🔘 Our rule: buttons are at least 48 px tall. The Start button is 36 px tall. How many px taller must it be?
7. 7.🎨 A beautiful app that confuses everyone has ___. (a) no UI at all (b) good UI but poor UX (c) good UX but poor UI (d) perfect UX
8. 8.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
   Cancel button: 24 px tall
   Help button: 56 px tall
   Save button: 48 px tall
   Done button: 56 px tall (a) Done (b) Save (c) Help (d) Cancel
9. 9.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 0 (c) 1 (d) 2
10. 10.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ top bar ]
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ Add button ]
    [ list of items ] (a) tab bar (b) Add button (c) top bar (d) list of items
11. 11.🔘 Our rule: buttons are at least 48 px tall. The Next button is 20 px tall. How many px taller must it be?
12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap the Settings tab
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
13. 13.🔘 Our rule: buttons are at least 48 px tall. The Help button is 28 px tall. How many px taller must it be?
14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap Back
    3. open “Match report”
    4. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Pens → Search → Size → Confirm → Results
    Design B: Home → Pay → Shop → Offers → Pens
16. 16.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
17. 17.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ search box ]
    [ menu icon ]
    [ list of items ]
    [ filter buttons ] (a) filter buttons (b) search box (c) menu icon
18. 18.🔍 Which is the odd one out? (a) big touch targets (b) icons with no labels (c) sudden loud sounds (d) tiny tap areas
19. 19.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) the sound on/off setting (d) a shared to-do list
20. 20.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 17 px
    Menu: 24 px
    Caption: 23 px
    Body text: 12 px
    Label: 22 px
21. 21.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ top bar ]
    [ list of items ]
    [ big picture ]
    [ title text ]
    [ tab bar ] (a) Add button (b) tab bar (c) list of items (d) title text
22. 22.Which of these is true of a tab bar? (a) hides extra links (b) shows 3 to 5 icons (c) goes to the last screen (d) opens a list of pages
23. 23.💾 What does this code show? (Positions start at 0.)
    let notes = ["Science", "Hindi", "Maths"];
    show(notes[2]); (a) Hindi (b) Science (c) Maths
24. 24.True or false: a wireframe shows the real fonts. (a) False (b) True
25. 25.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ filter buttons ]
    [ big picture ]
    [ search box ]
    [ tab bar ]
    [ title text ]
    [ list of items ] (a) big picture (b) filter buttons (c) list of items (d) search box
26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Offers → Pens → Cart → Shop
    Design B: Home → Shop → Address (a) Design B (b) Design A
27. 27.Which of these fits saving in the cloud? (a) a draft you are typing (b) notes to read offline (c) a shared to-do list (d) your last game level
28. 28.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ filter buttons ]
    [ search box ]
    [ top bar ]
    [ Add button ] (a) filter buttons (b) top bar (c) search box
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. tap the Home tab
    3. tap the Search tab
    4. open “Badges”
    5. open “Map”
    Which screen are you on now? (a) Badges (b) Home (c) Search (d) Map
30. 30.Which of these is true of a final design? (a) uses plain grey boxes (b) has the real colours (c) shows where things go (d) has no real colours
31. 31.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) pale pink on white (d) black on pale grey
32. 32.Which of these fits saving in the cloud? (a) a class leaderboard (b) the sound on/off setting (c) your last game level (d) notes to read offline
33. 33.Which of these is about UX (the experience)? (a) the icon shapes (b) the theme colours (c) whether users get lost (d) the button colours
34. 34.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) open the app (c) see the home screen (d) enter the code sent
35. 35.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Edit photo”
    4. open “Score card”
    5. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 56 px tall
    Start button: 24 px tall
    Done button: 48 px tall (a) Send (b) Done (c) Start
37. 37.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Rain", "Stars"];
    show(songs[2]); (a) Rain (b) Sunrise (c) Stars
38. 38.Which of these is true of a final design? (a) shows the real fonts (b) has no real colours (c) is a quick sketch (d) shows where things go
39. 39.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) helps everyone (b) makes it harder
40. 40.🧭 What does the back button usually do? (a) closes all apps (b) deletes the page (c) goes to the last screen (d) opens settings

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