App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 483 · 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 list of items?
   [ Add button ]
   [ tab bar ]
   [ list of items ]
   [ Save button ]
   [ filter buttons ] (a) tab bar (b) Save button (c) filter buttons (d) Add button
2. 2.💾 pop() takes off the last item. What does this code show?
   let notes = ["Hindi", "Science", "Music", "Sports", "Art"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Science (b) Sports (c) Music (d) Hindi
3. 3.🔍 Which is the odd one out? (a) the icon shapes (b) the font size (c) the screen layout (d) how fast a task is done
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Friend list”
   2. tap Back
   3. open “Help page”
   4. tap the Home tab
   Which screen are you on now? (a) Friend list (b) Home (c) Help page (d) Search
5. 5.True or false: a final design shows where things go. (a) True (b) False
6. 6.True or false: your last game level fits saving in the cloud. (a) True (b) False
7. 7.True or false: a shared to-do list fits saving on the phone. (a) False (b) True
8. 8.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
9. 9.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) sudden loud sounds (d) big touch targets
10. 10.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a random page (c) a dead end (d) a clear next step
11. 11.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) add a filter (c) post the photo (d) write a caption
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Shop → Pens → Address → Menu
    Design B: Home → Address → Size → Shop → Cart → Pens → Offers
13. 13.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
14. 14.♿ A screen has 7 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
15. 15.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 14 px
    Menu: 17 px
    Label: 10 px
    Caption: 20 px
16. 16.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ title text ]
    [ menu icon ]
    [ Add button ]
    [ Save button ] (a) Add button (b) title text (c) menu icon (d) Save button
17. 17.Which colour pair is easy to read? (a) white on dark green (b) red on green (c) pale pink on white (d) dark blue on black
18. 18.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 14 px
    Caption: 17 px
    Title: 15 px
19. 19.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) the phone settings (c) a random page (d) that tab’s main screen
20. 20.🔀 What is a user flow? (a) a type of font (b) a charging cable (c) a colour theme (d) the path through screens
21. 21.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Maths", "Science"];
    show(notes[2]); (a) Science (b) Maths (c) Sports
22. 22.🧭 What does the back button usually do? (a) deletes the page (b) goes to the last screen (c) closes all apps (d) opens settings
23. 23.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ title text ]
    [ Add button ]
    [ menu icon ]
    [ top bar ]
    [ tab bar ]
    [ search box ] (a) top bar (b) Add button (c) tab bar (d) title text
24. 24.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Shop → Pay → Offers → Menu
    Design B: Home → Address → Size → Cart
25. 25.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
26. 26.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
27. 27.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ list of items ]
    [ tab bar ]
    [ menu icon ] (a) menu icon (b) list of items (c) title text (d) tab bar
28. 28.🔍 Which is the odd one out? (a) icons with no labels (b) labels on every icon (c) sudden loud sounds (d) colour as the only clue
29. 29.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
30. 30.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) better UX (d) a bigger app
31. 31.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
32. 32.🔘 Our rule: buttons are at least 48 px tall. The Next button is 20 px tall. How many px taller must it be?
33. 33.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) pick an answer (c) read a question (d) tap “Start quiz”
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 68 px tall
    Send button: 24 px tall
    Save button: 48 px tall
    Help button: 64 px tall (a) Done (b) Help (c) Send (d) Save
35. 35.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) changes are quick (d) it saves data
36. 36.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
37. 37.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
38. 38.Which colour pair is hard to read? (a) white on black (b) black on pale grey (c) white on dark green (d) red on green
39. 39.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ Add button ]
    [ big picture ]
    [ search box ]
    [ Save button ] (a) Save button (b) Add button (c) search box
40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Shop → Search → Offers → Size → Pens
    Design B: Home → Results → Size → Confirm

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