App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 494 · 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.True or false: a clear word like Save is good button design. (a) False (b) True
2. 2.Which of these fits saving on the phone? (a) chat messages to friends (b) photos on two devices (c) a shared to-do list (d) your last game level
3. 3.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) tab bar (d) dead end
4. 4.♿ A screen has 6 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
5. 5.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) how users feel after (d) the icon shapes
6. 6.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
7. 7.True or false: space between buttons is poor button design. (a) False (b) True
8. 8.🌗 Is light grey on white easy or hard to read on a button? (a) easy to read (b) hard to read
9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Help page”
   2. tap the Home tab
   3. open “Video”
   4. open “Badges”
   Which screen are you on now? (a) Badges (b) Video (c) Help page (d) Home
10. 10.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Stars", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Stars (b) Monsoon (c) Sunrise
11. 11.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
12. 12.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) a random page (c) the same screen (d) a dead end
13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ menu icon ]
    [ top bar ]
    [ tab bar ]
    [ Save button ]
14. 14.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Next button: 72 px tall
    Cancel button: 68 px tall
    Save button: 24 px tall
    Done button: 48 px tall (a) Cancel (b) Next (c) Save (d) Done
15. 15.💾 What is a variable? (a) a phone setting (b) a picture (c) a named box for a value (d) a type of screen
16. 16.🔢 In a quiz-app flow, which comes first: “read a question” or “pick an answer”? (a) read a question (b) pick an answer
17. 17.Which of these is true of a tab bar? (a) goes to the last screen (b) opens a list of pages (c) switches main sections (d) hides extra links
18. 18.Which of these is true of a wireframe? (a) has the real colours (b) shows where things go (c) uses the final pictures (d) looks like the real app
19. 19.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
20. 20.🔍 Which is the odd one out? (a) the button colours (b) the theme colours (c) how fast a task is done (d) the icon shapes
21. 21.True or false: a wireframe uses plain grey boxes. (a) True (b) False
22. 22.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 44 px tall
    Save button: 56 px tall
    Next button: 40 px tall
23. 23.True or false: a tiny 20 px button is poor button design. (a) True (b) False
24. 24.True or false: the font size is about UX (the experience). (a) False (b) True
25. 25.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 19 px
    Label: 13 px
    Body text: 17 px (a) Label (b) Body text (c) Title
27. 27.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
28. 28.💾 Where should the app save chat messages to friends: on the phone or in the cloud? (a) on the phone (b) in the cloud
29. 29.🔘 Our rule: buttons are at least 48 px tall. The Back button is 24 px tall. How many px taller must it be?
30. 30.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 1 (c) 3 to 5 (d) 10 to 12
31. 31.💾 What number does this code show?
    let notes = ["Hindi", "Art", "Science"];
    notes.push("Music");
    notes.push("Maths");
    show(notes.length);
32. 32.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
33. 33.🔢 In a food-order flow, which comes first: “add it to the cart” or “check the cart”? (a) check the cart (b) add it to the cart
34. 34.Which of these is about UX (the experience)? (a) the font size (b) how many taps it takes (c) the button colours (d) the icon shapes
35. 35.Which of these fits saving on the phone? (a) photos on two devices (b) a shared to-do list (c) the sound on/off setting (d) chat messages to friends
36. 36.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Item → Search → Shop → Pens → Confirm → Cart
    Design B: Home → Pay → Shop
37. 37.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) shows the real fonts (d) uses plain grey boxes
38. 38.True or false: a final design has no real colours. (a) False (b) True
39. 39.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
40. 40.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) make a password (b) tap “Sign up” (c) type name and email (d) see the home screen

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