App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 944 · 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 colour pair is hard to read? (a) white on black (b) black on pale grey (c) white on dark green (d) dark blue on black
2. 2.💾 What number does this code show?
   let friends = ["Meera", "Aman", "Riya"];
   friends.push("Kabir");
   show(friends.length);
3. 3.💾 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
4. 4.True or false: a final design has the real colours. (a) True (b) False
5. 5.♿ A screen has 10 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
6. 6.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 1 (c) 10 (d) 0
7. 7.🖼️ In this wireframe (top to bottom), what is right above the title text?
   [ Save button ]
   [ list of items ]
   [ title text ]
   [ top bar ]
   [ big picture ]
   [ search box ] (a) Save button (b) top bar (c) big picture (d) list of items
8. 8.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
9. 9.♿ Showing right or wrong only in red and green is a problem for ___. (a) the battery (b) colour-blind users (c) the server (d) fast typists
10. 10.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Music", "Sports", "Maths"];
    show(notes[1]); (a) Maths (b) Sports (c) Music (d) Art
11. 11.✏️ What is the easiest way to draw a first wireframe? (a) pencil and paper (b) a microphone (c) a 3D printer (d) a phone case
12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ big picture ]
    [ Save button ]
    [ search box ]
    [ filter buttons ]
    [ top bar ]
13. 13.Which colour pair is hard to read? (a) white on black (b) dark blue on white (c) pale pink on white (d) white on dark green
14. 14.Which of these is true of the back button? (a) sits at the bottom (b) opens a list of pages (c) switches main sections (d) undoes one move
15. 15.Which of these fits saving in the cloud? (a) the sound on/off setting (b) a draft you are typing (c) your last game level (d) a shared to-do list
16. 16.🔍 Which is the odd one out? (a) how easy sign-up is (b) how many taps it takes (c) how users feel after (d) the button colours
17. 17.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
18. 18.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
19. 19.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
20. 20.🔍 Which is the odd one out? (a) fast-flashing lights (b) tiny tap areas (c) text that can grow (d) colour as the only clue
21. 21.🔢 In a food-order flow, which comes FIRST? (a) pay for the order (b) add it to the cart (c) check the cart (d) open the menu
22. 22.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) the same screen (c) a random page (d) a dead end
23. 23.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
24. 24.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ title text ]
    [ filter buttons ]
    [ big picture ]
    [ search box ] (a) title text (b) search box (c) big picture
25. 25.🔍 Which is the odd one out? (a) tiny tap areas (b) colour as the only clue (c) big touch targets (d) icons with no labels
26. 26.🔘 Is this good or poor button design: grey text on grey? (a) poor design (b) good design
27. 27.🔀 What is a user flow? (a) a type of font (b) the path through screens (c) a charging cable (d) a colour theme
28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Item → Results → Cart → Pens → Confirm
    Design B: Home → Address → Cart (a) Design B (b) Design A
29. 29.Which of these is about UI (the look)? (a) how users feel after (b) how fast a task is done (c) how many taps it takes (d) the button colours
30. 30.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Help page”
    3. open “Video”
    4. tap Back
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
32. 32.Which of these is about UX (the experience)? (a) the font size (b) the button colours (c) how fast a task is done (d) the icon shapes
33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 28 px
    Label: 13 px
    Body text: 19 px (a) Label (b) Title (c) Body text
34. 34.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) labels on every icon (d) sudden loud sounds
35. 35.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Item → Address → Pens → Offers
    Design B: Home → Address → Pens (a) Design A (b) Design B
36. 36.🔢 In a food-order flow, what comes right after “check the cart”? (a) open the menu (b) track the order (c) pay for the order (d) add it to the cart
37. 37.♿ A screen has 8 icon buttons. Only 7 of them have a text label for screen readers. How many still need a label?
38. 38.💾 What number does this code show?
    let lives = 9;
    lives = lives - 4;
    lives = lives + 5;
    show(lives);
39. 39.🔢 In a quiz-app flow, what comes right after “see if it is right”? (a) tap “Start quiz” (b) see the final score (c) pick an answer (d) read a question
40. 40.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone

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