← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 208 · 40 questions
TalentJR

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.

NameDateTime takenScore ___ / 40
  1. 1.Which of these fits saving on the phone? (a) chat messages to friends (b) a shared to-do list (c) a class leaderboard (d) the sound on/off setting
  2. 2.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) pick a dish (c) pay for the order (d) track the order
  3. 3.🔢 In a sign-up flow, which comes first: “open the app” or “make a password”? (a) open the app (b) make a password
  4. 4.🔍 Which is the odd one out? (a) how users feel after (b) whether users get lost (c) the button colours (d) how fast a task is done
  5. 5.🔍 Which is the odd one out? (a) labels on every icon (b) tiny tap areas (c) text that can grow (d) strong colour contrast
  6. 6.✏️ What is a wireframe? (a) a simple screen sketch (b) the finished app (c) a charging cable (d) a type of password
  7. 7.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Add button ]
    [ list of items ]
    [ Save button ]
    [ title text ]
    [ filter buttons ]
    [ tab bar ]
    (a) Save button (b) Add button (c) tab bar (d) filter buttons
  8. 8.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  9. 9.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ Save button ]
    [ menu icon ]
    [ list of items ]
    [ title text ]
    [ top bar ]
    (a) big picture (b) menu icon (c) top bar (d) list of items
  10. 10.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 26 px
    Caption: 10 px
    Label: 27 px
    Footer: 25 px
    (a) Label (b) Hint (c) Footer (d) Caption
  11. 11.🔢 In a quiz-app flow, which comes LAST? (a) see the final score (b) tap “Start quiz” (c) pick an answer (d) read a question
  12. 12.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a menu button (c) a tab bar
  13. 13.🔢 In a food-order flow, what comes right after “pay for the order”? (a) track the order (b) check the cart (c) pick a dish (d) open the menu
  14. 14.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 23 px
    Footer: 14 px
    Body text: 15 px
    Menu: 14 px
    Label: 16 px
  15. 15.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Pens → Shop
    Design B: Home → Pay → Address → Confirm → Cart → Offers → Item
  16. 16.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pens → Confirm
    Design B: Home → Cart → Size → Pens → Pay → Search → Confirm
    (a) Design B (b) Design A
  17. 17.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  18. 18.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  19. 19.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it saves data (d) it adds colours
  20. 20.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Title: 16 px
    Footer: 13 px
    Label: 10 px
  21. 21.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  22. 22.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) see the home screen (c) type name and email (d) enter the code sent
  23. 23.True or false: “captions on videos” helps everyone use the app. (a) True (b) False
  24. 24.Which of these is about UI (the look)? (a) how many taps it takes (b) how users feel after (c) the button colours (d) how fast a task is done
  25. 25.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 14 px
    Footer: 16 px
    Title: 24 px
    (a) Body text (b) Footer (c) Title
  26. 26.Which of these is about UI (the look)? (a) how users feel after (b) the screen layout (c) whether users get lost (d) how fast a task is done
  27. 27.💾 What number does this code show?
    let notes = ["Music", "Maths"];
    notes.push("Sports");
    show(notes.length);
  28. 28.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Aman", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Riya (b) Aman (c) Meera
  29. 29.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Hindi", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Maths (b) Art (c) Hindi
  30. 30.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
  31. 31.True or false: chat messages to friends fits saving on the phone. (a) True (b) False
  32. 32.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) see the final score (b) pick an answer (c) read a question (d) see if it is right
  33. 33.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Match report”
    Which screen are you on now?
    (a) Home (b) Match report (c) Search (d) Edit photo
  34. 34.🔘 Is this good or poor button design: a tiny 20 px button? (a) good design (b) poor design
  35. 35.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Art", "Maths", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Science (c) Maths (d) Art
  36. 36.💾 What number does this code show?
    let coins = 5;
    coins = coins - 1;
    coins = coins + 2;
    show(coins);
  37. 37.✏️ Do wireframes usually show the final colours? (a) No (b) Yes
  38. 38.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap the Lessons tab
    3. tap the Me tab
    4. tap the Me tab
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  39. 39.Which of these is true of a menu button? (a) hides extra links (b) sits at the bottom (c) undoes one move (d) goes to the last screen
  40. 40.Which colour pair is hard to read? (a) white on black (b) black on yellow (c) red on green (d) white on dark green

Answer key

  1. the sound on/off setting
  2. open the menu
  3. open the app
  4. the button colours
  5. tiny tap areas
  6. a simple screen sketch
  7. tab bar
  8. on the phone
  9. top bar
  10. Caption
  11. see the final score
  12. a tab bar
  13. track the order
  14. 3
  15. 6
  16. Design A
  17. a wireframe
  18. True
  19. changes are quick
  20. 2
  21. easy to read
  22. see the home screen
  23. True
  24. the button colours
  25. Body text
  26. the screen layout
  27. 3
  28. Aman
  29. Hindi
  30. UX
  31. False
  32. read a question
  33. Match report
  34. poor design
  35. Maths
  36. 6
  37. No
  38. 1
  39. hides extra links
  40. red on green

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