App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 663 · 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.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
2. 2.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ big picture ]
   [ search box ]
   [ title text ]
   [ tab bar ]
   [ list of items ]
   [ Add button ] (a) big picture (b) Add button (c) list of items (d) title text
3. 3.Which of these is about UX (the experience)? (a) the screen layout (b) the button colours (c) the icon shapes (d) how many taps it takes
4. 4.💾 pop() takes off the last item. What does this code show?
   let songs = ["Kites", "Monsoon", "Sunrise", "Ocean"];
   songs.pop();
   show(songs[songs.length - 1]); (a) Kites (b) Monsoon (c) Sunrise (d) Ocean
5. 5.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
6. 6.True or false: space between buttons is poor button design. (a) False (b) True
7. 7.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) add a filter (c) post the photo (d) write a caption
8. 8.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see if it is right (c) see the final score (d) pick an answer
9. 9.Which of these makes the app harder to use? (a) text that can grow (b) strong colour contrast (c) colour as the only clue (d) labels on every icon
10. 10.True or false: a wireframe looks like the real app. (a) False (b) True
11. 11.🔢 In a photo-post flow, which comes first: “open the camera screen” or “add a filter”? (a) add a filter (b) open the camera screen
12. 12.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
13. 13.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Video”
    Which screen are you on now? (a) Video (b) Quiz (c) Edit photo (d) Lessons
14. 14.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
15. 15.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
16. 16.True or false: photos on two devices fits saving on the phone. (a) True (b) False
17. 17.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
18. 18.🔢 In a sign-up flow, which comes first: “make a password” or “see the home screen”? (a) make a password (b) see the home screen
19. 19.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) goes to the last screen (c) opens a list of pages (d) undoes one move
20. 20.Which of these is about UX (the experience)? (a) how users feel after (b) the icon shapes (c) the button colours (d) the theme colours
21. 21.🔢 In a sign-up flow, which comes LAST? (a) make a password (b) tap “Sign up” (c) type name and email (d) see the home screen
22. 22.True or false: whether users get lost is about UI (the look). (a) False (b) True
23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Search → Shop
    Design B: Home → Offers → Pay → Item → Pens → Size
24. 24.Which of these is true of the back button? (a) hides extra links (b) switches main sections (c) undoes one move (d) opens a list of pages
25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 16 px
    Label: 14 px
    Body text: 19 px (a) Body text (b) Label (c) Menu
26. 26.🔍 Which is the odd one out? (a) the screen layout (b) the theme colours (c) the button colours (d) how easy sign-up is
27. 27.True or false: a wireframe shows the real fonts. (a) True (b) False
28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap the Search tab
    3. open “Edit photo”
    Which screen are you on now? (a) Home (b) Search (c) Video (d) Edit photo
29. 29.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ tab bar ]
    [ Save button ]
    [ list of items ]
    [ menu icon ] (a) tab bar (b) Save button (c) list of items
30. 30.🔢 In a sign-up flow, which comes first: “open the app” or “enter the code sent”? (a) enter the code sent (b) open the app
31. 31.♿ A screen has 5 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
32. 32.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) open the camera screen (c) write a caption (d) take the photo
33. 33.💾 Which works with no internet at all? (a) a shared chat (b) data saved on the phone (c) a cloud backup (d) a cloud leaderboard
34. 34.True or false: “sudden loud sounds” helps everyone use the app. (a) True (b) False
35. 35.💾 What number does this code show?
    let coins = 4;
    coins = coins - 2;
    coins = coins + 4;
    show(coins);
36. 36.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
37. 37.Which colour pair is easy to read? (a) yellow on white (b) light grey on white (c) red on green (d) black on pale grey
38. 38.🔘 Our rule: buttons are at least 48 px tall. The Save button is 40 px tall. How many px taller must it be?
39. 39.Which of these helps everyone use the app? (a) sudden loud sounds (b) colour as the only clue (c) text that can grow (d) icons with no labels
40. 40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 28 px tall
    Done button: 52 px tall
    Save button: 56 px tall
    Next button: 52 px tall (a) Done (b) Back (c) Next (d) Save

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