← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 366 · 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.💾 What number does this code show?
    let friends = ["Meera", "Aman", "Arjun", "Kabir"];
    friends.push("Riya");
    show(friends.length);
  2. 2.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 36 px tall
    Done button: 52 px tall
    Cancel button: 44 px tall
  3. 3.🔘 Is this good or poor button design: icons with no meaning? (a) good design (b) poor design
  4. 4.🔍 Which is the odd one out? (a) how easy sign-up is (b) the theme colours (c) the font size (d) the button colours
  5. 5.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) open the camera screen (c) post the photo (d) write a caption
  6. 6.💾 Where should the app save a class leaderboard: on the phone or in the cloud? (a) in the cloud (b) on the phone
  7. 7.🔀 A screen with no way forward or back is called a ___. (a) dead end (b) tab bar (c) shortcut (d) home screen
  8. 8.Which of these helps everyone use the app? (a) fast-flashing lights (b) labels on every icon (c) sudden loud sounds (d) icons with no labels
  9. 9.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ Save button ]
    [ top bar ]
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ Add button ]
    (a) top bar (b) list of items (c) search box (d) Save button
  10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Score card”
    2. open “Friend list”
    3. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
  12. 12.True or false: “captions on videos” makes the app harder to use. (a) False (b) True
  13. 13.True or false: your last game level fits saving on the phone. (a) False (b) True
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Badges”
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  15. 15.🌗 Is pale pink on white easy or hard to read on a button? (a) hard to read (b) easy to read
  16. 16.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap the Lessons tab
    3. open “Match report”
    4. open “Help page”
    Which screen are you on now?
    (a) Match report (b) Badges (c) Help page (d) Lessons
  17. 17.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ search box ]
    [ title text ]
    [ top bar ]
    (a) title text (b) Save button (c) top bar (d) search box
  18. 18.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ big picture ]
    [ Add button ]
    [ tab bar ]
    [ list of items ]
    [ search box ]
    [ filter buttons ]
    (a) tab bar (b) list of items (c) big picture (d) filter buttons
  19. 19.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Science", "Art", "Music"];
    show(notes[3]);
    (a) Science (b) Art (c) Music (d) Sports
  20. 20.True or false: how many taps it takes is about UI (the look). (a) False (b) True
  21. 21.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ list of items ]
    [ big picture ]
    [ title text ]
    [ tab bar ]
    (a) list of items (b) title text (c) tab bar
  22. 22.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a final design (b) a wireframe
  23. 23.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) use it on any device (c) shrink the app (d) never need a password
  24. 24.💾 What number does this code show?
    let coins = 5;
    coins = coins - 5;
    coins = coins + 4;
    show(coins);
  25. 25.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  26. 26.True or false: “strong colour contrast” makes the app harder to use. (a) True (b) False
  27. 27.💾 What number does this code show?
    let lives = 6;
    lives = lives - 1;
    lives = lives + 2;
    show(lives);
  28. 28.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Match report”
    3. tap Back
    4. tap the Me tab
    Which screen are you on now?
    (a) Match report (b) Quiz (c) Me (d) Lessons
  29. 29.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Save button: 40 px tall
    Back button: 56 px tall
    Done button: 64 px tall
    Cancel button: 32 px tall
  30. 30.🔢 In a sign-up flow, which comes first: “type name and email” or “enter the code sent”? (a) enter the code sent (b) type name and email
  31. 31.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
  32. 32.♿ Does this help everyone, or make the app harder to use: sudden loud sounds? (a) helps everyone (b) makes it harder
  33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Confirm → Menu
    Design B: Home → Item → Search → Pay → Menu → Shop
    (a) Design B (b) Design A
  34. 34.🔢 In a quiz-app flow, which comes first: “see the final score” or “tap “Start quiz””? (a) tap “Start quiz” (b) see the final score
  35. 35.True or false: a clear word like Save is poor button design. (a) True (b) False
  36. 36.True or false: a final design is a quick sketch. (a) False (b) True
  37. 37.Which of these is true of a wireframe? (a) uses the final pictures (b) is a quick sketch (c) has the real colours (d) looks like the real app
  38. 38.💾 What number does this code show?
    let songs = ["Sunrise", "Rain"];
    songs.push("Kites");
    songs.push("Ocean");
    show(songs.length);
  39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Results
    Design B: Home → Results → Confirm → Shop → Address
  40. 40.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) post the photo (d) take the photo

Answer key

  1. 5
  2. 1
  3. poor design
  4. how easy sign-up is
  5. open the camera screen
  6. in the cloud
  7. dead end
  8. labels on every icon
  9. search box
  10. 0
  11. a menu button
  12. False
  13. True
  14. 3
  15. hard to read
  16. Help page
  17. top bar
  18. filter buttons
  19. Music
  20. False
  21. title text
  22. a final design
  23. use it on any device
  24. 4
  25. a final design
  26. False
  27. 7
  28. Me
  29. 2
  30. type name and email
  31. UI
  32. makes it harder
  33. Design A
  34. tap “Start quiz”
  35. False
  36. False
  37. is a quick sketch
  38. 4
  39. 2
  40. post the photo

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