← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 719 · 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.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ Add button ]
    [ search box ]
    [ list of items ]
    [ title text ]
    [ top bar ]
    (a) Add button (b) top bar (c) search box (d) list of items
  2. 2.True or false: a final design is a quick sketch. (a) True (b) False
  3. 3.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) tap “Sign up” (c) see the home screen (d) open the app
  4. 4.💾 What number does this code show?
    let score = 9;
    score = score - 6;
    score = score + 2;
    show(score);
  5. 5.🔀 In a good flow, each screen should lead to ___. (a) a dead end (b) a random page (c) a clear next step (d) the same screen
  6. 6.💾 Which can hold many values in order? (a) a button (b) a single number (c) a switch (d) a list
  7. 7.🔢 In a sign-up flow, which comes first: “enter the code sent” or “open the app”? (a) open the app (b) enter the code sent
  8. 8.♿ A screen has 10 icon buttons. Only 8 of them have a text label for screen readers. How many still need a label?
  9. 9.Which of these is true of a final design? (a) uses plain grey boxes (b) shows where things go (c) is a quick sketch (d) has the real colours
  10. 10.🖼️ In this wireframe (top to bottom), what is right below the list of items?
    [ list of items ]
    [ Add button ]
    [ title text ]
    [ filter buttons ]
    (a) filter buttons (b) Add button (c) title text
  11. 11.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) that tab’s main screen (c) the last app used (d) the phone settings
  12. 12.🔢 In a sign-up flow, what comes right after “open the app”? (a) see the home screen (b) tap “Sign up” (c) make a password (d) type name and email
  13. 13.🔢 In a photo-post flow, which comes first: “open the camera screen” or “write a caption”? (a) open the camera screen (b) write a caption
  14. 14.Which of these is true of a wireframe? (a) shows the real fonts (b) looks like the real app (c) shows where things go (d) has the real colours
  15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Score card”
    3. tap Back
    Which screen are you on now?
    (a) Score card (b) Search (c) Home (d) Profile
  16. 16.🔘 Is this good or poor button design: a tiny 20 px button? (a) poor design (b) good design
  17. 17.🔍 Which is the odd one out? (a) how many taps it takes (b) whether users get lost (c) how easy sign-up is (d) the button colours
  18. 18.Which of these fits saving on the phone? (a) a shared to-do list (b) a draft you are typing (c) chat messages to friends (d) a class leaderboard
  19. 19.♿ Does this help everyone, or make the app harder to use: labels on every icon? (a) makes it harder (b) helps everyone
  20. 20.🔢 In a sign-up flow, what comes right after “enter the code sent”? (a) see the home screen (b) type name and email (c) tap “Sign up” (d) make a password
  21. 21.💾 What number does this code show?
    let songs = ["Monsoon", "Rain", "Stars"];
    songs.push("Sunrise");
    show(songs.length);
  22. 22.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  23. 23.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Size → Search → Item → Offers
    Design B: Home → Item → Cart → Offers
    (a) Design B (b) Design A
  24. 24.True or false: a final design uses the final pictures. (a) False (b) True
  25. 25.True or false: the screen layout is about UI (the look). (a) True (b) False
  26. 26.✏️ Why draw a wireframe before coding? (a) it runs the app (b) changes are quick (c) it adds colours (d) it saves data
  27. 27.🎨 UX stands for user ___. (a) example (b) extra (c) experience (d) express
  28. 28.💾 What number does this code show?
    let notes = ["Maths", "Music"];
    notes.push("Hindi");
    notes.push("Sports");
    show(notes.length);
  29. 29.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Shop → Item
    Design B: Home → Results → Address → Menu → Search → Pens
  30. 30.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Item → Shop → Results → Address
    Design B: Home → Search → Menu
  31. 31.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Lessons tab
    3. open “Map”
    4. tap Back
    5. open “Friend list”
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Friend list (d) Map
  32. 32.💾 What is a variable? (a) a phone setting (b) a picture (c) a type of screen (d) a named box for a value
  33. 33.♿ What should every icon-only button have for screen readers? (a) a sound (b) a bright colour (c) a text label (d) a long animation
  34. 34.💾 What number does this code show?
    let notes = ["Music", "Art", "Hindi", "Maths"];
    notes.push("Science");
    notes.push("Sports");
    show(notes.length);
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ tab bar ]
    [ list of items ]
    [ Save button ]
    [ big picture ]
    (a) big picture (b) tab bar (c) list of items
  36. 36.🔢 In a sign-up flow, what comes right after “type name and email”? (a) enter the code sent (b) open the app (c) make a password (d) see the home screen
  37. 37.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 64 px tall
    Cancel button: 32 px tall
    Help button: 52 px tall
  38. 38.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) you send a message (c) the app is closed (d) the screen turns off
  39. 39.🔘 Our rule: buttons are at least 48 px tall. The Done button is 32 px tall. How many px taller must it be?
  40. 40.🔢 In a sign-up flow, which comes LAST? (a) tap “Sign up” (b) see the home screen (c) open the app (d) type name and email

Answer key

  1. top bar
  2. False
  3. open the app
  4. 5
  5. a clear next step
  6. a list
  7. open the app
  8. 2
  9. has the real colours
  10. Add button
  11. that tab’s main screen
  12. tap “Sign up”
  13. open the camera screen
  14. shows where things go
  15. Home
  16. poor design
  17. the button colours
  18. a draft you are typing
  19. helps everyone
  20. see the home screen
  21. 4
  22. a wireframe
  23. Design B
  24. True
  25. True
  26. changes are quick
  27. experience
  28. 4
  29. 2
  30. 2
  31. Friend list
  32. a named box for a value
  33. a text label
  34. 6
  35. big picture
  36. make a password
  37. 2
  38. the phone is lost
  39. 16
  40. see the home screen

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