App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 788 · 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.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Edit photo”
   2. tap the Home tab
   3. open “Map”
   How many times must you tap Back to reach the main screen of this tab?
2. 2.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
3. 3.🖼️ In this wireframe (top to bottom), what is right below the Add button?
   [ title text ]
   [ Add button ]
   [ top bar ]
   [ big picture ]
   [ list of items ] (a) title text (b) top bar (c) list of items (d) big picture
4. 4.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Badges”
   2. tap Back
   3. tap the Profile tab
   4. tap the Search tab
   5. open “Friend list”
   How many times must you tap Back to reach the main screen of this tab?
5. 5.♿ A screen has 12 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
6. 6.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) post the photo (b) add a filter
7. 7.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 0 (c) 2 (d) 1
8. 8.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) delete this (d) a picture goes here
9. 9.Which colour pair is hard to read? (a) white on black (b) black on pale grey (c) dark blue on black (d) dark blue on white
10. 10.Which colour pair is easy to read? (a) black on yellow (b) light grey on white (c) pale pink on white (d) yellow on white
11. 11.Which of these is true of a wireframe? (a) has the real colours (b) is a quick sketch (c) uses the final pictures (d) shows the real fonts
12. 12.Which of these fits saving on the phone? (a) notes to read offline (b) a class leaderboard (c) photos on two devices (d) chat messages to friends
13. 13.True or false: space between buttons is poor button design. (a) False (b) True
14. 14.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) pencil and paper (c) a microphone (d) a phone case
15. 15.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ search box ]
    [ big picture ]
    [ filter buttons ]
    [ menu icon ] (a) Save button (b) menu icon (c) filter buttons (d) search box
16. 16.Which of these is true of the back button? (a) switches main sections (b) goes to the last screen (c) shows 3 to 5 icons (d) hides extra links
17. 17.True or false: a wireframe is a quick sketch. (a) False (b) True
18. 18.Which of these fits saving in the cloud? (a) chat messages to friends (b) notes to read offline (c) the sound on/off setting (d) your last game level
19. 19.🔍 Which is the odd one out? (a) the theme colours (b) how many taps it takes (c) the button colours (d) the icon shapes
20. 20.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Music", "Science", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Music (b) Art (c) Maths (d) Science
21. 21.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
22. 22.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
23. 23.Which of these is about UX (the experience)? (a) the button colours (b) the theme colours (c) the icon shapes (d) whether users get lost
24. 24.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
25. 25.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) goes to the last screen (d) sits at the bottom
26. 26.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Menu → Offers
    Design B: Home → Pay → Search → Pens → Offers → Address → Confirm (a) Design B (b) Design A
27. 27.🔍 Which is the odd one out? (a) tiny tap areas (b) fast-flashing lights (c) sudden loud sounds (d) text that can grow
28. 28.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ Save button ]
    [ list of items ]
    [ big picture ] (a) Save button (b) top bar (c) list of items (d) big picture
29. 29.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) looks like the real app (d) shows where things go
30. 30.Which of these helps everyone use the app? (a) icons with no labels (b) tiny tap areas (c) colour as the only clue (d) captions on videos
31. 31.🔢 In a quiz-app flow, which comes FIRST? (a) see the final score (b) see if it is right (c) read a question (d) tap “Start quiz”
32. 32.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) has no real colours (d) uses the final pictures
33. 33.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
34. 34.Which of these is true of a wireframe? (a) uses plain grey boxes (b) looks like the real app (c) has the real colours (d) uses the final pictures
35. 35.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. open “Help page”
    3. tap the Lessons tab
    4. tap the Quiz tab
    5. tap the Lessons tab
    Which screen are you on now? (a) Help page (b) Friend list (c) Lessons (d) Quiz
36. 36.Which colour pair is easy to read? (a) white on dark green (b) pale pink on white (c) dark blue on black (d) red on green
37. 37.Which of these is about UI (the look)? (a) the font size (b) how many taps it takes (c) whether users get lost (d) how fast a task is done
38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 18 px
    Title: 12 px
    Body text: 16 px
    Footer: 17 px
    Caption: 27 px (a) Body text (b) Label (c) Footer (d) Title
39. 39.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
40. 40.Which of these helps everyone use the app? (a) icons with no labels (b) sudden loud sounds (c) colour as the only clue (d) labels on every icon

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