App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 669 · 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). How many taps does the shorter design save?
   Design A: Home → Pens → Search → Menu → Confirm → Address
   Design B: Home → Results → Confirm
2. 2.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Map”
   2. open “Help page”
   3. open “Badges”
   4. tap the Lessons tab
   5. tap the Lessons tab
   Which screen are you on now? (a) Badges (b) Lessons (c) Help page (d) Map
3. 3.🔍 Which is the odd one out? (a) the font size (b) the icon shapes (c) the theme colours (d) how fast a task is done
4. 4.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
5. 5.True or false: a final design is a quick sketch. (a) False (b) True
6. 6.Which of these is about UX (the experience)? (a) the theme colours (b) the font size (c) how fast a task is done (d) the button colours
7. 7.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
8. 8.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
9. 9.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
10. 10.Which of these fits saving on the phone? (a) chat messages to friends (b) the sound on/off setting (c) photos on two devices (d) a class leaderboard
11. 11.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Pay → Shop → Item
    Design B: Home → Address → Cart
13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Confirm → Shop
    Design B: Home → Address → Pens
14. 14.💾 What does this code show? (Positions start at 0.)
    let notes = ["Music", "Hindi", "Sports", "Art"];
    show(notes[3]); (a) Sports (b) Music (c) Art (d) Hindi
15. 15.True or false: the icon shapes is about UX (the experience). (a) True (b) False
16. 16.✏️ What is a wireframe? (a) a type of password (b) the finished app (c) a charging cable (d) a simple screen sketch
17. 17.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
18. 18.Which of these is about UX (the experience)? (a) the button colours (b) how many taps it takes (c) the screen layout (d) the theme colours
19. 19.True or false: a wireframe is a quick sketch. (a) True (b) False
20. 20.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) it saves data (d) changes are quick
21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 64 px tall
    Back button: 72 px tall
    Send button: 56 px tall
    Start button: 24 px tall (a) Help (b) Start (c) Send (d) Back
22. 22.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Music", "Maths", "Sports", "Art"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Maths (c) Music (d) Sports
23. 23.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
24. 24.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
25. 25.True or false: space between buttons is poor button design. (a) True (b) False
26. 26.🔍 Which is the odd one out? (a) the button colours (b) how easy sign-up is (c) the font size (d) the theme colours
27. 27.🔢 In a photo-post flow, which comes LAST? (a) take the photo (b) open the camera screen (c) post the photo (d) add a filter
28. 28.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ Add button ]
    [ title text ]
    [ tab bar ]
    [ Save button ] (a) Add button (b) title text (c) Save button (d) tab bar
29. 29.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) opens settings (d) closes all apps
30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Next button: 56 px tall
    Start button: 60 px tall
31. 31.🔍 Which is the odd one out? (a) how users feel after (b) how easy sign-up is (c) the screen layout (d) how many taps it takes
32. 32.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 32 px tall
    Done button: 64 px tall
    Back button: 36 px tall
33. 33.🔍 Which is the odd one out? (a) captions on videos (b) tiny tap areas (c) labels on every icon (d) big touch targets
34. 34.True or false: whether users get lost is about UI (the look). (a) False (b) True
35. 35.💾 What number does this code show?
    let songs = ["Ocean", "Monsoon"];
    songs.push("Kites");
    show(songs.length);
36. 36.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Video”
    3. tap the Feed tab
    How many times must you tap Back to reach the main screen of this tab?
38. 38.🔘 Our rule: buttons are at least 48 px tall. The Done button is 24 px tall. How many px taller must it be?
39. 39.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) read a question (c) see if it is right (d) see the final score
40. 40.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) pick an answer (c) tap “Start quiz” (d) see if it is right

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