App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 309 · 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 this wireframe (top to bottom), what is right above the big picture?
   [ list of items ]
   [ search box ]
   [ big picture ]
   [ title text ]
   [ top bar ] (a) title text (b) top bar (c) search box (d) list of items
2. 2.🔍 Which is the odd one out? (a) big touch targets (b) captions on videos (c) labels on every icon (d) tiny tap areas
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Offers → Item → Address → Pay
   Design B: Home → Offers → Pens → Search
4. 4.Which of these is true of a menu button? (a) goes to the last screen (b) switches main sections (c) hides extra links (d) shows 3 to 5 icons
5. 5.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
6. 6.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
   Design A: Home → Address → Search
   Design B: Home → Pens → Address → Pay
7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. open “Help page”
   2. open “Help page”
   3. tap Back
   How many times must you tap Back to reach the main screen of this tab?
8. 8.Which of these is true of a final design? (a) shows where things go (b) shows the real fonts (c) uses plain grey boxes (d) is a quick sketch
9. 9.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
   Footer: 9 px
   Menu: 20 px
   Body text: 22 px (a) Menu (b) Body text (c) Footer
10. 10.True or false: how fast a task is done is about UI (the look). (a) True (b) False
11. 11.🔘 Our rule: buttons are at least 48 px tall. The Send button is 28 px tall. How many px taller must it be?
12. 12.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) nowhere (c) inside a button (d) in the middle
13. 13.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ menu icon ]
    [ big picture ]
    [ top bar ]
14. 14.🔢 In a food-order flow, what comes right after “pick a dish”? (a) open the menu (b) add it to the cart (c) track the order (d) check the cart
15. 15.True or false: a wireframe has no real colours. (a) False (b) True
16. 16.🔢 In a quiz-app flow, which comes first: “see if it is right” or “tap “Start quiz””? (a) tap “Start quiz” (b) see if it is right
17. 17.Which of these is true of a wireframe? (a) uses the final pictures (b) has no real colours (c) looks like the real app (d) has the real colours
18. 18.💾 In most code, the first item of a list is at position ___. (a) 2 (b) 0 (c) 1 (d) 10
19. 19.🔍 Which is the odd one out? (a) the screen layout (b) the icon shapes (c) how fast a task is done (d) the theme colours
20. 20.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 56 px tall
    Send button: 36 px tall
    Start button: 32 px tall
    Save button: 64 px tall
21. 21.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ Add button ]
    [ title text ]
    [ tab bar ]
    [ big picture ]
    [ list of items ] (a) big picture (b) Add button (c) list of items (d) title text
22. 22.Which of these is true of a menu button? (a) shows 3 to 5 icons (b) goes to the last screen (c) sits at the bottom (d) opens a list of pages
23. 23.Which of these fits saving in the cloud? (a) a class leaderboard (b) a draft you are typing (c) your last game level (d) notes to read offline
24. 24.✏️ What is a wireframe? (a) the finished app (b) a charging cable (c) a simple screen sketch (d) a type of password
25. 25.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
26. 26.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Help page”
    3. tap the Lessons tab
    Which screen are you on now? (a) Lessons (b) Me (c) Help page (d) Quiz
27. 27.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ menu icon ]
    [ top bar ]
    [ filter buttons ]
    [ title text ]
    [ search box ]
    [ tab bar ] (a) filter buttons (b) title text (c) top bar (d) search box
28. 28.🔢 In a quiz-app flow, which comes first: “tap “Start quiz”” or “read a question”? (a) read a question (b) tap “Start quiz”
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. tap Back
    3. open “Friend list”
    4. tap the Search tab
    Which screen are you on now? (a) Friend list (b) Home (c) Search (d) Map
30. 30.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Science", "Hindi", "Art"];
    show(notes[1]); (a) Maths (b) Hindi (c) Science (d) Art
31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ Save button ]
    [ big picture ]
    [ filter buttons ]
    [ title text ]
    [ Add button ]
32. 32.♿ A screen has 5 icon buttons. Only 1 of them have a text label for screen readers. How many still need a label?
33. 33.Which of these fits saving in the cloud? (a) chat messages to friends (b) your last game level (c) a draft you are typing (d) the sound on/off setting
34. 34.🔍 Which is the odd one out? (a) sudden loud sounds (b) strong colour contrast (c) big touch targets (d) text that can grow
35. 35.True or false: a wireframe shows where things go. (a) False (b) True
36. 36.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ Add button ]
    [ menu icon ]
    [ Save button ]
    [ search box ] (a) Save button (b) Add button (c) search box
37. 37.🔘 Our rule: buttons are at least 48 px tall. The Done button is 44 px tall. How many px taller must it be?
38. 38.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
39. 39.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
40. 40.🖼️ In this wireframe (top to bottom), what is right above the Save button?
    [ Add button ]
    [ menu icon ]
    [ search box ]
    [ Save button ] (a) Add button (b) menu icon (c) search box

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