← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 709 · 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.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Menu → Item
    Design B: Home → Cart → Menu → Confirm → Pens → Size → Pay
    (a) Design B (b) Design A
  2. 2.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. open “Badges”
    4. tap Back
    5. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
  3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Edit photo”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  4. 4.🔢 In a photo-post flow, what comes right after “write a caption”? (a) take the photo (b) open the camera screen (c) add a filter (d) post the photo
  5. 5.💾 What does this code show? (Positions start at 0.)
    let notes = ["Hindi", "Maths", "Art"];
    show(notes[0]);
    (a) Maths (b) Hindi (c) Art
  6. 6.🌗 Is light grey on white easy or hard to read on a button? (a) hard to read (b) easy to read
  7. 7.🔀 In a good flow, each screen should lead to ___. (a) a clear next step (b) the same screen (c) a dead end (d) a random page
  8. 8.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. tap Back
    3. open “Friend list”
    4. open “Edit photo”
    5. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  9. 9.True or false: a shared to-do list fits saving in the cloud. (a) True (b) False
  10. 10.🔘 Our rule: buttons are at least 48 px tall. The Save button is 24 px tall. How many px taller must it be?
  11. 11.Which colour pair is hard to read? (a) dark blue on black (b) black on yellow (c) white on dark green (d) white on black
  12. 12.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap Back
    3. tap the Lessons tab
    4. tap the Lessons tab
    Which screen are you on now?
    (a) Me (b) Lessons (c) Badges (d) Quiz
  13. 13.Which of these is true of a menu button? (a) goes to the last screen (b) sits at the bottom (c) opens a list of pages (d) switches main sections
  14. 14.🖼️ In this wireframe (top to bottom), what is right below the filter buttons?
    [ filter buttons ]
    [ Save button ]
    [ menu icon ]
    [ tab bar ]
    (a) menu icon (b) tab bar (c) Save button
  15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Friend list”
    3. tap Back
    Which screen are you on now?
    (a) Profile (b) Search (c) Home (d) Friend list
  16. 16.Which of these fits saving in the cloud? (a) a class leaderboard (b) notes to read offline (c) a draft you are typing (d) the sound on/off setting
  17. 17.💾 What number does this code show?
    let score = 6;
    score = score - 4;
    score = score + 4;
    show(score);
  18. 18.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Edit photo”
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
  19. 19.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  20. 20.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) helps everyone (b) makes it harder
  21. 21.🔘 Our rule: buttons are at least 48 px tall. The Next button is 40 px tall. How many px taller must it be?
  22. 22.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ Save button ]
    [ big picture ]
    [ Add button ]
    [ top bar ]
    [ search box ]
    [ list of items ]
    (a) Add button (b) top bar (c) Save button (d) list of items
  23. 23.🔢 In a photo-post flow, which comes LAST? (a) add a filter (b) post the photo (c) take the photo (d) write a caption
  24. 24.True or false: a wireframe uses plain grey boxes. (a) False (b) True
  25. 25.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) the theme colours (d) how fast a task is done
  26. 26.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Shop → Pens → Confirm → Size → Item
    Design B: Home → Pay → Confirm → Item → Menu → Offers → Cart
  27. 27.💾 Which works with no internet at all? (a) a cloud leaderboard (b) data saved on the phone (c) a shared chat (d) a cloud backup
  28. 28.True or false: icons with no meaning is poor button design. (a) False (b) True
  29. 29.💾 pop() takes off the last item. What does this code show?
    let friends = ["Meera", "Kabir", "Zoya", "Riya", "Aman"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Meera (b) Riya (c) Kabir (d) Zoya
  30. 30.🔍 Which is the odd one out? (a) how many taps it takes (b) how easy sign-up is (c) whether users get lost (d) the font size
  31. 31.True or false: a big, easy tap area is poor button design. (a) True (b) False
  32. 32.Which of these helps everyone use the app? (a) colour as the only clue (b) icons with no labels (c) fast-flashing lights (d) big touch targets
  33. 33.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 17 px
    Menu: 14 px
    Hint: 19 px
    Body text: 16 px
    Caption: 20 px
    (a) Body text (b) Label (c) Menu (d) Hint
  34. 34.🔍 Which is the odd one out? (a) captions on videos (b) big touch targets (c) fast-flashing lights (d) text that can grow
  35. 35.✏️ What is a wireframe? (a) a charging cable (b) a type of password (c) the finished app (d) a simple screen sketch
  36. 36.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap Back
    3. open “Edit photo”
    4. open “Match report”
    Which screen are you on now?
    (a) Edit photo (b) Feed (c) Badges (d) Match report
  37. 37.Which of these is true of a tab bar? (a) hides extra links (b) shows 3 to 5 icons (c) goes to the last screen (d) undoes one move
  38. 38.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) use it on any device (d) shrink the app
  39. 39.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ top bar ]
    [ tab bar ]
    [ title text ]
    [ Save button ]
    [ menu icon ]
    [ search box ]
    (a) tab bar (b) search box (c) title text (d) Save button
  40. 40.♿ A screen has 7 icon buttons. Only 4 of them have a text label for screen readers. How many still need a label?

Answer key

  1. Design A
  2. 1
  3. 0
  4. post the photo
  5. Hindi
  6. hard to read
  7. a clear next step
  8. 1
  9. True
  10. 24
  11. dark blue on black
  12. Lessons
  13. opens a list of pages
  14. Save button
  15. Home
  16. a class leaderboard
  17. 6
  18. 3
  19. a final design
  20. helps everyone
  21. 8
  22. top bar
  23. post the photo
  24. True
  25. how fast a task is done
  26. 1
  27. data saved on the phone
  28. True
  29. Riya
  30. the font size
  31. False
  32. big touch targets
  33. Menu
  34. fast-flashing lights
  35. a simple screen sketch
  36. Match report
  37. shows 3 to 5 icons
  38. use it on any device
  39. tab bar
  40. 3

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