App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 688 · 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.True or false: how users feel after is about UI (the look). (a) True (b) False
2. 2.💾 Which can hold many values in order? (a) a button (b) a switch (c) a list (d) a single number
3. 3.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
4. 4.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
5. 5.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) tap “Start quiz” (c) see the final score (d) read a question
6. 6.Which of these is about UX (the experience)? (a) how many taps it takes (b) the icon shapes (c) the font size (d) the button colours
7. 7.Which of these is true of a tab bar? (a) undoes one move (b) sits at the bottom (c) goes to the last screen (d) hides extra links
8. 8.True or false: notes to read offline fits saving in the cloud. (a) True (b) False
9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
   [ search box ]
   [ list of items ]
   [ big picture ]
   [ title text ] (a) big picture (b) list of items (c) search box (d) title text
10. 10.💾 What number does this code show?
    let score = 8;
    score = score - 4;
    score = score + 5;
    show(score);
11. 11.🔍 Which is the odd one out? (a) how many taps it takes (b) how fast a task is done (c) how easy sign-up is (d) the button colours
12. 12.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Item → Cart → Search → Shop → Pens
    Design B: Home → Search → Menu → Item → Cart → Pens → Address
14. 14.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
15. 15.💾 What number does this code show?
    let score = 6;
    score = score - 4;
    score = score + 3;
    show(score);
16. 16.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ menu icon ]
    [ title text ]
    [ top bar ]
    [ big picture ] (a) menu icon (b) top bar (c) big picture
17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Menu: 14 px
    Title: 25 px
    Caption: 27 px (a) Caption (b) Menu (c) Title
18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Search tab
    3. tap the Search tab
    Which screen are you on now? (a) Help page (b) Home (c) Search (d) Profile
19. 19.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 60 px tall
    Cancel button: 40 px tall
    Save button: 64 px tall
    Done button: 32 px tall
20. 20.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) uses the final pictures
21. 21.True or false: how fast a task is done is about UX (the experience). (a) False (b) True
22. 22.True or false: how easy sign-up is is about UI (the look). (a) False (b) True
23. 23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ tab bar ]
    [ filter buttons ]
    [ Save button ] (a) filter buttons (b) tab bar (c) Add button (d) Save button
24. 24.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 20 px
    Caption: 15 px
    Body text: 20 px
    Hint: 12 px
25. 25.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
26. 26.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 36 px tall
    Back button: 60 px tall
    Cancel button: 60 px tall
    Save button: 52 px tall
27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Help button: 52 px tall
    Send button: 36 px tall
    Start button: 64 px tall (a) Send (b) Help (c) Start
28. 28.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
29. 29.🧭 Which part of navigation switches main sections? (a) a menu button (b) the back button (c) a tab bar
30. 30.💾 What does this code show? (Positions start at 0.)
    let songs = ["Kites", "Sunrise", "Stars"];
    show(songs[1]); (a) Kites (b) Sunrise (c) Stars
31. 31.🧭 Where is a tab bar usually placed in a phone app? (a) inside a button (b) nowhere (c) in the middle (d) at the bottom
32. 32.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Science", "Hindi", "Sports", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Sports (b) Art (c) Hindi (d) Science
33. 33.💾 What does this code show? (Positions start at 0.)
    let notes = ["Science", "Music", "Maths"];
    show(notes[2]); (a) Maths (b) Science (c) Music
34. 34.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 48 px tall
    Back button: 32 px tall
    Send button: 68 px tall (a) Start (b) Send (c) Back
35. 35.🎨 Is this about UI or UX: how users feel after? (a) UI (b) UX
36. 36.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a microphone (c) pencil and paper (d) a 3D printer
37. 37.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Address → Shop → Search → Offers → Size
    Design B: Home → Item → Size
39. 39.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ tab bar ]
    [ top bar ]
    [ filter buttons ]
    [ list of items ]
    [ search box ] (a) list of items (b) search box (c) filter buttons (d) tab bar
40. 40.♿ Does this help everyone, or make the app harder to use: strong colour contrast? (a) helps everyone (b) makes it harder

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