App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 933 · 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: fast-flashing lights? (a) makes it harder (b) helps everyone
2. 2.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Footer: 13 px
   Label: 23 px
   Title: 12 px
   Hint: 17 px
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. open “Video”
   3. tap Back
   4. open “Match report”
   How many times must you tap Back to reach the main screen of this tab?
4. 4.🔢 In a quiz-app flow, which comes LAST? (a) read a question (b) pick an answer (c) see the final score (d) tap “Start quiz”
5. 5.🎨 Is this about UI or UX: whether users get lost? (a) UI (b) UX
6. 6.🧭 Why should every screen show where you are? (a) to use more battery (b) to hide the menu (c) to look busy (d) so users do not get lost
7. 7.💾 What number does this code show?
   let songs = ["Ocean", "Sunrise", "Stars"];
   songs.push("Monsoon");
   show(songs.length);
8. 8.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable
9. 9.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Video”
   2. tap Back
   3. open “Video”
   How many times must you tap Back to reach the main screen of this tab?
10. 10.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) take the photo (c) post the photo (d) add a filter
11. 11.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) home screen (d) shortcut
12. 12.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
13. 13.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design
14. 14.True or false: a final design looks like the real app. (a) False (b) True
15. 15.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
16. 16.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) on the phone (b) in the cloud
17. 17.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ top bar ]
    [ menu icon ]
    [ title text ]
    [ search box ] (a) search box (b) menu icon (c) top bar
18. 18.True or false: “tiny tap areas” makes the app harder to use. (a) False (b) True
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Pens → Pay → Confirm → Offers
    Design B: Home → Item → Confirm → Results → Size
20. 20.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a 3D printer (c) pencil and paper (d) a phone case
21. 21.🎨 Is this about UI or UX: how many taps it takes? (a) UI (b) UX
22. 22.Which of these is true of a wireframe? (a) is a quick sketch (b) shows the real fonts (c) looks like the real app (d) has the real colours
23. 23.🎨 A beautiful app that confuses everyone has ___. (a) good UI but poor UX (b) good UX but poor UI (c) no UI at all (d) perfect UX
24. 24.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 21 px
    Menu: 14 px
    Label: 10 px
25. 25.💾 What number does this code show?
    let points = 3;
    points = points - 1;
    points = points + 1;
    show(points);
26. 26.🔍 Which is the odd one out? (a) how many taps it takes (b) how users feel after (c) the icon shapes (d) how easy sign-up is
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Badges”
    3. open “Map”
    4. open “Match report”
    5. open “Friend list”
    Which screen are you on now? (a) Badges (b) Friend list (c) Map (d) Score card
28. 28.Which colour pair is hard to read? (a) white on black (b) black on pale grey (c) light grey on white (d) dark blue on white
29. 29.Which of these is true of a final design? (a) shows where things go (b) has no real colours (c) uses plain grey boxes (d) looks like the real app
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Results → Confirm
    Design B: Home → Item → Cart → Results → Shop (a) Design B (b) Design A
31. 31.✏️ What is a wireframe? (a) a simple screen sketch (b) a charging cable (c) the finished app (d) a type of password
32. 32.🔘 Is this good or poor button design: a clear word like Save? (a) poor design (b) good design
33. 33.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ tab bar ]
    [ menu icon ]
    [ big picture ]
    [ top bar ]
    [ search box ] (a) big picture (b) top bar (c) search box (d) tab bar
34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. open “Video”
    3. open “Video”
    Which screen are you on now? (a) Quiz (b) Lessons (c) Me (d) Video
35. 35.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) a menu button (c) the back button
36. 36.Which of these is true of a final design? (a) is a quick sketch (b) uses the final pictures (c) uses plain grey boxes (d) shows where things go
37. 37.True or false: a big, easy tap area is poor button design. (a) True (b) False
38. 38.💾 What number does this code show?
    let friends = ["Riya", "Arjun", "Zoya"];
    friends.push("Aman");
    friends.push("Meera");
    show(friends.length);
39. 39.True or false: whether users get lost is about UI (the look). (a) False (b) True
40. 40.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) open the app (c) enter the code sent (d) tap “Sign up”

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