App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 364 · 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.🖼️ How many parts (boxes) does this wireframe have?
   [ tab bar ]
   [ top bar ]
   [ filter buttons ]
   [ menu icon ]
   [ search box ]
2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Edit photo”
   2. open “Score card”
   3. tap Back
   How many times must you tap Back to reach the main screen of this tab?
3. 3.💾 What number does this code show?
   let songs = ["Kites", "Rain"];
   songs.push("Stars");
   show(songs.length);
4. 4.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
5. 5.True or false: a final design is a quick sketch. (a) False (b) True
6. 6.True or false: a clear word like Save is poor button design. (a) False (b) True
7. 7.Which of these is true of a menu button? (a) switches main sections (b) sits at the bottom (c) hides extra links (d) shows 3 to 5 icons
8. 8.✏️ Why draw a wireframe before coding? (a) it saves data (b) it runs the app (c) changes are quick (d) it adds colours
9. 9.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) type name and email (c) tap “Sign up” (d) make a password
10. 10.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
11. 11.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 36 px tall
    Back button: 60 px tall
    Save button: 60 px tall
    Start button: 40 px tall
12. 12.🔢 In a food-order flow, which comes LAST? (a) track the order (b) pay for the order (c) pick a dish (d) open the menu
13. 13.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
14. 14.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) home screen (c) dead end (d) tab bar
15. 15.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
16. 16.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. tap Back
    3. open “Friend list”
    4. open “Help page”
    Which screen are you on now? (a) Home (b) Help page (c) Friend list (d) Badges
17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Video”
    2. open “Video”
    3. tap the Feed tab
    4. open “Edit photo”
    5. tap Back
    Which screen are you on now? (a) Video (b) Chat (c) Feed (d) Edit photo
18. 18.True or false: a wireframe is a quick sketch. (a) False (b) True
19. 19.🔀 Why plan the user flow before building? (a) to add more taps (b) to skip testing (c) to hide the buttons (d) so each step is clear
20. 20.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ filter buttons ]
    [ big picture ]
    [ list of items ]
    [ Save button ]
    [ Add button ] (a) Save button (b) filter buttons (c) search box (d) Add button
21. 21.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a clear next step (c) the same screen (d) a random page
22. 22.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) a bigger app (c) better UX (d) worse UX
23. 23.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) see if it is right (b) read a question
24. 24.💾 What number does this code show?
    let score = 9;
    score = score - 3;
    score = score + 4;
    show(score);
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap the Search tab
    3. tap the Search tab
    4. open “Map”
    5. open “Match report”
    Which screen are you on now? (a) Map (b) Match report (c) Edit photo (d) Home
26. 26.💾 What number does this code show?
    let friends = ["Kabir", "Riya"];
    friends.push("Aman");
    friends.push("Arjun");
    show(friends.length);
27. 27.True or false: the button colours is about UI (the look). (a) False (b) True
28. 28.Which of these is true of a wireframe? (a) has the real colours (b) looks like the real app (c) shows the real fonts (d) is a quick sketch
29. 29.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
30. 30.Which of these is true of a wireframe? (a) uses the final pictures (b) uses plain grey boxes (c) looks like the real app (d) has the real colours
31. 31.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
32. 32.Which of these is true of a menu button? (a) opens a list of pages (b) sits at the bottom (c) goes to the last screen (d) shows 3 to 5 icons
33. 33.🔍 Which is the odd one out? (a) captions on videos (b) strong colour contrast (c) big touch targets (d) fast-flashing lights
34. 34.Which of these is true of a tab bar? (a) goes to the last screen (b) hides extra links (c) shows 3 to 5 icons (d) undoes one move
35. 35.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) in the cloud (b) on the phone
36. 36.✏️ What is a wireframe? (a) a charging cable (b) a simple screen sketch (c) the finished app (d) a type of password
37. 37.True or false: grey text on grey is good button design. (a) True (b) False
38. 38.🧭 Which part of navigation sits at the bottom? (a) a menu button (b) a tab bar (c) the back button
39. 39.Which of these is true of the back button? (a) opens a list of pages (b) switches main sections (c) sits at the bottom (d) undoes one move
40. 40.🔢 In a food-order flow, which comes first: “pick a dish” or “add it to the cart”? (a) pick a dish (b) add it to the cart

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