App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 731 · 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.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
2. 2.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
3. 3.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a charging cable (d) a type of font
4. 4.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the last app used (c) the phone settings (d) a random page
5. 5.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) makes it harder (b) helps everyone
6. 6.True or false: “fast-flashing lights” helps everyone use the app. (a) True (b) False
7. 7.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) dark blue on white (d) red on green
8. 8.💾 pop() takes off the last item. What does this code show?
   let songs = ["Stars", "Ocean", "Sunrise", "Kites"];
   songs.pop();
   show(songs[songs.length - 1]); (a) Ocean (b) Stars (c) Sunrise (d) Kites
9. 9.Which of these fits saving in the cloud? (a) a class leaderboard (b) your last game level (c) a draft you are typing (d) notes to read offline
10. 10.Which of these is true of a final design? (a) has no real colours (b) uses the final pictures (c) is a quick sketch (d) shows where things go
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Chat tab
    3. tap the Feed tab
    4. tap the Feed tab
    Which screen are you on now? (a) Chat (b) Feed (c) Settings
12. 12.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
13. 13.True or false: a wireframe uses the final pictures. (a) False (b) True
14. 14.🔍 Which is the odd one out? (a) the screen layout (b) the icon shapes (c) how fast a task is done (d) the theme colours
15. 15.♿ A screen has 5 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
16. 16.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) makes it harder (b) helps everyone
17. 17.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) pick a dish (b) add it to the cart
18. 18.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
19. 19.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) write a caption (c) open the camera screen (d) post the photo
20. 20.Which of these makes the app harder to use? (a) strong colour contrast (b) colour as the only clue (c) labels on every icon (d) big touch targets
21. 21.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
22. 22.🔢 In a photo-post flow, which comes LAST? (a) add a filter (b) open the camera screen (c) post the photo (d) take the photo
23. 23.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
24. 24.🎨 UX stands for user ___. (a) express (b) example (c) extra (d) experience
25. 25.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) tap “Sign up” (c) enter the code sent (d) type name and email
26. 26.✏️ Why draw a wireframe before coding? (a) it saves data (b) changes are quick (c) it adds colours (d) it runs the app
27. 27.♿ Does this help everyone, or make the app harder to use: icons with no labels? (a) makes it harder (b) helps everyone
28. 28.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 19 px
    Footer: 11 px
    Menu: 19 px
    Title: 13 px
    Label: 12 px
29. 29.🔢 In a quiz-app flow, what comes right after “pick an answer”? (a) see if it is right (b) see the final score (c) tap “Start quiz” (d) read a question
30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Shop → Search → Confirm → Pay → Offers
    Design B: Home → Address → Search → Results → Item
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Search tab
    3. open “Edit photo”
    Which screen are you on now? (a) Search (b) Home (c) Match report (d) Edit photo
32. 32.Which of these fits saving in the cloud? (a) a draft you are typing (b) notes to read offline (c) your last game level (d) a shared to-do list
33. 33.🔘 Our rule: buttons are at least 48 px tall. The Start button is 32 px tall. How many px taller must it be?
34. 34.Which of these makes the app harder to use? (a) captions on videos (b) strong colour contrast (c) fast-flashing lights (d) big touch targets
35. 35.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ list of items ]
    [ search box ]
    [ tab bar ]
    [ big picture ]
    [ Save button ]
36. 36.💾 What number does this code show?
    let notes = ["Music", "Hindi", "Maths", "Science"];
    notes.push("Art");
    show(notes.length);
37. 37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 44 px tall
    Back button: 40 px tall
    Done button: 56 px tall
    Help button: 40 px tall
38. 38.True or false: a final design shows the real fonts. (a) True (b) False
39. 39.True or false: a wireframe looks like the real app. (a) True (b) False
40. 40.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “see if it is right”? (a) tap “Start quiz” (b) see if it is right

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