App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 947 · 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 Home, Search, Profile. You start on Home, then:
   1. open “Friend list”
   2. tap the Home tab
   3. open “Match report”
   4. tap the Search tab
   5. tap the Profile tab
   Which screen are you on now? (a) Match report (b) Home (c) Profile (d) Friend list
2. 2.🔢 In a sign-up flow, which comes first: “enter the code sent” or “open the app”? (a) open the app (b) enter the code sent
3. 3.🖼️ How many parts (boxes) does this wireframe have?
   [ search box ]
   [ list of items ]
   [ filter buttons ]
   [ top bar ]
   [ tab bar ]
4. 4.Which colour pair is easy to read? (a) pale pink on white (b) yellow on white (c) red on green (d) white on black
5. 5.🔢 In a quiz-app flow, which comes first: “read a question” or “pick an answer”? (a) read a question (b) pick an answer
6. 6.💾 What does this code show? (Positions start at 0.)
   let friends = ["Zoya", "Arjun", "Kabir", "Aman"];
   show(friends[1]); (a) Kabir (b) Aman (c) Arjun (d) Zoya
7. 7.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) shows the real fonts (d) is a quick sketch
8. 8.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) type name and email (b) see the home screen (c) open the app (d) make a password
9. 9.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Results → Offers → Address
   Design B: Home → Shop → Results → Confirm → Menu → Pens → Address (a) Design B (b) Design A
10. 10.True or false: how fast a task is done is about UI (the look). (a) True (b) False
11. 11.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
12. 12.Which of these helps everyone use the app? (a) tiny tap areas (b) fast-flashing lights (c) text that can grow (d) sudden loud sounds
13. 13.🖼️ In this wireframe (top to bottom), what is right above the list of items?
    [ search box ]
    [ big picture ]
    [ list of items ]
    [ top bar ] (a) search box (b) big picture (c) top bar
14. 14.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 13 px
    Menu: 13 px
    Footer: 13 px
    Hint: 11 px
15. 15.🎨 Is this about UI or UX: the screen layout? (a) UI (b) UX
16. 16.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) see the home screen (c) open the app (d) type name and email
17. 17.Which of these is true of a final design? (a) uses the final pictures (b) is a quick sketch (c) has no real colours (d) shows where things go
18. 18.Which of these is about UI (the look)? (a) how fast a task is done (b) the theme colours (c) how many taps it takes (d) how users feel after
19. 19.💾 What number does this code show?
    let lives = 8;
    lives = lives - 1;
    lives = lives + 1;
    show(lives);
20. 20.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Results → Pay
    Design B: Home → Shop → Offers → Pay → Pens → Search → Cart (a) Design B (b) Design A
21. 21.🎨 UX stands for user ___. (a) experience (b) extra (c) example (d) express
22. 22.🎨 Is this about UI or UX: the icon shapes? (a) UI (b) UX
23. 23.🔢 In a quiz-app flow, which comes LAST? (a) see if it is right (b) tap “Start quiz” (c) see the final score (d) pick an answer
24. 24.True or false: a wireframe uses plain grey boxes. (a) True (b) False
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 20 px
    Label: 19 px
    Footer: 9 px (a) Label (b) Title (c) Footer
26. 26.🔍 Which is the odd one out? (a) big touch targets (b) fast-flashing lights (c) captions on videos (d) strong colour contrast
27. 27.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a type of screen (d) a picture
28. 28.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Kabir", "Arjun", "Aman", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Arjun (b) Riya (c) Aman (d) Kabir
29. 29.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Size → Cart
    Design B: Home → Search → Pens → Pay → Size → Shop → Item
30. 30.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
31. 31.True or false: grey text on grey is poor button design. (a) True (b) False
32. 32.Which of these fits saving on the phone? (a) your last game level (b) a class leaderboard (c) photos on two devices (d) chat messages to friends
33. 33.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) add a filter (c) post the photo (d) open the camera screen
34. 34.🧭 What does the back button usually do? (a) goes to the last screen (b) closes all apps (c) deletes the page (d) opens settings
35. 35.🔢 In a food-order flow, which comes first: “pick a dish” or “pay for the order”? (a) pay for the order (b) pick a dish
36. 36.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ filter buttons ]
    [ search box ]
    [ list of items ]
    [ menu icon ]
37. 37.True or false: the button colours is about UX (the experience). (a) True (b) False
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Cart → Item → Confirm → Results
    Design B: Home → Cart → Shop → Menu → Search → Pay → Address
39. 39.♿ Does this help everyone, or make the app harder to use: captions on videos? (a) makes it harder (b) helps everyone
40. 40.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read

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