App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 111 · 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. How many of these buttons follow the rule?
   Help button: 56 px tall
   Cancel button: 36 px tall
   Save button: 56 px tall
2. 2.🧭 Which part of navigation undoes one move? (a) a tab bar (b) the back button (c) a menu button
3. 3.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
4. 4.🖼️ In this wireframe (top to bottom), what is right below the list of items?
   [ tab bar ]
   [ Add button ]
   [ list of items ]
   [ search box ]
   [ title text ]
   [ top bar ] (a) search box (b) tab bar (c) top bar (d) title text
5. 5.🧭 Where is a tab bar usually placed in a phone app? (a) in the middle (b) at the bottom (c) inside a button (d) nowhere
6. 6.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ top bar ]
   [ Save button ]
   [ tab bar ]
   [ title text ] (a) tab bar (b) Save button (c) title text (d) top bar
7. 7.💾 pop() takes off the last item. What does this code show?
   let notes = ["Music", "Art", "Science"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Music (b) Science (c) Art
8. 8.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Friend list”
   2. tap Back
   3. open “Friend list”
   4. tap the Search tab
   5. open “Badges”
   Which screen are you on now? (a) Badges (b) Home (c) Friend list (d) Search
9. 9.🖼️ How many parts (boxes) does this wireframe have?
   [ top bar ]
   [ big picture ]
   [ search box ]
   [ list of items ]
   [ menu icon ]
   [ tab bar ]
10. 10.Which of these fits saving in the cloud? (a) notes to read offline (b) your last game level (c) chat messages to friends (d) the sound on/off setting
11. 11.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
12. 12.True or false: “tiny tap areas” helps everyone use the app. (a) False (b) True
13. 13.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 22 px
    Title: 17 px
    Hint: 18 px
14. 14.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
15. 15.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) dead end (d) shortcut
16. 16.Which of these is true of a wireframe? (a) is a quick sketch (b) looks like the real app (c) has the real colours (d) shows the real fonts
17. 17.🔢 In a food-order flow, what comes right after “pick a dish”? (a) open the menu (b) track the order (c) add it to the cart (d) pay for the order
18. 18.True or false: your last game level fits saving on the phone. (a) False (b) True
19. 19.💾 What number does this code show?
    let coins = 6;
    coins = coins - 5;
    coins = coins + 1;
    show(coins);
20. 20.♿ Showing right or wrong only in red and green is a problem for ___. (a) colour-blind users (b) the battery (c) fast typists (d) the server
21. 21.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
22. 22.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. tap the Chat tab
    4. open “Map”
    5. open “Match report”
    Which screen are you on now? (a) Feed (b) Help page (c) Match report (d) Map
23. 23.🎨 Is this about UI or UX: the button colours? (a) UI (b) UX
24. 24.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Sunrise", "Stars", "Kites", "Ocean"];
    show(songs[2]); (a) Rain (b) Kites (c) Sunrise (d) Stars
25. 25.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 44 px tall
    Cancel button: 72 px tall
    Save button: 48 px tall
    Help button: 48 px tall (a) Send (b) Cancel (c) Save (d) Help
26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Pens → Search → Size
    Design B: Home → Address → Item
27. 27.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ search box ]
    [ Save button ]
    [ title text ]
    [ filter buttons ] (a) search box (b) Save button (c) filter buttons
28. 28.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Kabir", "Aman", "Zoya"];
    show(friends[1]); (a) Zoya (b) Riya (c) Aman (d) Kabir
29. 29.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
30. 30.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
31. 31.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) shrink the app (d) use it on any device
32. 32.💾 pop() takes off the last item. What does this code show?
    let songs = ["Rain", "Monsoon", "Ocean", "Stars", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]); (a) Monsoon (b) Rain (c) Ocean (d) Stars
33. 33.🔍 Which is the odd one out? (a) big touch targets (b) text that can grow (c) strong colour contrast (d) icons with no labels
34. 34.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Address → Offers → Pens
    Design B: Home → Shop → Search → Pens
35. 35.♿ Does this help everyone, or make the app harder to use: big touch targets? (a) helps everyone (b) makes it harder
36. 36.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ filter buttons ]
    [ menu icon ]
    [ search box ] (a) menu icon (b) filter buttons (c) search box
37. 37.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. tap the Lessons tab
    4. open “Friend list”
    5. tap Back
    Which screen are you on now? (a) Score card (b) Quiz (c) Lessons (d) Friend list
38. 38.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
39. 39.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ top bar ]
    [ Add button ]
    [ search box ]
    [ list of items ]
    [ title text ] (a) top bar (b) title text (c) Add button (d) search box
40. 40.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Zoya", "Riya", "Arjun"];
    show(friends[2]); (a) Meera (b) Riya (c) Arjun (d) Zoya

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