App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 783 · 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 9 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
2. 2.Which of these is about UI (the look)? (a) the theme colours (b) how fast a task is done (c) how users feel after (d) how easy sign-up is
3. 3.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
4. 4.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Shop → Results → Offers → Cart
   Design B: Home → Confirm → Cart (a) Design A (b) Design B
5. 5.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
   Footer: 21 px
   Menu: 20 px
   Title: 13 px
   Hint: 11 px
6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Hint: 9 px
   Label: 25 px
   Title: 27 px (a) Label (b) Hint (c) Title
7. 7.🔢 In a sign-up flow, what comes right after “type name and email”? (a) tap “Sign up” (b) enter the code sent (c) make a password (d) see the home screen
8. 8.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) tap “Sign up” (c) see the home screen (d) enter the code sent
9. 9.True or false: a final design uses plain grey boxes. (a) False (b) True
10. 10.Which of these fits saving in the cloud? (a) the sound on/off setting (b) chat messages to friends (c) a draft you are typing (d) your last game level
11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 26 px
    Hint: 20 px
    Caption: 14 px
    Footer: 22 px (a) Footer (b) Hint (c) Menu (d) Caption
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Menu → Confirm
    Design B: Home → Menu → Address → Size → Offers → Item
13. 13.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
14. 14.💾 pop() takes off the last item. What does this code show?
    let songs = ["Ocean", "Rain", "Sunrise", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Rain (b) Ocean (c) Sunrise (d) Kites
15. 15.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ filter buttons ]
    [ menu icon ]
    [ big picture ]
    [ title text ]
    [ list of items ]
    [ search box ] (a) search box (b) list of items (c) menu icon (d) big picture
16. 16.Which of these is true of a wireframe? (a) has the real colours (b) shows where things go (c) looks like the real app (d) uses the final pictures
17. 17.💾 Which can hold many values in order? (a) a list (b) a single number (c) a button (d) a switch
18. 18.💾 What number does this code show?
    let friends = ["Arjun", "Riya", "Aman", "Zoya"];
    friends.push("Kabir");
    show(friends.length);
19. 19.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
20. 20.💾 What number does this code show?
    let friends = ["Kabir", "Zoya", "Meera"];
    friends.push("Arjun");
    friends.push("Riya");
    show(friends.length);
21. 21.Which colour pair is hard to read? (a) black on pale grey (b) pale pink on white (c) black on yellow (d) dark blue on white
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Me tab
    3. tap the Lessons tab
    4. open “Friend list”
    Which screen are you on now? (a) Quiz (b) Edit photo (c) Lessons (d) Friend list
23. 23.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Settings tab
    3. open “Edit photo”
    4. tap Back
    5. open “Video”
    Which screen are you on now? (a) Chat (b) Video (c) Feed (d) Edit photo
24. 24.🔘 Our rule: buttons are at least 48 px tall. The Save button is 36 px tall. How many px taller must it be?
25. 25.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) has the real colours (d) has no real colours
26. 26.True or false: a wireframe is a quick sketch. (a) False (b) True
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Help page”
    3. tap Back
    4. open “Friend list”
    5. open “Edit photo”
    Which screen are you on now? (a) Feed (b) Friend list (c) Help page (d) Edit photo
28. 28.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 64 px tall
    Cancel button: 40 px tall
    Help button: 40 px tall
    Start button: 40 px tall
30. 30.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
31. 31.🔀 Why plan the user flow before building? (a) so each step is clear (b) to skip testing (c) to hide the buttons (d) to add more taps
32. 32.💾 What number does this code show?
    let coins = 5;
    coins = coins - 1;
    coins = coins + 1;
    show(coins);
33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 17 px
    Menu: 17 px
    Caption: 14 px
    Body text: 18 px (a) Caption (b) Body text (c) Menu (d) Title
34. 34.Which of these is about UI (the look)? (a) the icon shapes (b) whether users get lost (c) how fast a task is done (d) how easy sign-up is
35. 35.Which of these is about UX (the experience)? (a) the icon shapes (b) how users feel after (c) the theme colours (d) the button colours
36. 36.True or false: a wireframe uses plain grey boxes. (a) True (b) False
37. 37.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) read a question (b) see the final score (c) see if it is right (d) pick an answer
38. 38.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ tab bar ]
    [ menu icon ]
    [ filter buttons ]
    [ Add button ]
    [ search box ]
    [ list of items ] (a) Add button (b) search box (c) menu icon (d) tab bar
39. 39.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap Back
    3. open “Friend list”
    4. tap the Quiz tab
    5. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?

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