App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 758 · 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.🔘 Our rule: buttons are at least 48 px tall. The Send button is 24 px tall. How many px taller must it be?
2. 2.🔍 Which is the odd one out? (a) tiny tap areas (b) sudden loud sounds (c) labels on every icon (d) colour as the only clue
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Badges”
   2. open “Edit photo”
   3. tap the Settings tab
   4. tap the Chat tab
   Which screen are you on now? (a) Edit photo (b) Badges (c) Feed (d) Chat
4. 4.True or false: icons with no meaning is good button design. (a) True (b) False
5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Results → Item
   Design B: Home → Offers → Confirm → Item → Pens
6. 6.Which of these is true of a final design? (a) shows the real fonts (b) is a quick sketch (c) has no real colours (d) uses plain grey boxes
7. 7.🖼️ How many parts (boxes) does this wireframe have?
   [ Add button ]
   [ top bar ]
   [ list of items ]
   [ Save button ]
   [ title text ]
8. 8.🧭 Which part of navigation undoes one move? (a) the back button (b) a tab bar (c) a menu button
9. 9.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) photos on two devices (d) the sound on/off setting
10. 10.True or false: a draft you are typing fits saving on the phone. (a) True (b) False
11. 11.🔍 Which is the odd one out? (a) how fast a task is done (b) the icon shapes (c) the theme colours (d) the font size
12. 12.Which of these makes the app harder to use? (a) colour as the only clue (b) strong colour contrast (c) captions on videos (d) big touch targets
13. 13.🖼️ In this wireframe (top to bottom), what is right below the Add button?
    [ Add button ]
    [ Save button ]
    [ tab bar ]
    [ title text ]
    [ big picture ] (a) tab bar (b) title text (c) big picture (d) Save button
14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ title text ]
    [ Add button ]
    [ Save button ]
    [ big picture ]
15. 15.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Address → Search → Pens → Cart
    Design B: Home → Pay → Cart → Pens → Size → Address → Offers (a) Design B (b) Design A
17. 17.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 72 px tall
    Next button: 40 px tall
    Back button: 52 px tall (a) Next (b) Send (c) Back
18. 18.True or false: a final design uses plain grey boxes. (a) False (b) True
19. 19.💾 pop() takes off the last item. What does this code show?
    let songs = ["Kites", "Monsoon", "Rain", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Rain (c) Kites (d) Sunrise
20. 20.🔢 In a sign-up flow, what comes right after “open the app”? (a) enter the code sent (b) make a password (c) see the home screen (d) tap “Sign up”
21. 21.💾 What number does this code show?
    let coins = 5;
    coins = coins - 5;
    coins = coins + 4;
    show(coins);
22. 22.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 36 px tall
    Cancel button: 64 px tall
    Back button: 32 px tall
    Done button: 48 px tall
23. 23.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
24. 24.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Arjun", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Kabir (b) Arjun (c) Meera
25. 25.Which of these helps everyone use the app? (a) sudden loud sounds (b) big touch targets (c) tiny tap areas (d) colour as the only clue
26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 13 px
    Body text: 14 px
    Title: 19 px
    Footer: 11 px
27. 27.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) see the final score (b) tap “Start quiz”
28. 28.🔢 In a photo-post flow, which comes first: “add a filter” or “take the photo”? (a) take the photo (b) add a filter
29. 29.Which of these is true of a final design? (a) has no real colours (b) looks like the real app (c) uses plain grey boxes (d) shows where things go
30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Friend list”
    3. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
31. 31.🔍 Which is the odd one out? (a) captions on videos (b) text that can grow (c) tiny tap areas (d) big touch targets
32. 32.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) post the photo (b) write a caption
33. 33.True or false: “big touch targets” helps everyone use the app. (a) True (b) False
34. 34.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
35. 35.🔀 What is a user flow? (a) a charging cable (b) a type of font (c) a colour theme (d) the path through screens
36. 36.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
37. 37.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Kabir", "Riya", "Zoya"];
    show(friends[1]); (a) Riya (b) Zoya (c) Kabir (d) Meera
38. 38.Which of these is about UX (the experience)? (a) the button colours (b) the theme colours (c) the font size (d) how easy sign-up is
39. 39.💾 What number does this code show?
    let score = 5;
    score = score - 2;
    score = score + 4;
    show(score);
40. 40.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX

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