← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 78 · 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 → Size → Offers → Pens → Results → Item
    Design B: Home → Menu → Item → Offers → Cart
    (a) Design B (b) Design A
  2. 2.🌗 Is pale pink on white easy or hard to read on a button? (a) easy to read (b) hard to read
  3. 3.🎨 Fewer taps to finish a task usually means ___. (a) more colours (b) worse UX (c) a bigger app (d) better UX
  4. 4.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) tap “Sign up” (c) see the home screen (d) enter the code sent
  5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Size → Results
    Design B: Home → Results → Pens → Offers → Menu → Pay
  6. 6.💾 What is a variable? (a) a phone setting (b) a named box for a value (c) a picture (d) a type of screen
  7. 7.💾 What number does this code show?
    let songs = ["Ocean", "Stars", "Sunrise", "Rain"];
    songs.push("Monsoon");
    show(songs.length);
  8. 8.✏️ 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
  9. 9.🔘 Is this good or poor button design: space between buttons? (a) good design (b) poor design
  10. 10.🎨 Is this about UI or UX: the theme colours? (a) UX (b) UI
  11. 11.True or false: how many taps it takes is about UX (the experience). (a) False (b) True
  12. 12.♿ Why add captions to videos? (a) to hide the sound (b) so anyone can follow (c) to add colour (d) to slow them down
  13. 13.💾 What number does this code show?
    let score = 7;
    score = score - 3;
    score = score + 1;
    show(score);
  14. 14.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ title text ]
    [ list of items ]
    [ Save button ]
    (a) Save button (b) title text (c) tab bar (d) list of items
  15. 15.🔢 In a sign-up flow, which comes first: “make a password” or “see the home screen”? (a) make a password (b) see the home screen
  16. 16.🔢 In a sign-up flow, which comes first: “type name and email” or “open the app”? (a) open the app (b) type name and email
  17. 17.Which of these is true of a tab bar? (a) goes to the last screen (b) undoes one move (c) switches main sections (d) opens a list of pages
  18. 18.🔢 In a sign-up flow, which comes first: “enter the code sent” or “type name and email”? (a) enter the code sent (b) type name and email
  19. 19.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Video”
    3. open “Edit photo”
    Which screen are you on now?
    (a) Video (b) Lessons (c) Quiz (d) Edit photo
  20. 20.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
  21. 21.True or false: “tiny tap areas” helps everyone use the app. (a) True (b) False
  22. 22.🔢 In a quiz-app flow, which comes FIRST? (a) see if it is right (b) read a question (c) see the final score (d) tap “Start quiz”
  23. 23.✏️ Do wireframes usually show the final colours? (a) Yes (b) No
  24. 24.Which of these fits saving in the cloud? (a) your last game level (b) the sound on/off setting (c) a draft you are typing (d) chat messages to friends
  25. 25.True or false: how many taps it takes is about UI (the look). (a) True (b) False
  26. 26.🎨 Who should you test the UX with? (a) only yourself (b) nobody (c) real users (d) the app icon
  27. 27.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Confirm → Item → Offers → Size
    Design B: Home → Confirm → Offers → Shop → Cart
  28. 28.🖼️ How many parts (boxes) does this wireframe have?
    [ list of items ]
    [ Save button ]
    [ top bar ]
    [ Add button ]
    [ tab bar ]
    [ menu icon ]
  29. 29.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  30. 30.Which colour pair is hard to read? (a) yellow on white (b) white on black (c) black on yellow (d) white on dark green
  31. 31.🔍 Which is the odd one out? (a) captions on videos (b) labels on every icon (c) strong colour contrast (d) fast-flashing lights
  32. 32.💾 What number does this code show?
    let points = 5;
    points = points - 4;
    points = points + 4;
    show(points);
  33. 33.Which colour pair is easy to read? (a) pale pink on white (b) light grey on white (c) white on dark green (d) red on green
  34. 34.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) helps everyone (b) makes it harder
  35. 35.💾 What number does this code show?
    let notes = ["Music", "Art", "Sports", "Maths"];
    notes.push("Hindi");
    show(notes.length);
  36. 36.🔀 What is a user flow? (a) a type of font (b) a colour theme (c) a charging cable (d) the path through screens
  37. 37.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ top bar ]
    [ Save button ]
    [ tab bar ]
    [ title text ]
    (a) Save button (b) tab bar (c) top bar (d) title text
  38. 38.🔢 In a photo-post flow, which comes first: “write a caption” or “post the photo”? (a) write a caption (b) post the photo
  39. 39.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Stars", "Rain", "Kites"];
    show(songs[0]);
    (a) Kites (b) Rain (c) Sunrise (d) Stars
  40. 40.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) add a filter (c) open the camera screen (d) write a caption

Answer key

  1. Design B
  2. hard to read
  3. better UX
  4. see the home screen
  5. 5
  6. a named box for a value
  7. 5
  8. a picture goes here
  9. good design
  10. UI
  11. True
  12. so anyone can follow
  13. 5
  14. Save button
  15. make a password
  16. open the app
  17. switches main sections
  18. type name and email
  19. Edit photo
  20. easy to read
  21. False
  22. tap “Start quiz”
  23. No
  24. chat messages to friends
  25. False
  26. real users
  27. 1
  28. 6
  29. a wireframe
  30. yellow on white
  31. fast-flashing lights
  32. 5
  33. white on dark green
  34. makes it harder
  35. 5
  36. the path through screens
  37. title text
  38. write a caption
  39. Sunrise
  40. add a filter

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