App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 347 · 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 of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) is a quick sketch (d) has the real colours
2. 2.Which colour pair is hard to read? (a) white on dark green (b) black on yellow (c) red on green (d) black on pale grey
3. 3.🎨 UI stands for user ___. (a) input (b) interface (c) internet (d) idea
4. 4.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
5. 5.🌗 Is white on dark green easy or hard to read on a button? (a) easy to read (b) hard to read
6. 6.♿ A screen has 10 icon buttons. Only 5 of them have a text label for screen readers. How many still need a label?
7. 7.💾 What number does this code show?
   let score = 3;
   score = score - 1;
   score = score + 1;
   show(score);
8. 8.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
9. 9.💾 What number does this code show?
   let songs = ["Monsoon", "Kites", "Stars", "Sunrise"];
   songs.push("Ocean");
   show(songs.length);
10. 10.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
11. 11.🧭 Tapping a tab usually takes you to ___. (a) the phone settings (b) the last app used (c) a random page (d) that tab’s main screen
12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ filter buttons ]
    [ search box ]
    [ Save button ]
    [ tab bar ]
    [ top bar ]
    [ Add button ]
13. 13.True or false: a wireframe is a quick sketch. (a) True (b) False
14. 14.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
15. 15.💾 What number does this code show?
    let friends = ["Aman", "Zoya", "Meera"];
    friends.push("Kabir");
    show(friends.length);
16. 16.💾 What does this code show? (Positions start at 0.)
    let songs = ["Rain", "Stars", "Monsoon"];
    show(songs[0]); (a) Stars (b) Monsoon (c) Rain
17. 17.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Search
    Design B: Home → Cart → Address → Menu
18. 18.🧭 What does the back button usually do? (a) deletes the page (b) opens settings (c) goes to the last screen (d) closes all apps
19. 19.🔘 Is this good or poor button design: a big, easy tap area? (a) poor design (b) good design
20. 20.🔘 Our rule: buttons are at least 48 px tall. The Save button is 40 px tall. How many px taller must it be?
21. 21.💾 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
22. 22.💾 Which works with no internet at all? (a) a shared chat (b) a cloud leaderboard (c) a cloud backup (d) data saved on the phone
23. 23.True or false: your last game level fits saving on the phone. (a) False (b) True
24. 24.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) add it to the cart (c) track the order (d) pick a dish
25. 25.🔍 Which is the odd one out? (a) colour as the only clue (b) strong colour contrast (c) fast-flashing lights (d) sudden loud sounds
26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Video”
    3. tap Back
    4. open “Friend list”
    5. tap the Search tab
    Which screen are you on now? (a) Match report (b) Search (c) Video (d) Friend list
27. 27.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
28. 28.Which of these is true of a wireframe? (a) looks like the real app (b) has the real colours (c) shows where things go (d) shows the real fonts
29. 29.Which of these helps everyone use the app? (a) strong colour contrast (b) fast-flashing lights (c) tiny tap areas (d) sudden loud sounds
30. 30.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) a 3D printer (d) pencil and paper
31. 31.🎨 Is this about UI or UX: the font size? (a) UI (b) UX
32. 32.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 16 px
    Caption: 14 px
    Menu: 20 px
33. 33.Which of these is true of a menu button? (a) opens a list of pages (b) goes to the last screen (c) switches main sections (d) sits at the bottom
34. 34.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
35. 35.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. open “Help page”
    4. tap Back
    5. open “Score card”
    Which screen are you on now? (a) Score card (b) Map (c) Feed (d) Help page
36. 36.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap the Home tab
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
37. 37.True or false: a tiny 20 px button is good button design. (a) True (b) False
38. 38.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. tap Back
    3. open “Badges”
    4. tap the Settings tab
    Which screen are you on now? (a) Settings (b) Video (c) Badges (d) Feed
39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Item → Menu → Size
    Design B: Home → Pens → Address → Pay
40. 40.🔀 Why plan the user flow before building? (a) so each step is clear (b) to add more taps (c) to skip testing (d) to hide the buttons

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