App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 565 · 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.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) pick a dish (b) open the menu (c) check the cart (d) pay for the order
2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. open “Edit photo”
   3. tap the Settings tab
   4. tap the Settings tab
   5. open “Score card”
   Which screen are you on now? (a) Feed (b) Score card (c) Chat (d) Edit photo
3. 3.Which colour pair is hard to read? (a) black on yellow (b) white on dark green (c) black on pale grey (d) dark blue on black
4. 4.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) so anyone can follow (d) to slow them down
5. 5.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) switches main sections (c) hides extra links (d) undoes one move
6. 6.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
7. 7.Which of these is true of a final design? (a) has no real colours (b) looks like the real app (c) shows where things go (d) uses plain grey boxes
8. 8.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Hint: 26 px
   Menu: 18 px
   Label: 16 px
   Caption: 9 px
   Title: 21 px (a) Label (b) Hint (c) Caption (d) Menu
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ search box ]
   [ list of items ]
   [ title text ]
   [ tab bar ]
   [ filter buttons ] (a) tab bar (b) title text (c) filter buttons (d) search box
10. 10.💾 What does this code show? (Positions start at 0.)
    let friends = ["Arjun", "Riya", "Meera", "Zoya"];
    show(friends[2]); (a) Meera (b) Zoya (c) Arjun (d) Riya
11. 11.Which colour pair is easy to read? (a) yellow on white (b) pale pink on white (c) white on black (d) red on green
12. 12.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) dark blue on white (d) yellow on white
13. 13.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
14. 14.Which of these is about UI (the look)? (a) how easy sign-up is (b) how fast a task is done (c) whether users get lost (d) the icon shapes
15. 15.🔢 In a sign-up flow, what comes right after “open the app”? (a) tap “Sign up” (b) type name and email (c) enter the code sent (d) make a password
16. 16.Which of these is about UX (the experience)? (a) the button colours (b) the font size (c) the theme colours (d) how users feel after
17. 17.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) how easy sign-up is (d) the font size
18. 18.💾 What does this code show? (Positions start at 0.)
    let notes = ["Hindi", "Maths", "Science", "Art", "Music"];
    show(notes[4]); (a) Science (b) Music (c) Maths (d) Hindi
19. 19.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) inside a button (c) nowhere (d) at the bottom
20. 20.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
21. 21.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Stars", "Ocean", "Sunrise", "Monsoon"];
    show(songs[3]); (a) Ocean (b) Sunrise (c) Rain (d) Stars
22. 22.💾 What number does this code show?
    let notes = ["Art", "Maths"];
    notes.push("Sports");
    show(notes.length);
23. 23.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to use more battery (c) to hide the menu (d) to look busy
24. 24.True or false: strong colour contrast is good button design. (a) True (b) False
25. 25.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Results → Offers → Pens → Menu → Size
    Design B: Home → Pay → Menu (a) Design B (b) Design A
26. 26.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ Save button ]
    [ Add button ]
    [ big picture ]
    [ tab bar ] (a) tab bar (b) big picture (c) Save button
27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Shop → Search → Offers → Cart
    Design B: Home → Search → Cart (a) Design A (b) Design B
28. 28.💾 What number does this code show?
    let lives = 4;
    lives = lives - 1;
    lives = lives + 2;
    show(lives);
29. 29.True or false: space between buttons is poor button design. (a) False (b) True
30. 30.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
31. 31.🔢 In a food-order flow, what comes right after “check the cart”? (a) pick a dish (b) open the menu (c) track the order (d) pay for the order
32. 32.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) how fast a task is done (d) how users feel after
33. 33.💾 What number does this code show?
    let notes = ["Sports", "Maths"];
    notes.push("Hindi");
    notes.push("Music");
    show(notes.length);
34. 34.🧭 What does the back button usually do? (a) deletes the page (b) opens settings (c) closes all apps (d) goes to the last screen
35. 35.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Maths", "Hindi", "Music", "Art"];
    show(notes[1]); (a) Sports (b) Hindi (c) Maths (d) Music
36. 36.True or false: how users feel after is about UI (the look). (a) False (b) True
37. 37.🔢 In a sign-up flow, which comes first: “make a password” or “enter the code sent”? (a) make a password (b) enter the code sent
38. 38.Which of these makes the app harder to use? (a) labels on every icon (b) text that can grow (c) icons with no labels (d) strong colour contrast
39. 39.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) type name and email (c) see the home screen (d) enter the code sent
40. 40.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 16 px
    Label: 25 px
    Menu: 9 px (a) Hint (b) Label (c) Menu

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