App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 506 · 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). Which needs FEWER taps?
   Design A: Home → Address → Results
   Design B: Home → Menu → Pens → Cart (a) Design A (b) Design B
2. 2.🔍 Which is the odd one out? (a) the theme colours (b) the screen layout (c) how users feel after (d) the button colours
3. 3.♿ A screen has 6 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
4. 4.Which of these is about UI (the look)? (a) how fast a task is done (b) the icon shapes (c) how easy sign-up is (d) whether users get lost
5. 5.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Title: 11 px
   Body text: 19 px
   Caption: 14 px
6. 6.🔘 Is this good or poor button design: a clear word like Save? (a) good design (b) poor design
7. 7.🖼️ In this wireframe (top to bottom), what is right above the search box?
   [ menu icon ]
   [ search box ]
   [ Add button ]
   [ top bar ]
   [ big picture ]
   [ tab bar ] (a) tab bar (b) Add button (c) menu icon (d) top bar
8. 8.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Caption: 12 px
   Hint: 18 px
   Menu: 22 px
   Footer: 22 px
   Label: 24 px
9. 9.True or false: how fast a task is done is about UI (the look). (a) False (b) True
10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Badges”
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
11. 11.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
12. 12.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
13. 13.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) the back button (c) a tab bar
14. 14.Which of these is true of a final design? (a) shows the real fonts (b) shows where things go (c) has no real colours (d) uses plain grey boxes
15. 15.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
16. 16.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 22 px
    Caption: 9 px
    Body text: 17 px
    Label: 17 px
    Footer: 27 px (a) Body text (b) Hint (c) Caption (d) Label
17. 17.Which colour pair is hard to read? (a) yellow on white (b) white on dark green (c) black on pale grey (d) dark blue on white
18. 18.🔢 In a sign-up flow, what comes right after “type name and email”? (a) make a password (b) open the app (c) see the home screen (d) tap “Sign up”
19. 19.True or false: how fast a task is done is about UX (the experience). (a) True (b) False
20. 20.🎨 UX stands for user ___. (a) extra (b) express (c) experience (d) example
21. 21.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Friend list”
    4. open “Video”
    Which screen are you on now? (a) Video (b) Feed (c) Friend list (d) Match report
23. 23.🔢 In a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) add a filter (b) post the photo
24. 24.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 1 (d) 3 to 5
25. 25.🔍 Which is the odd one out? (a) fast-flashing lights (b) tiny tap areas (c) big touch targets (d) icons with no labels
26. 26.True or false: “colour as the only clue” helps everyone use the app. (a) True (b) False
27. 27.Which of these fits saving in the cloud? (a) notes to read offline (b) the sound on/off setting (c) your last game level (d) a shared to-do list
28. 28.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
29. 29.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) home screen (c) shortcut (d) tab bar
30. 30.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) shrink the app (d) use it on any device
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. tap the Profile tab
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
32. 32.💾 What number does this code show?
    let notes = ["Music", "Art", "Maths", "Hindi"];
    notes.push("Science");
    show(notes.length);
33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ search box ]
    [ filter buttons ]
    [ Save button ] (a) tab bar (b) search box (c) Save button (d) filter buttons
34. 34.🔢 In a sign-up flow, what comes right after “make a password”? (a) type name and email (b) enter the code sent (c) tap “Sign up” (d) open the app
35. 35.Which of these fits saving on the phone? (a) photos on two devices (b) a class leaderboard (c) a draft you are typing (d) chat messages to friends
36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 13 px
    Menu: 24 px
    Label: 19 px
37. 37.♿ A screen has 7 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
38. 38.True or false: the screen layout is about UX (the experience). (a) True (b) False
39. 39.💾 What number does this code show?
    let songs = ["Kites", "Sunrise"];
    songs.push("Ocean");
    songs.push("Monsoon");
    show(songs.length);
40. 40.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see if it is right”? (a) tap “Start quiz” (b) see if it is right

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