← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 45 · 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 is the odd one out? (a) sudden loud sounds (b) labels on every icon (c) colour as the only clue (d) fast-flashing lights
  2. 2.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Kites", "Stars", "Ocean"];
    show(songs[3]);
    (a) Monsoon (b) Kites (c) Stars (d) Ocean
  3. 3.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. tap Back
    3. open “Help page”
    4. tap Back
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.True or false: a class leaderboard fits saving on the phone. (a) False (b) True
  5. 5.True or false: the button colours is about UI (the look). (a) False (b) True
  6. 6.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Confirm → Cart
    Design B: Home → Address → Search → Size → Pens → Menu → Shop
    (a) Design B (b) Design A
  7. 7.🖼️ In this wireframe (top to bottom), what is right above the Add button?
    [ top bar ]
    [ menu icon ]
    [ filter buttons ]
    [ Save button ]
    [ Add button ]
    (a) filter buttons (b) Save button (c) top bar (d) menu icon
  8. 8.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) see the home screen (b) type name and email
  9. 9.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ top bar ]
    [ menu icon ]
    [ list of items ]
    [ tab bar ]
    [ Add button ]
    (a) top bar (b) tab bar (c) Add button (d) list of items
  10. 10.Which of these is about UI (the look)? (a) how users feel after (b) how easy sign-up is (c) whether users get lost (d) the icon shapes
  11. 11.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
  12. 12.🔢 In a sign-up flow, which comes LAST? (a) see the home screen (b) enter the code sent (c) tap “Sign up” (d) open the app
  13. 13.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. tap the Quiz tab
    3. open “Badges”
    Which screen are you on now?
    (a) Edit photo (b) Quiz (c) Lessons (d) Badges
  15. 15.🧭 Which part of navigation undoes one move? (a) the back button (b) a menu button (c) a tab bar
  16. 16.Which of these is about UI (the look)? (a) how many taps it takes (b) how users feel after (c) whether users get lost (d) the button colours
  17. 17.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 9 px
    Hint: 21 px
    Body text: 27 px
    Menu: 23 px
    Caption: 20 px
    (a) Body text (b) Menu (c) Footer (d) Hint
  18. 18.True or false: a final design has the real colours. (a) False (b) True
  19. 19.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
  20. 20.♿ Why add captions to videos? (a) to add colour (b) to hide the sound (c) to slow them down (d) so anyone can follow
  21. 21.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 14 px
    Caption: 25 px
    Body text: 28 px
    (a) Footer (b) Caption (c) Body text
  22. 22.True or false: “tiny tap areas” makes the app harder to use. (a) True (b) False
  23. 23.🔘 Our rule: buttons are at least 48 px tall. The Help button is 32 px tall. How many px taller must it be?
  24. 24.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Meera", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Aman (b) Meera (c) Kabir
  25. 25.True or false: your last game level fits saving in the cloud. (a) False (b) True
  26. 26.🧭 What does the back button usually do? (a) goes to the last screen (b) deletes the page (c) closes all apps (d) opens settings
  27. 27.💾 What number does this code show?
    let score = 7;
    score = score - 5;
    score = score + 3;
    show(score);
  28. 28.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) pick an answer (c) tap “Start quiz” (d) read a question
  29. 29.True or false: “sudden loud sounds” makes the app harder to use. (a) True (b) False
  30. 30.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
  31. 31.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Address → Menu → Cart → Search → Results
    Design B: Home → Menu → Pay → Cart → Confirm → Item → Offers
  32. 32.💾 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
  33. 33.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Hindi", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Maths (b) Hindi (c) Sports
  34. 34.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Maths", "Science", "Hindi", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Science (b) Hindi (c) Maths (d) Art
  35. 35.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  36. 36.True or false: how users feel after is about UI (the look). (a) True (b) False
  37. 37.🔀 Why plan the user flow before building? (a) to add more taps (b) to hide the buttons (c) to skip testing (d) so each step is clear
  38. 38.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ big picture ]
    [ tab bar ]
    [ filter buttons ]
    [ top bar ]
    [ Add button ]
    [ search box ]
    (a) filter buttons (b) Add button (c) search box (d) top bar
  39. 39.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ filter buttons ]
    [ tab bar ]
    [ menu icon ]
  40. 40.🔘 Is this good or poor button design: a big, easy tap area? (a) good design (b) poor design

Answer key

  1. labels on every icon
  2. Ocean
  3. 1
  4. False
  5. True
  6. Design A
  7. Save button
  8. type name and email
  9. list of items
  10. the icon shapes
  11. the sound on/off setting
  12. see the home screen
  13. a final design
  14. Badges
  15. the back button
  16. the button colours
  17. Footer
  18. True
  19. on the phone
  20. so anyone can follow
  21. Footer
  22. True
  23. 16
  24. Meera
  25. False
  26. goes to the last screen
  27. 5
  28. tap “Start quiz”
  29. True
  30. True
  31. 5
  32. on the phone
  33. Hindi
  34. Hindi
  35. easy to read
  36. False
  37. so each step is clear
  38. search box
  39. 4
  40. good design

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