← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 341 · 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.True or false: a wireframe has the real colours. (a) False (b) True
  2. 2.🧭 Which part of navigation hides extra links? (a) the back button (b) a menu button (c) a tab bar
  3. 3.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ big picture ]
    [ Save button ]
    [ list of items ]
    [ Add button ]
  4. 4.Which of these fits saving in the cloud? (a) a draft you are typing (b) chat messages to friends (c) the sound on/off setting (d) notes to read offline
  5. 5.True or false: a draft you are typing fits saving in the cloud. (a) True (b) False
  6. 6.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Footer: 10 px
    Hint: 22 px
    Label: 22 px
    Caption: 16 px
    (a) Label (b) Caption (c) Hint (d) Footer
  7. 7.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
  8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Shop → Pay → Confirm
    Design B: Home → Pens → Item
  9. 9.🎨 Fewer taps to finish a task usually means ___. (a) better UX (b) worse UX (c) a bigger app (d) more colours
  10. 10.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. open “Video”
    3. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?
  11. 11.🔢 In a food-order flow, which comes first: “open the menu” or “track the order”? (a) track the order (b) open the menu
  12. 12.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) make a password (c) see the home screen (d) enter the code sent
  13. 13.Which of these is true of a final design? (a) is a quick sketch (b) has no real colours (c) has the real colours (d) shows where things go
  14. 14.🔢 In a food-order flow, what comes right after “open the menu”? (a) add it to the cart (b) check the cart (c) pick a dish (d) track the order
  15. 15.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Title: 12 px
    Hint: 22 px
    Footer: 27 px
    (a) Footer (b) Hint (c) Title
  16. 16.🔢 In a sign-up flow, what comes right after “make a password”? (a) enter the code sent (b) type name and email (c) tap “Sign up” (d) see the home screen
  17. 17.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  18. 18.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Pens → Size → Confirm → Menu → Cart
    Design B: Home → Address → Shop
  19. 19.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Aman", "Arjun"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Arjun (b) Aman (c) Kabir
  20. 20.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) post the photo (c) add a filter (d) take the photo
  21. 21.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Stars", "Kites"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Kites (b) Stars (c) Sunrise
  22. 22.🔢 In a food-order flow, which comes FIRST? (a) check the cart (b) track the order (c) open the menu (d) pick a dish
  23. 23.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) shortcut (d) dead end
  24. 24.Which of these is about UI (the look)? (a) the button colours (b) how easy sign-up is (c) how many taps it takes (d) whether users get lost
  25. 25.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
  26. 26.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  27. 27.💾 What number does this code show?
    let lives = 3;
    lives = lives - 3;
    lives = lives + 4;
    show(lives);
  28. 28.Which of these is true of the back button? (a) goes to the last screen (b) sits at the bottom (c) opens a list of pages (d) switches main sections
  29. 29.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ Add button ]
    [ filter buttons ]
    [ top bar ]
    [ list of items ]
    [ title text ]
    [ search box ]
    (a) list of items (b) title text (c) Add button (d) filter buttons
  30. 30.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Friend list”
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Maths", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Art (b) Hindi (c) Maths
  32. 32.Which colour pair is hard to read? (a) black on yellow (b) black on pale grey (c) white on dark green (d) yellow on white
  33. 33.Which colour pair is easy to read? (a) dark blue on black (b) pale pink on white (c) black on pale grey (d) yellow on white
  34. 34.🧭 Which part of navigation opens a list of pages? (a) a tab bar (b) the back button (c) a menu button
  35. 35.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
  36. 36.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Art", "Maths", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Science (c) Maths (d) Art
  37. 37.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Art", "Sports", "Music", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Art (c) Maths (d) Music
  38. 38.🔢 In a photo-post flow, which comes FIRST? (a) write a caption (b) take the photo (c) open the camera screen (d) add a filter
  39. 39.True or false: a tiny 20 px button is good button design. (a) True (b) False
  40. 40.🎨 A beautiful app that confuses everyone has ___. (a) perfect UX (b) good UX but poor UI (c) no UI at all (d) good UI but poor UX

Answer key

  1. False
  2. a menu button
  3. 5
  4. chat messages to friends
  5. False
  6. Footer
  7. a final design
  8. 2
  9. better UX
  10. 0
  11. open the menu
  12. see the home screen
  13. has the real colours
  14. pick a dish
  15. Title
  16. enter the code sent
  17. 1
  18. 4
  19. Aman
  20. post the photo
  21. Stars
  22. open the menu
  23. dead end
  24. the button colours
  25. on the phone
  26. on the phone
  27. 4
  28. goes to the last screen
  29. title text
  30. 1
  31. Maths
  32. yellow on white
  33. black on pale grey
  34. a menu button
  35. poor design
  36. Maths
  37. Music
  38. open the camera screen
  39. False
  40. good UI but poor UX

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