App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 492 · 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.💾 What number does this code show?
   let score = 7;
   score = score - 3;
   score = score + 2;
   show(score);
2. 2.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) tap “Sign up” (b) make a password
3. 3.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Pens → Cart → Address → Pay → Search
   Design B: Home → Size → Address (a) Design B (b) Design A
4. 4.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) in the middle (d) at the bottom
5. 5.Which of these is true of a wireframe? (a) uses plain grey boxes (b) uses the final pictures (c) looks like the real app (d) has the real colours
6. 6.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) better UX (d) more colours
7. 7.💾 What number does this code show?
   let coins = 5;
   coins = coins - 3;
   coins = coins + 1;
   show(coins);
8. 8.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Badges”
   2. tap the Profile tab
   3. open “Edit photo”
   Which screen are you on now? (a) Badges (b) Edit photo (c) Home (d) Search
10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Settings tab
    3. tap the Feed tab
    4. tap the Feed tab
    5. open “Match report”
    Which screen are you on now? (a) Feed (b) Chat (c) Edit photo (d) Match report
11. 11.True or false: “fast-flashing lights” helps everyone use the app. (a) False (b) True
12. 12.True or false: a wireframe shows where things go. (a) False (b) True
13. 13.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Video”
    2. tap Back
    3. open “Help page”
    4. tap the Profile tab
    Which screen are you on now? (a) Help page (b) Profile (c) Home (d) Video
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Help page”
    3. tap the Profile tab
    4. open “Score card”
    Which screen are you on now? (a) Help page (b) Home (c) Edit photo (d) Score card
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ tab bar ]
    [ filter buttons ]
    [ list of items ]
    [ menu icon ]
    [ title text ]
17. 17.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) shrink the app (c) never need a password (d) use it on any device
18. 18.Which of these is true of the back button? (a) sits at the bottom (b) switches main sections (c) goes to the last screen (d) shows 3 to 5 icons
19. 19.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) pick an answer (c) read a question (d) tap “Start quiz”
20. 20.Which of these is about UX (the experience)? (a) the screen layout (b) the icon shapes (c) the button colours (d) how many taps it takes
21. 21.🔀 A screen with no way forward or back is called a ___. (a) home screen (b) dead end (c) tab bar (d) shortcut
22. 22.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Meera", "Kabir"];
    show(friends[0]); (a) Meera (b) Kabir (c) Aman
23. 23.♿ Showing right or wrong only in red and green is a problem for ___. (a) the server (b) colour-blind users (c) the battery (d) fast typists
24. 24.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Help page”
    3. tap Back
    Which screen are you on now? (a) Profile (b) Home (c) Search (d) Help page
26. 26.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 52 px tall
    Save button: 72 px tall
    Help button: 64 px tall
    Cancel button: 36 px tall (a) Help (b) Cancel (c) Back (d) Save
27. 27.True or false: the theme colours is about UI (the look). (a) True (b) False
28. 28.🔍 Which is the odd one out? (a) how fast a task is done (b) the button colours (c) the theme colours (d) the font size
29. 29.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Music", "Science"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Science (c) Music
30. 30.💾 What number does this code show?
    let lives = 4;
    lives = lives - 4;
    lives = lives + 3;
    show(lives);
31. 31.True or false: a wireframe looks like the real app. (a) False (b) True
32. 32.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
33. 33.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 13 px
    Caption: 10 px
    Body text: 15 px
    Footer: 11 px
34. 34.🔢 In a sign-up flow, which comes first: “open the app” or “enter the code sent”? (a) enter the code sent (b) open the app
35. 35.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Art", "Music", "Maths"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Science (c) Music (d) Art
36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. tap Back
    3. open “Friend list”
    4. open “Friend list”
    Which screen are you on now? (a) Friend list (b) Score card (c) Feed (d) Chat
37. 37.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) type name and email (c) see the home screen (d) make a password
38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap Back
    3. tap the Quiz tab
    4. open “Match report”
    5. open “Match report”
    How many times must you tap Back to reach the main screen of this tab?
39. 39.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ Add button ]
    [ Save button ]
    [ title text ]
    [ filter buttons ]
    [ tab bar ] (a) Add button (b) tab bar (c) Save button (d) title text
40. 40.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 28 px tall
    Done button: 72 px tall
    Send button: 52 px tall (a) Send (b) Cancel (c) Done

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