App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 2 · 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.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
2. 2.🖼️ How many parts (boxes) does this wireframe have?
   [ top bar ]
   [ title text ]
   [ menu icon ]
   [ Add button ]
   [ Save button ]
   [ search box ]
3. 3.🎨 Is this about UI or UX: the button colours? (a) UX (b) UI
4. 4.🔘 Our rule: buttons are at least 48 px tall. The Back button is 44 px tall. How many px taller must it be?
5. 5.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
6. 6.💾 What number does this code show?
   let notes = ["Music", "Hindi", "Art"];
   notes.push("Sports");
   show(notes.length);
7. 7.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Feed tab
   2. tap the Feed tab
   3. tap the Chat tab
   Which screen are you on now? (a) Chat (b) Feed (c) Settings
8. 8.💾 pop() takes off the last item. What does this code show?
   let notes = ["Music", "Science", "Maths"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Music (b) Maths (c) Science
9. 9.Which of these helps everyone use the app? (a) icons with no labels (b) strong colour contrast (c) fast-flashing lights (d) sudden loud sounds
10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Search → Address → Offers
    Design B: Home → Item → Shop
11. 11.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
12. 12.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
13. 13.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
14. 14.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design
15. 15.🎨 UX stands for user ___. (a) express (b) example (c) extra (d) experience
16. 16.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Cancel button: 52 px tall
    Save button: 52 px tall
    Start button: 28 px tall
    Send button: 56 px tall (a) Save (b) Cancel (c) Send (d) Start
17. 17.🔀 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
18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 18 px
    Footer: 20 px
    Menu: 14 px
    Title: 24 px (a) Label (b) Footer (c) Title (d) Menu
19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Match report”
    3. tap the Quiz tab
    Which screen are you on now? (a) Score card (b) Lessons (c) Match report (d) Quiz
20. 20.🔢 In a food-order flow, what comes right after “check the cart”? (a) add it to the cart (b) pay for the order (c) open the menu (d) pick a dish
21. 21.🔍 Which is the odd one out? (a) how easy sign-up is (b) the button colours (c) the screen layout (d) the theme colours
22. 22.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Edit photo”
    3. tap the Lessons tab
    How many times must you tap Back to reach the main screen of this tab?
23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 18 px
    Hint: 20 px
    Menu: 18 px
24. 24.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) open the app (c) see the home screen (d) tap “Sign up”
25. 25.💾 What number does this code show?
    let points = 3;
    points = points - 1;
    points = points + 1;
    show(points);
26. 26.True or false: a final design uses the final pictures. (a) True (b) False
27. 27.Which of these is true of a final design? (a) is a quick sketch (b) looks like the real app (c) shows where things go (d) uses plain grey boxes
28. 28.🔢 In a photo-post flow, which comes FIRST? (a) take the photo (b) post the photo (c) add a filter (d) open the camera screen
29. 29.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) a menu button (c) the back button
30. 30.Which of these is about UX (the experience)? (a) the theme colours (b) how fast a task is done (c) the font size (d) the icon shapes
31. 31.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
32. 32.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
33. 33.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
34. 34.💾 What number does this code show?
    let notes = ["Sports", "Maths", "Hindi", "Science"];
    notes.push("Art");
    show(notes.length);
35. 35.🎨 UI stands for user ___. (a) input (b) internet (c) interface (d) idea
36. 36.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) on the phone (b) in the cloud
37. 37.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 68 px tall
    Start button: 28 px tall
    Cancel button: 72 px tall (a) Done (b) Start (c) Cancel
38. 38.🧭 Which part of navigation undoes one move? (a) a menu button (b) the back button (c) a tab bar
39. 39.Which of these fits saving on the phone? (a) chat messages to friends (b) the sound on/off setting (c) a shared to-do list (d) photos on two devices
40. 40.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ big picture ]
    [ menu icon ]
    [ top bar ]
    [ Save button ]
    [ filter buttons ]
    [ search box ] (a) filter buttons (b) top bar (c) big picture (d) search box

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