App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 467 · 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.🧭 Why should every screen show where you are? (a) to hide the menu (b) to look busy (c) so users do not get lost (d) to use more battery
2. 2.♿ A screen has 5 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?
3. 3.🖼️ In this wireframe (top to bottom), what is right below the Add button?
   [ top bar ]
   [ search box ]
   [ Add button ]
   [ Save button ] (a) Save button (b) search box (c) top bar
4. 4.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Menu: 13 px
   Title: 20 px
   Body text: 22 px
5. 5.Which of these is true of a menu button? (a) sits at the bottom (b) hides extra links (c) undoes one move (d) goes to the last screen
6. 6.True or false: a tiny 20 px button is good button design. (a) True (b) False
7. 7.Which of these is about UX (the experience)? (a) how users feel after (b) the screen layout (c) the button colours (d) the font size
8. 8.True or false: how users feel after is about UI (the look). (a) True (b) False
9. 9.💾 What number does this code show?
   let points = 5;
   points = points - 5;
   points = points + 4;
   show(points);
10. 10.True or false: a final design shows the real fonts. (a) True (b) False
11. 11.True or false: the button colours is about UI (the look). (a) True (b) False
12. 12.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) write a caption (b) add a filter (c) take the photo (d) post the photo
13. 13.True or false: a shared to-do list fits saving on the phone. (a) True (b) False
14. 14.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) looks like the real app (d) is a quick sketch
15. 15.🌗 Is black on yellow easy or hard to read on a button? (a) easy to read (b) hard to read
16. 16.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ search box ]
    [ Add button ]
    [ filter buttons ]
    [ big picture ] (a) search box (b) filter buttons (c) Add button
17. 17.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) uses plain grey boxes (d) has the real colours
18. 18.🎨 UX stands for user ___. (a) experience (b) example (c) express (d) extra
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Next button: 44 px tall
    Cancel button: 36 px tall
    Done button: 44 px tall
    Send button: 64 px tall
20. 20.True or false: “labels on every icon” helps everyone use the app. (a) True (b) False
21. 21.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 36 px tall
    Done button: 56 px tall
    Save button: 72 px tall
    Cancel button: 72 px tall (a) Save (b) Cancel (c) Done (d) Send
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. open “Friend list”
    3. tap the Lessons tab
    Which screen are you on now? (a) Quiz (b) Lessons (c) Friend list (d) Help page
23. 23.True or false: a final design has the real colours. (a) False (b) True
24. 24.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) makes it harder (b) helps everyone
25. 25.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
26. 26.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
27. 27.True or false: a big, easy tap area is poor button design. (a) True (b) False
28. 28.💾 What number does this code show?
    let notes = ["Science", "Maths", "Hindi"];
    notes.push("Sports");
    show(notes.length);
29. 29.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
30. 30.🧭 Which part of navigation hides extra links? (a) the back button (b) a tab bar (c) a menu button
31. 31.🔍 Which is the odd one out? (a) sudden loud sounds (b) tiny tap areas (c) strong colour contrast (d) colour as the only clue
32. 32.💾 Which can hold many values in order? (a) a list (b) a single number (c) a button (d) a switch
33. 33.True or false: how users feel after is about UX (the experience). (a) False (b) True
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 72 px tall
    Done button: 56 px tall
    Help button: 52 px tall
    Back button: 44 px tall (a) Start (b) Help (c) Done (d) Back
35. 35.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
36. 36.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Pay → Shop → Size
    Design B: Home → Confirm → Size → Shop → Pens → Offers
38. 38.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Item → Results → Confirm → Offers → Search
    Design B: Home → Size → Shop → Offers → Search (a) Design B (b) Design A
39. 39.🔢 In a quiz-app flow, which comes FIRST? (a) tap “Start quiz” (b) read a question (c) see the final score (d) pick an answer
40. 40.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 40 px tall. How many px taller must it be?

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