App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 7 · 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.🔢 In a photo-post flow, which comes first: “post the photo” or “write a caption”? (a) post the photo (b) write a caption
2. 2.Which of these helps everyone use the app? (a) captions on videos (b) colour as the only clue (c) sudden loud sounds (d) icons with no labels
3. 3.🔍 Which is the odd one out? (a) text that can grow (b) big touch targets (c) icons with no labels (d) strong colour contrast
4. 4.Which of these is true of a wireframe? (a) uses the final pictures (b) has the real colours (c) shows where things go (d) shows the real fonts
5. 5.🔢 In a sign-up flow, which comes first: “type name and email” or “make a password”? (a) type name and email (b) make a password
6. 6.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
   Design A: Home → Offers → Confirm → Size → Search
   Design B: Home → Item → Offers → Pens (a) Design B (b) Design A
7. 7.🖼️ In this wireframe (top to bottom), what is right above the filter buttons?
   [ big picture ]
   [ title text ]
   [ filter buttons ]
   [ search box ] (a) big picture (b) title text (c) search box
8. 8.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) inside a button (c) in the middle (d) nowhere
9. 9.True or false: “colour as the only clue” makes the app harder to use. (a) False (b) True
10. 10.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ title text ]
    [ Add button ]
    [ search box ]
    [ top bar ] (a) title text (b) top bar (c) Add button
11. 11.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Friend list”
    2. open “Video”
    3. open “Video”
    4. open “Badges”
    Which screen are you on now? (a) Badges (b) Video (c) Friend list (d) Feed
12. 12.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) makes it harder (b) helps everyone
13. 13.✏️ A box with a cross in a wireframe usually means ___. (a) a closed app (b) an error (c) delete this (d) a picture goes here
14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Match report”
    3. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
15. 15.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) see the home screen (c) enter the code sent (d) open the app
16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Item
    Design B: Home → Results → Size → Search → Address → Pay (a) Design A (b) Design B
17. 17.Which colour pair is easy to read? (a) red on green (b) dark blue on white (c) dark blue on black (d) light grey on white
18. 18.Which of these is about UI (the look)? (a) how easy sign-up is (b) the icon shapes (c) how users feel after (d) whether users get lost
19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Size → Menu → Offers → Shop
    Design B: Home → Address → Offers
20. 20.💾 What number does this code show?
    let friends = ["Riya", "Arjun"];
    friends.push("Zoya");
    friends.push("Aman");
    show(friends.length);
21. 21.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) a bigger app (c) worse UX (d) more colours
22. 22.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ Save button ]
    [ search box ]
    [ menu icon ]
    [ big picture ]
    [ top bar ]
    [ tab bar ] (a) menu icon (b) Save button (c) tab bar (d) big picture
23. 23.True or false: a big, easy tap area is poor button design. (a) True (b) False
24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. open “Edit photo”
    3. open “Badges”
    4. tap the Home tab
    Which screen are you on now? (a) Badges (b) Edit photo (c) Home (d) Match report
25. 25.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
26. 26.♿ Why add captions to videos? (a) to add colour (b) to slow them down (c) to hide the sound (d) so anyone can follow
27. 27.🔢 In a quiz-app flow, which comes LAST? (a) pick an answer (b) tap “Start quiz” (c) see if it is right (d) see the final score
28. 28.True or false: a wireframe uses the final pictures. (a) False (b) True
29. 29.💾 What number does this code show?
    let notes = ["Art", "Science", "Hindi", "Music"];
    notes.push("Maths");
    notes.push("Sports");
    show(notes.length);
30. 30.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ menu icon ]
    [ top bar ]
    [ filter buttons ]
    [ list of items ] (a) list of items (b) menu icon (c) filter buttons
31. 31.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Results → Pay → Pens → Shop
    Design B: Home → Pens → Offers
33. 33.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it adds colours (c) changes are quick (d) it saves data
34. 34.🧭 What does the back button usually do? (a) closes all apps (b) goes to the last screen (c) opens settings (d) deletes the page
35. 35.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Add button ]
    [ menu icon ]
    [ title text ]
    [ big picture ] (a) title text (b) big picture (c) Add button
36. 36.Which of these is about UI (the look)? (a) the theme colours (b) how users feel after (c) how many taps it takes (d) how fast a task is done
37. 37.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ list of items ]
    [ Save button ]
    [ search box ]
    [ tab bar ] (a) list of items (b) tab bar (c) search box
38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ menu icon ]
    [ filter buttons ]
    [ title text ]
    [ top bar ]
    [ Add button ] (a) filter buttons (b) Save button (c) Add button (d) title text
39. 39.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
40. 40.🔘 Is this good or poor button design: buttons almost touching? (a) good design (b) poor design

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