← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 100 · 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 can hold many values in order? (a) a single number (b) a switch (c) a button (d) a list
  2. 2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 36 px tall
    Next button: 64 px tall
    Back button: 60 px tall
  3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Help page”
    3. tap the Settings tab
    Which screen are you on now?
    (a) Feed (b) Settings (c) Help page (d) Chat
  4. 4.🔢 In a quiz-app flow, which comes first: “see if it is right” or “read a question”? (a) read a question (b) see if it is right
  5. 5.🔢 In a photo-post flow, what comes right after “take the photo”? (a) write a caption (b) post the photo (c) add a filter (d) open the camera screen
  6. 6.True or false: “colour as the only clue” helps everyone use the app. (a) True (b) False
  7. 7.🧭 Which part of navigation hides extra links? (a) a tab bar (b) a menu button (c) the back button
  8. 8.✏️ Why draw a wireframe before coding? (a) changes are quick (b) it saves data (c) it runs the app (d) it adds colours
  9. 9.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Quiz tab
    3. open “Friend list”
    4. tap Back
    Which screen are you on now?
    (a) Quiz (b) Me (c) Friend list (d) Lessons
  10. 10.True or false: a clear word like Save is poor button design. (a) False (b) True
  11. 11.True or false: how easy sign-up is is about UX (the experience). (a) False (b) True
  12. 12.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
  13. 13.🎨 Who should you test the UX with? (a) the app icon (b) only yourself (c) real users (d) nobody
  14. 14.🔍 Which is the odd one out? (a) the font size (b) the button colours (c) the theme colours (d) how easy sign-up is
  15. 15.Which colour pair is easy to read? (a) yellow on white (b) pale pink on white (c) light grey on white (d) white on black
  16. 16.True or false: the font size is about UI (the look). (a) False (b) True
  17. 17.🔘 Is this good or poor button design: space between buttons? (a) poor design (b) good design
  18. 18.💾 What number does this code show?
    let notes = ["Music", "Sports", "Maths"];
    notes.push("Art");
    notes.push("Science");
    show(notes.length);
  19. 19.True or false: a final design is a quick sketch. (a) True (b) False
  20. 20.Which of these makes the app harder to use? (a) text that can grow (b) captions on videos (c) icons with no labels (d) labels on every icon
  21. 21.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a final design (b) a wireframe
  22. 22.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) the font size (d) whether users get lost
  23. 23.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ Add button ]
    [ list of items ]
    [ filter buttons ]
    [ tab bar ]
    (a) tab bar (b) Add button (c) search box (d) list of items
  24. 24.💾 What number does this code show?
    let notes = ["Hindi", "Music"];
    notes.push("Art");
    notes.push("Sports");
    show(notes.length);
  25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Match report”
    3. tap the Profile tab
    4. open “Score card”
    Which screen are you on now?
    (a) Match report (b) Score card (c) Home (d) Friend list
  26. 26.🔢 In a sign-up flow, what comes right after “make a password”? (a) open the app (b) type name and email (c) see the home screen (d) enter the code sent
  27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Pay → Menu
    Design B: Home → Cart → Address → Offers → Pay → Results → Menu
    (a) Design B (b) Design A
  28. 28.Which of these is about UX (the experience)? (a) the button colours (b) the font size (c) the icon shapes (d) how fast a task is done
  29. 29.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  30. 30.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Badges”
    3. tap the Quiz tab
    4. tap the Lessons tab
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Address → Confirm → Pens
    Design B: Home → Pens → Item
    (a) Design A (b) Design B
  32. 32.💾 What number does this code show?
    let coins = 9;
    coins = coins - 1;
    coins = coins + 5;
    show(coins);
  33. 33.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Score card”
    2. open “Score card”
    3. tap Back
    4. tap the Quiz tab
    Which screen are you on now?
    (a) Me (b) Lessons (c) Score card (d) Quiz
  35. 35.Which of these is true of the back button? (a) goes to the last screen (b) switches main sections (c) shows 3 to 5 icons (d) hides extra links
  36. 36.Which of these makes the app harder to use? (a) big touch targets (b) labels on every icon (c) captions on videos (d) sudden loud sounds
  37. 37.✏️ A box with a cross in a wireframe usually means ___. (a) an error (b) a picture goes here (c) a closed app (d) delete this
  38. 38.Which of these is true of a tab bar? (a) sits at the bottom (b) opens a list of pages (c) goes to the last screen (d) undoes one move
  39. 39.🔍 Which is the odd one out? (a) text that can grow (b) colour as the only clue (c) labels on every icon (d) captions on videos
  40. 40.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ title text ]
    [ search box ]
    [ tab bar ]

Answer key

  1. a list
  2. 2
  3. Settings
  4. read a question
  5. add a filter
  6. False
  7. a menu button
  8. changes are quick
  9. Quiz
  10. False
  11. True
  12. poor design
  13. real users
  14. how easy sign-up is
  15. white on black
  16. True
  17. good design
  18. 5
  19. False
  20. icons with no labels
  21. a wireframe
  22. the font size
  23. tab bar
  24. 4
  25. Score card
  26. enter the code sent
  27. Design A
  28. how fast a task is done
  29. on the phone
  30. 1
  31. Design B
  32. 13
  33. No
  34. Quiz
  35. goes to the last screen
  36. sudden loud sounds
  37. a picture goes here
  38. sits at the bottom
  39. colour as the only clue
  40. 4

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