App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 90 · 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. open “Friend list”
   3. open “Friend list”
   4. tap the Feed tab
   Which screen are you on now? (a) Feed (b) Settings (c) Friend list (d) Chat
2. 2.Which of these is true of a wireframe? (a) shows where things go (b) uses the final pictures (c) shows the real fonts (d) has the real colours
3. 3.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
   [ menu icon ]
   [ Add button ]
   [ filter buttons ]
   [ title text ]
   [ search box ] (a) Add button (b) search box (c) menu icon (d) title text
4. 4.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) at the bottom (c) in the middle (d) inside a button
5. 5.🔍 Which is the odd one out? (a) icons with no labels (b) fast-flashing lights (c) sudden loud sounds (d) labels on every icon
6. 6.🎨 A beautiful app that confuses everyone has ___. (a) good UX but poor UI (b) perfect UX (c) no UI at all (d) good UI but poor UX
7. 7.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
8. 8.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Address → Confirm
   Design B: Home → Cart → Search → Offers → Pens (a) Design A (b) Design B
9. 9.True or false: a final design shows where things go. (a) True (b) False
10. 10.True or false: space between buttons is poor button design. (a) True (b) False
11. 11.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Kabir", "Arjun", "Zoya", "Riya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Arjun (b) Kabir (c) Zoya (d) Aman
12. 12.True or false: a final design shows the real fonts. (a) True (b) False
13. 13.🔘 Is this good or poor button design: strong colour contrast? (a) poor design (b) good design
14. 14.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Results
    Design B: Home → Shop → Menu → Pens → Offers → Cart
15. 15.💾 What number does this code show?
    let coins = 6;
    coins = coins - 6;
    coins = coins + 1;
    show(coins);
16. 16.🔍 Which is the odd one out? (a) captions on videos (b) text that can grow (c) big touch targets (d) icons with no labels
17. 17.♿ Does this help everyone, or make the app harder to use: fast-flashing lights? (a) helps everyone (b) makes it harder
18. 18.♿ What does a screen reader do? (a) plays music (b) makes text tiny (c) takes photos (d) reads the screen aloud
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Address → Item → Pens → Search → Size → Pay
    Design B: Home → Confirm → Search → Shop → Results → Pay
20. 20.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
21. 21.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Address → Search
    Design B: Home → Menu → Search → Address → Cart → Size
22. 22.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 13 px
    Label: 17 px
    Caption: 16 px
23. 23.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
24. 24.Which of these makes the app harder to use? (a) fast-flashing lights (b) text that can grow (c) big touch targets (d) strong colour contrast
25. 25.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 32 px tall
    Next button: 32 px tall
    Save button: 64 px tall
26. 26.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. tap the Feed tab
    3. tap the Settings tab
    4. open “Video”
    5. open “Edit photo”
    Which screen are you on now? (a) Feed (b) Edit photo (c) Video (d) Chat
28. 28.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap the Search tab
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
29. 29.🧭 Which part of navigation opens a list of pages? (a) a menu button (b) a tab bar (c) the back button
30. 30.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Search → Results
    Design B: Home → Menu → Offers → Pay → Pens (a) Design B (b) Design A
31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ Add button ]
    [ Save button ]
32. 32.True or false: a wireframe is a quick sketch. (a) False (b) True
33. 33.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Cart → Size → Confirm
    Design B: Home → Menu → Search → Pens → Address → Item → Pay
34. 34.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ tab bar ]
    [ title text ]
    [ menu icon ] (a) tab bar (b) menu icon (c) title text
35. 35.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the phone is lost (c) you send a message (d) the screen turns off
36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 14 px
    Title: 21 px
    Label: 18 px
    Body text: 18 px
37. 37.True or false: a final design uses plain grey boxes. (a) False (b) True
38. 38.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) pencil and paper (d) a microphone
39. 39.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) shows the real fonts (d) uses plain grey boxes
40. 40.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) enter the code sent (c) see the home screen (d) open the app

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