App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 750 · 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 Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Map”
   2. tap Back
   3. open “Video”
   4. tap the Lessons tab
   Which screen are you on now? (a) Map (b) Quiz (c) Lessons (d) Video
2. 2.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) opens a list of pages (d) sits at the bottom
3. 3.🖼️ In this wireframe (top to bottom), what is right below the list of items?
   [ Save button ]
   [ search box ]
   [ menu icon ]
   [ title text ]
   [ list of items ]
   [ big picture ] (a) search box (b) Save button (c) menu icon (d) big picture
4. 4.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Item → Offers → Results
   Design B: Home → Shop → Pay → Item → Cart → Address
6. 6.Which of these fits saving on the phone? (a) a shared to-do list (b) notes to read offline (c) chat messages to friends (d) a class leaderboard
7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Match report”
   2. open “Friend list”
   3. tap the Search tab
   How many times must you tap Back to reach the main screen of this tab?
8. 8.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) add a filter (b) write a caption (c) take the photo (d) post the photo
9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Friend list”
   2. tap the Settings tab
   3. tap the Feed tab
   Which screen are you on now? (a) Feed (b) Friend list (c) Chat (d) Settings
10. 10.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ title text ]
    [ Save button ]
    [ top bar ] (a) menu icon (b) top bar (c) Save button (d) title text
11. 11.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) is a quick sketch (d) has the real colours
12. 12.Which colour pair is hard to read? (a) yellow on white (b) white on black (c) dark blue on white (d) black on pale grey
13. 13.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 10 px
    Label: 27 px
    Caption: 21 px (a) Caption (b) Footer (c) Label
14. 14.🔀 Why plan the user flow before building? (a) to hide the buttons (b) to skip testing (c) so each step is clear (d) to add more taps
15. 15.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
16. 16.🔘 Our rule: buttons are at least 48 px tall. The Done button is 20 px tall. How many px taller must it be?
17. 17.💾 What number does this code show?
    let notes = ["Sports", "Music", "Hindi"];
    notes.push("Art");
    show(notes.length);
18. 18.Which of these fits saving in the cloud? (a) chat messages to friends (b) the sound on/off setting (c) a draft you are typing (d) your last game level
19. 19.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ list of items ]
    [ filter buttons ]
    [ tab bar ] (a) search box (b) filter buttons (c) tab bar (d) list of items
21. 21.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
22. 22.💾 What number does this code show?
    let coins = 4;
    coins = coins - 1;
    coins = coins + 1;
    show(coins);
23. 23.🔘 Our rule: buttons are at least 48 px tall. The Send button is 24 px tall. How many px taller must it be?
24. 24.True or false: the screen layout is about UI (the look). (a) True (b) False
25. 25.True or false: a wireframe has no real colours. (a) False (b) True
26. 26.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
27. 27.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) better UX (c) a bigger app (d) more colours
28. 28.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 32 px tall
    Next button: 52 px tall
    Help button: 32 px tall
    Cancel button: 32 px tall
30. 30.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) a 3D printer (d) pencil and paper
31. 31.🔢 In a food-order flow, which comes first: “pay for the order” or “add it to the cart”? (a) pay for the order (b) add it to the cart
32. 32.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
33. 33.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
34. 34.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ search box ]
    [ menu icon ]
    [ tab bar ]
    [ list of items ] (a) list of items (b) search box (c) tab bar
35. 35.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) so anyone can follow (d) to hide the sound
36. 36.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Match report”
    3. tap Back
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
38. 38.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
39. 39.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 24 px tall. How many px taller must it be?
40. 40.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Science", "Art"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Science (c) Maths

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