App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 617 · 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.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
2. 2.💾 pop() takes off the last item. What does this code show?
   let friends = ["Aman", "Kabir", "Meera"];
   friends.pop();
   show(friends[friends.length - 1]); (a) Kabir (b) Meera (c) Aman
3. 3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Quiz tab
   2. open “Badges”
   3. tap Back
   Which screen are you on now? (a) Quiz (b) Badges (c) Me (d) Lessons
4. 4.♿ What does a screen reader do? (a) reads the screen aloud (b) makes text tiny (c) plays music (d) takes photos
5. 5.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
6. 6.Which of these fits saving in the cloud? (a) photos on two devices (b) a draft you are typing (c) notes to read offline (d) the sound on/off setting
7. 7.🎨 Is this about UI or UX: how many taps it takes? (a) UX (b) UI
8. 8.🎨 UI stands for user ___. (a) input (b) idea (c) interface (d) internet
9. 9.True or false: a final design uses plain grey boxes. (a) True (b) False
10. 10.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
11. 11.🔢 In a food-order flow, which comes LAST? (a) check the cart (b) pay for the order (c) track the order (d) pick a dish
12. 12.✏️ What is a wireframe? (a) the finished app (b) a type of password (c) a simple screen sketch (d) a charging cable
13. 13.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ list of items ]
    [ big picture ]
    [ top bar ]
    [ Add button ] (a) list of items (b) top bar (c) big picture
14. 14.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “see the home screen”? (a) see the home screen (b) tap “Sign up”
15. 15.💾 What number does this code show?
    let lives = 8;
    lives = lives - 4;
    lives = lives + 1;
    show(lives);
16. 16.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 19 px
    Footer: 23 px
    Title: 18 px
    Label: 11 px
17. 17.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
18. 18.True or false: “fast-flashing lights” makes the app harder to use. (a) True (b) False
19. 19.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Sunrise", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Rain (b) Kites (c) Sunrise
20. 20.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
21. 21.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a picture (d) a type of screen
22. 22.Which of these is true of a tab bar? (a) opens a list of pages (b) shows 3 to 5 icons (c) goes to the last screen (d) undoes one move
23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Feed tab
    4. open “Edit photo”
    5. tap the Chat tab
    Which screen are you on now? (a) Chat (b) Edit photo (c) Settings (d) Feed
24. 24.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ tab bar ]
    [ big picture ]
    [ title text ]
    [ top bar ]
    [ filter buttons ] (a) big picture (b) tab bar (c) filter buttons (d) top bar
25. 25.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Video”
    3. tap the Lessons tab
    4. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
26. 26.🔍 Which is the odd one out? (a) the font size (b) the button colours (c) the icon shapes (d) how fast a task is done
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Friend list”
    3. open “Video”
    4. tap the Settings tab
    Which screen are you on now? (a) Friend list (b) Video (c) Feed (d) Settings
28. 28.True or false: buttons almost touching is poor button design. (a) False (b) True
29. 29.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ big picture ]
    [ filter buttons ]
    [ Add button ] (a) Add button (b) filter buttons (c) top bar (d) big picture
30. 30.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ title text ]
    [ list of items ]
    [ tab bar ]
    [ big picture ] (a) big picture (b) list of items (c) tab bar
31. 31.🧭 Which part of navigation hides extra links? (a) a tab bar (b) a menu button (c) the back button
32. 32.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
33. 33.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap the Chat tab
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
34. 34.💾 What number does this code show?
    let songs = ["Sunrise", "Stars", "Monsoon"];
    songs.push("Ocean");
    show(songs.length);
35. 35.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) the battery (c) fast typists (d) colour-blind users
36. 36.🔢 In a food-order flow, which comes first: “check the cart” or “track the order”? (a) track the order (b) check the cart
37. 37.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Profile tab
    3. open “Score card”
    Which screen are you on now? (a) Search (b) Video (c) Score card (d) Home
38. 38.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
39. 39.🔀 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
40. 40.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) the path through screens (d) a colour theme

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