App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 469 · 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.Which of these fits saving on the phone? (a) photos on two devices (b) chat messages to friends (c) the sound on/off setting (d) a shared to-do list
2. 2.🎨 UX stands for user ___. (a) express (b) extra (c) experience (d) example
3. 3.💾 What number does this code show?
   let points = 5;
   points = points - 5;
   points = points + 2;
   show(points);
4. 4.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
5. 5.Which of these makes the app harder to use? (a) captions on videos (b) big touch targets (c) colour as the only clue (d) labels on every icon
6. 6.Which of these is true of a final design? (a) uses plain grey boxes (b) has the real colours (c) is a quick sketch (d) has no real colours
7. 7.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) worse UX (c) more colours (d) better UX
8. 8.True or false: “text that can grow” helps everyone use the app. (a) False (b) True
9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Footer: 21 px
   Menu: 10 px
   Body text: 28 px
   Label: 26 px (a) Body text (b) Menu (c) Footer (d) Label
10. 10.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) helps everyone (b) makes it harder
11. 11.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ top bar ]
    [ menu icon ]
    [ big picture ]
    [ Save button ]
    [ title text ] (a) title text (b) Save button (c) big picture (d) top bar
12. 12.Which colour pair is easy to read? (a) black on pale grey (b) light grey on white (c) red on green (d) yellow on white
13. 13.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a microphone (c) a 3D printer (d) a phone case
14. 14.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 64 px tall
    Done button: 56 px tall
    Start button: 36 px tall
15. 15.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ top bar ]
    [ list of items ]
    [ Save button ]
    [ menu icon ]
    [ search box ] (a) top bar (b) search box (c) big picture (d) Save button
17. 17.True or false: a big, easy tap area is poor button design. (a) True (b) False
18. 18.Which of these is about UI (the look)? (a) the theme colours (b) how users feel after (c) how fast a task is done (d) how easy sign-up is
19. 19.🔍 Which is the odd one out? (a) how fast a task is done (b) the button colours (c) how users feel after (d) how easy sign-up is
20. 20.💾 What does this code show? (Positions start at 0.)
    let songs = ["Stars", "Rain", "Sunrise", "Ocean", "Monsoon"];
    show(songs[4]); (a) Rain (b) Monsoon (c) Stars (d) Sunrise
21. 21.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
22. 22.Which of these is true of a menu button? (a) sits at the bottom (b) goes to the last screen (c) hides extra links (d) shows 3 to 5 icons
23. 23.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
24. 24.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Music", "Sports", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Sports (c) Music (d) Hindi
25. 25.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
26. 26.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) tab bar (d) dead end
27. 27.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) so anyone can follow (d) to hide the sound
28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Score card”
    4. tap Back
    Which screen are you on now? (a) Score card (b) Home (c) Search (d) Match report
29. 29.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) the app is closed (c) you send a message (d) the screen turns off
30. 30.True or false: strong colour contrast is good button design. (a) False (b) True
31. 31.🎨 UI stands for user ___. (a) internet (b) idea (c) input (d) interface
32. 32.Which of these is true of a wireframe? (a) uses plain grey boxes (b) shows the real fonts (c) uses the final pictures (d) has the real colours
33. 33.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
34. 34.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
35. 35.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the last app used (c) the phone settings (d) a random page
36. 36.🔀 What is a user flow? (a) a charging cable (b) a colour theme (c) a type of font (d) the path through screens
37. 37.True or false: whether users get lost is about UI (the look). (a) True (b) False
38. 38.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
39. 39.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a charging cable (d) a type of password
40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Match report”
    3. tap the Lessons tab
    4. open “Badges”
    5. open “Badges”
    Which screen are you on now? (a) Match report (b) Lessons (c) Badges (d) Quiz

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