App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 395 · 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.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Settings tab
   2. tap the Chat tab
   3. open “Video”
   4. tap Back
   Which screen are you on now? (a) Video (b) Chat (c) Feed (d) Settings
2. 2.True or false: grey text on grey is good button design. (a) False (b) True
3. 3.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
4. 4.♿ A screen has 8 icon buttons. Only 3 of them have a text label for screen readers. How many still need a label?
5. 5.True or false: the theme colours is about UI (the look). (a) True (b) False
6. 6.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
7. 7.Which of these helps everyone use the app? (a) sudden loud sounds (b) big touch targets (c) icons with no labels (d) tiny tap areas
8. 8.💾 What number does this code show?
   let coins = 4;
   coins = coins - 4;
   coins = coins + 2;
   show(coins);
9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. tap the Quiz tab
   2. open “Help page”
   3. tap the Me tab
   4. tap the Quiz tab
   5. tap the Quiz tab
   Which screen are you on now? (a) Help page (b) Quiz (c) Lessons (d) Me
10. 10.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
11. 11.True or false: a wireframe has the real colours. (a) True (b) False
12. 12.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Pay
    Design B: Home → Search → Address → Cart → Pay
13. 13.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ filter buttons ]
    [ top bar ]
    [ Save button ]
    [ menu icon ]
    [ search box ]
    [ tab bar ] (a) filter buttons (b) Save button (c) menu icon (d) tab bar
14. 14.🔢 In a sign-up flow, which comes first: “enter the code sent” or “make a password”? (a) enter the code sent (b) make a password
15. 15.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ top bar ]
    [ list of items ]
    [ tab bar ]
    [ big picture ]
    [ Add button ]
17. 17.True or false: a final design has no real colours. (a) False (b) True
18. 18.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ tab bar ]
    [ search box ]
    [ menu icon ]
    [ top bar ]
    [ big picture ] (a) tab bar (b) menu icon (c) big picture (d) search box
19. 19.True or false: a final design is a quick sketch. (a) False (b) True
20. 20.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Arjun", "Kabir"];
    show(friends[1]); (a) Kabir (b) Arjun (c) Meera
21. 21.🔢 In a photo-post flow, what comes right after “open the camera screen”? (a) add a filter (b) take the photo (c) post the photo (d) write a caption
22. 22.True or false: “text that can grow” makes the app harder to use. (a) False (b) True
23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Search → Pay → Item → Size
    Design B: Home → Menu → Offers → Pay → Results → Cart → Address
24. 24.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 32 px tall
    Send button: 40 px tall
    Done button: 36 px tall
    Back button: 36 px tall
25. 25.True or false: a wireframe looks like the real app. (a) False (b) True
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Item → Search → Confirm → Results → Shop
    Design B: Home → Pens → Menu
27. 27.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
28. 28.True or false: a wireframe is a quick sketch. (a) True (b) False
29. 29.True or false: a wireframe uses plain grey boxes. (a) False (b) True
30. 30.💾 What number does this code show?
    let friends = ["Aman", "Arjun", "Zoya", "Meera"];
    friends.push("Riya");
    friends.push("Kabir");
    show(friends.length);
31. 31.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) shows where things go (d) shows the real fonts
32. 32.Which of these is about UX (the experience)? (a) the button colours (b) the theme colours (c) whether users get lost (d) the screen layout
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 colour pair is easy to read? (a) light grey on white (b) dark blue on black (c) yellow on white (d) white on dark green
35. 35.Which colour pair is easy to read? (a) dark blue on black (b) dark blue on white (c) red on green (d) light grey on white
36. 36.💾 What does this code show? (Positions start at 0.)
    let songs = ["Stars", "Sunrise", "Rain", "Monsoon"];
    show(songs[0]); (a) Rain (b) Monsoon (c) Stars (d) Sunrise
37. 37.🔍 Which is the odd one out? (a) tiny tap areas (b) icons with no labels (c) colour as the only clue (d) labels on every icon
38. 38.🔍 Which is the odd one out? (a) how many taps it takes (b) the button colours (c) the screen layout (d) the theme colours
39. 39.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Match report”
    4. tap Back
    How many times must you tap Back to reach the main screen of this tab?
40. 40.True or false: icons with no meaning is poor button design. (a) True (b) False

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