App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 33 · 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 → Offers → Menu → Size
   Design B: Home → Item → Cart → Results → Confirm
2. 2.Which of these is true of a menu button? (a) sits at the bottom (b) hides extra links (c) goes to the last screen (d) undoes one move
3. 3.💾 What number does this code show?
   let stars = 6;
   stars = stars - 3;
   stars = stars + 4;
   show(stars);
4. 4.Which colour pair is easy to read? (a) red on green (b) light grey on white (c) yellow on white (d) black on pale grey
5. 5.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
6. 6.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) has the real colours (d) shows where things go
7. 7.True or false: grey text on grey is poor button design. (a) True (b) False
8. 8.🔍 Which is the odd one out? (a) fast-flashing lights (b) icons with no labels (c) sudden loud sounds (d) big touch targets
9. 9.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
10. 10.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
11. 11.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
12. 12.💾 What number does this code show?
    let notes = ["Art", "Music"];
    notes.push("Maths");
    notes.push("Sports");
    show(notes.length);
13. 13.Which of these fits saving on the phone? (a) chat messages to friends (b) notes to read offline (c) a shared to-do list (d) a class leaderboard
14. 14.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to add more taps (d) to hide the buttons
15. 15.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
16. 16.Which of these is about UI (the look)? (a) the icon shapes (b) how users feel after (c) whether users get lost (d) how many taps it takes
17. 17.♿ Accessibility means an app works for ___. (a) only experts (b) only the coder (c) everyone (d) nobody
18. 18.🧭 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
19. 19.🔍 Which is the odd one out? (a) the icon shapes (b) how users feel after (c) the font size (d) the theme colours
20. 20.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Help page”
    4. open “Score card”
    5. open “Score card”
    Which screen are you on now? (a) Map (b) Help page (c) Lessons (d) Score card
21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 52 px tall
    Cancel button: 68 px tall
    Save button: 36 px tall
    Send button: 68 px tall (a) Cancel (b) Save (c) Send (d) Next
22. 22.💾 What number does this code show?
    let stars = 7;
    stars = stars - 1;
    stars = stars + 4;
    show(stars);
23. 23.🔢 In a food-order flow, what comes right after “pick a dish”? (a) check the cart (b) pay for the order (c) add it to the cart (d) open the menu
24. 24.Which of these makes the app harder to use? (a) text that can grow (b) captions on videos (c) labels on every icon (d) icons with no labels
25. 25.True or false: “labels on every icon” makes the app harder to use. (a) True (b) False
26. 26.True or false: a final design uses plain grey boxes. (a) False (b) True
27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Offers → Pens → Address
    Design B: Home → Pay → Menu → Cart → Pens → Search → Confirm
28. 28.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ Add button ]
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ search box ] (a) top bar (b) tab bar (c) search box (d) Add button
29. 29.True or false: photos on two devices fits saving on the phone. (a) False (b) True
30. 30.💾 What number does this code show?
    let friends = ["Kabir", "Arjun", "Meera"];
    friends.push("Zoya");
    show(friends.length);
31. 31.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) dark blue on black (d) white on black
32. 32.🎨 Is this about UI or UX: how users feel after? (a) UX (b) UI
33. 33.🔀 What is a user flow? (a) a charging cable (b) the path through screens (c) a type of font (d) a colour theme
34. 34.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Home tab
    3. tap the Home tab
    Which screen are you on now? (a) Video (b) Profile (c) Home (d) Search
35. 35.Which of these is about UX (the experience)? (a) how fast a task is done (b) the theme colours (c) the font size (d) the icon shapes
36. 36.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) make a password (c) enter the code sent (d) type name and email
37. 37.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ search box ]
    [ big picture ]
    [ tab bar ]
38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Address → Results → Pens → Item → Shop
    Design B: Home → Cart → Pay → Item → Search → Pens (a) Design B (b) Design A
39. 39.True or false: a wireframe has the real colours. (a) False (b) True
40. 40.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Cart → Confirm → Menu
    Design B: Home → Size → Item → Offers → Confirm → Search → Results

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