App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 373 · 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 is about UX (the experience)? (a) the screen layout (b) the theme colours (c) the font size (d) how users feel after
2. 2.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
3. 3.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) no UI at all (c) good UX but poor UI (d) good UI but poor UX
4. 4.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) write a caption (b) add a filter
5. 5.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) has the real colours (d) is a quick sketch
6. 6.True or false: a clear word like Save is good button design. (a) True (b) False
7. 7.💾 What number does this code show?
   let score = 5;
   score = score - 3;
   score = score + 4;
   show(score);
8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Feed tab
   2. tap the Chat tab
   3. open “Match report”
   4. tap the Settings tab
   Which screen are you on now? (a) Chat (b) Settings (c) Feed (d) Match report
9. 9.🔍 Which is the odd one out? (a) whether users get lost (b) how fast a task is done (c) how users feel after (d) the icon shapes
10. 10.🔍 Which is the odd one out? (a) tiny tap areas (b) fast-flashing lights (c) labels on every icon (d) icons with no labels
11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 44 px tall
    Help button: 32 px tall
    Next button: 32 px tall
    Start button: 36 px tall
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Cart → Pens → Pay → Results → Offers
    Design B: Home → Menu → Address → Pay → Cart → Pens → Confirm
13. 13.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
14. 14.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) makes it harder (b) helps everyone
15. 15.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ Save button ]
    [ Add button ]
    [ menu icon ] (a) Add button (b) menu icon (c) list of items (d) filter buttons
16. 16.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
17. 17.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
18. 18.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
19. 19.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Add button ]
    [ list of items ]
    [ top bar ]
    [ search box ]
    [ title text ]
    [ menu icon ] (a) title text (b) menu icon (c) list of items (d) top bar
20. 20.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see the final score”? (a) tap “Start quiz” (b) see the final score
21. 21.💾 Which works with no internet at all? (a) a cloud leaderboard (b) a shared chat (c) a cloud backup (d) data saved on the phone
22. 22.🔢 In a sign-up flow, which comes FIRST? (a) see the home screen (b) make a password (c) enter the code sent (d) open the app
23. 23.Which of these fits saving on the phone? (a) a class leaderboard (b) chat messages to friends (c) photos on two devices (d) the sound on/off setting
24. 24.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Pay → Menu → Cart
    Design B: Home → Item → Confirm (a) Design A (b) Design B
25. 25.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) notes to read offline (d) a class leaderboard
26. 26.True or false: strong colour contrast is good button design. (a) True (b) False
27. 27.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
28. 28.🎨 UX stands for user ___. (a) extra (b) express (c) experience (d) example
29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Save button: 64 px tall
    Start button: 36 px tall
    Send button: 48 px tall
30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap the Search tab
    3. open “Friend list”
    4. tap Back
    Which screen are you on now? (a) Search (b) Home (c) Edit photo (d) Friend list
31. 31.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Rain", "Ocean", "Stars"];
    show(songs[2]); (a) Stars (b) Monsoon (c) Ocean (d) Rain
32. 32.Which of these helps everyone use the app? (a) colour as the only clue (b) fast-flashing lights (c) tiny tap areas (d) labels on every icon
33. 33.💾 What number does this code show?
    let friends = ["Riya", "Meera"];
    friends.push("Kabir");
    friends.push("Aman");
    show(friends.length);
34. 34.🔍 Which is the odd one out? (a) the button colours (b) the font size (c) how users feel after (d) the theme colours
35. 35.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 10 px
    Body text: 19 px
    Label: 22 px
    Footer: 12 px
36. 36.🧭 Tapping a tab usually takes you to ___. (a) the last app used (b) a random page (c) the phone settings (d) that tab’s main screen
37. 37.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Video”
    3. tap Back
    Which screen are you on now? (a) Chat (b) Feed (c) Video (d) Settings
38. 38.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
39. 39.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Save button ]
    [ title text ]
    [ list of items ]
    [ top bar ] (a) Save button (b) title text (c) list of items
40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 11 px
    Label: 20 px
    Body text: 15 px

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