App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 702 · 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.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
   1. open “Badges”
   2. open “Score card”
   3. tap the Me tab
   4. tap the Lessons tab
   Which screen are you on now? (a) Lessons (b) Badges (c) Score card (d) Quiz
2. 2.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the screen turns off (d) the phone is lost
3. 3.Which of these is about UX (the experience)? (a) the button colours (b) the screen layout (c) how easy sign-up is (d) the font size
4. 4.♿ What does a screen reader do? (a) reads the screen aloud (b) takes photos (c) plays music (d) makes text tiny
5. 5.Which of these fits saving on the phone? (a) a shared to-do list (b) photos on two devices (c) chat messages to friends (d) notes to read offline
6. 6.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. tap the Home tab
   2. tap the Home tab
   3. open “Video”
   How many times must you tap Back to reach the main screen of this tab?
7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Badges”
   2. tap the Feed tab
   3. tap the Feed tab
   4. tap the Settings tab
   5. open “Score card”
   Which screen are you on now? (a) Feed (b) Badges (c) Chat (d) Score card
8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Map”
   2. open “Edit photo”
   3. open “Video”
   4. open “Match report”
   How many times must you tap Back to reach the main screen of this tab?
9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Pens → Shop → Cart → Offers → Item
   Design B: Home → Pens → Confirm → Cart → Results
10. 10.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
11. 11.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a final design (b) a wireframe
12. 12.Which of these is true of a menu button? (a) sits at the bottom (b) hides extra links (c) shows 3 to 5 icons (d) goes to the last screen
13. 13.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) so anyone can follow (d) to hide the sound
14. 14.🔢 In a photo-post flow, which comes LAST? (a) write a caption (b) add a filter (c) post the photo (d) take the photo
15. 15.🔍 Which is the odd one out? (a) how users feel after (b) whether users get lost (c) how easy sign-up is (d) the button colours
16. 16.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ Add button ]
    [ filter buttons ]
    [ Save button ]
    [ title text ] (a) menu icon (b) filter buttons (c) title text (d) Add button
17. 17.Which of these fits saving in the cloud? (a) a draft you are typing (b) the sound on/off setting (c) a shared to-do list (d) notes to read offline
18. 18.True or false: a tiny 20 px button is poor button design. (a) True (b) False
19. 19.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Maths", "Art", "Sports", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Hindi (b) Sports (c) Maths (d) Art
20. 20.🧭 About how many tabs suit a tab bar best? (a) 3 to 5 (b) 10 to 12 (c) 1 (d) 20
21. 21.💾 What number does this code show?
    let songs = ["Ocean", "Sunrise"];
    songs.push("Monsoon");
    show(songs.length);
22. 22.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 36 px tall
    Save button: 48 px tall
    Back button: 32 px tall
23. 23.Which colour pair is hard to read? (a) white on dark green (b) white on black (c) black on yellow (d) dark blue on black
24. 24.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) in the cloud (b) on the phone
25. 25.True or false: a big, easy tap area is good button design. (a) False (b) True
26. 26.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) open the app (c) tap “Sign up” (d) see the home screen
27. 27.Which of these is true of a wireframe? (a) uses the final pictures (b) looks like the real app (c) shows the real fonts (d) uses plain grey boxes
28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. tap Back
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
29. 29.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) open the camera screen (c) add a filter (d) post the photo
30. 30.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ Add button ]
    [ menu icon ]
    [ search box ]
    [ title text ] (a) menu icon (b) Add button (c) title text
31. 31.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
32. 32.True or false: a wireframe is a quick sketch. (a) True (b) False
33. 33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Friend list”
    2. tap the Quiz tab
    3. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
34. 34.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Science", "Music", "Art"];
    show(notes[1]); (a) Music (b) Art (c) Sports (d) Science
35. 35.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to look busy (c) to hide the menu (d) to use more battery
36. 36.Which of these is true of the back button? (a) sits at the bottom (b) opens a list of pages (c) shows 3 to 5 icons (d) goes to the last screen
37. 37.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) add a filter (c) write a caption (d) open the camera screen
38. 38.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Save button: 68 px tall
    Cancel button: 24 px tall
    Help button: 52 px tall (a) Help (b) Save (c) Cancel
39. 39.🔍 Which is the odd one out? (a) strong colour contrast (b) labels on every icon (c) colour as the only clue (d) text that can grow
40. 40.🎨 Who should you test the UX with? (a) only yourself (b) the app icon (c) real users (d) nobody

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