App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 195 · 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.🔍 Which is the odd one out? (a) the icon shapes (b) the font size (c) the button colours (d) whether users get lost
2. 2.💾 pop() takes off the last item. What does this code show?
   let friends = ["Arjun", "Kabir", "Riya"];
   friends.pop();
   show(friends[friends.length - 1]); (a) Kabir (b) Arjun (c) Riya
3. 3.🔀 Why plan the user flow before building? (a) to hide the buttons (b) so each step is clear (c) to skip testing (d) to add more taps
4. 4.Which of these is true of a wireframe? (a) looks like the real app (b) uses the final pictures (c) shows the real fonts (d) is a quick sketch
5. 5.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
6. 6.Which of these is about UI (the look)? (a) how users feel after (b) the icon shapes (c) how fast a task is done (d) how easy sign-up is
7. 7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ title text ]
   [ top bar ]
   [ search box ]
   [ Add button ]
   [ list of items ]
   [ tab bar ] (a) list of items (b) top bar (c) tab bar (d) title text
8. 8.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) colour-blind users (c) fast typists (d) the battery
9. 9.💾 What is a variable? (a) a picture (b) a named box for a value (c) a type of screen (d) a phone setting
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. tap the Feed tab
    3. open “Help page”
    Which screen are you on now? (a) Chat (b) Help page (c) Settings (d) Feed
11. 11.🔀 What is a user flow? (a) a colour theme (b) the path through screens (c) a type of font (d) a charging cable
12. 12.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 2 (c) 10 (d) 0
13. 13.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Arjun", "Zoya", "Kabir"];
    show(friends[0]); (a) Arjun (b) Zoya (c) Kabir (d) Aman
14. 14.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ menu icon ]
    [ top bar ]
    [ search box ]
15. 15.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Kabir", "Riya", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Zoya (b) Riya (c) Kabir (d) Meera
16. 16.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 48 px tall
    Help button: 72 px tall
    Done button: 52 px tall
    Next button: 32 px tall (a) Done (b) Help (c) Send (d) Next
17. 17.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Pens → Results
    Design B: Home → Cart → Shop → Pay → Search (a) Design B (b) Design A
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Video”
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
19. 19.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
20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ menu icon ]
    [ big picture ]
    [ search box ]
21. 21.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) open the camera screen (c) add a filter (d) post the photo
22. 22.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) see if it is right (b) tap “Start quiz”
23. 23.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap the Search tab
    3. open “Map”
    4. tap Back
    Which screen are you on now? (a) Search (b) Profile (c) Map (d) Home
25. 25.🎨 UX stands for user ___. (a) experience (b) example (c) extra (d) express
26. 26.True or false: a final design is a quick sketch. (a) True (b) False
27. 27.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
28. 28.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Home tab
    3. open “Match report”
    Which screen are you on now? (a) Search (b) Match report (c) Home (d) Help page
30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. open “Map”
    Which screen are you on now? (a) Badges (b) Quiz (c) Lessons (d) Map
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Help page”
    3. open “Map”
    4. open “Video”
    5. tap the Home tab
    Which screen are you on now? (a) Video (b) Help page (c) Home (d) Map
32. 32.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ search box ]
    [ big picture ]
    [ top bar ]
    [ filter buttons ]
    [ title text ] (a) filter buttons (b) search box (c) big picture (d) top bar
33. 33.Which of these is about UI (the look)? (a) whether users get lost (b) the theme colours (c) how fast a task is done (d) how easy sign-up is
34. 34.True or false: a big, easy tap area is poor button design. (a) True (b) False
35. 35.Which colour pair is easy to read? (a) pale pink on white (b) black on pale grey (c) dark blue on black (d) yellow on white
36. 36.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 12 px
    Body text: 17 px
    Label: 10 px
    Caption: 14 px
    Menu: 22 px
37. 37.🔍 Which is the odd one out? (a) colour as the only clue (b) sudden loud sounds (c) fast-flashing lights (d) strong colour contrast
38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 9 px
    Hint: 25 px
    Footer: 17 px
    Title: 23 px
    Menu: 25 px (a) Hint (b) Footer (c) Title (d) Body text
39. 39.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) dead end (c) home screen (d) shortcut
40. 40.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the phone is lost (d) the screen turns off

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