← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 553 · 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.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ menu icon ]
    [ title text ]
    [ Save button ]
  2. 2.🔘 Our rule: buttons are at least 48 px tall. The Start button is 32 px tall. How many px taller must it be?
  3. 3.💾 Where should the app save photos on two devices: on the phone or in the cloud? (a) on the phone (b) in the cloud
  4. 4.True or false: space between buttons is good button design. (a) False (b) True
  5. 5.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ filter buttons ]
    [ top bar ]
    [ menu icon ]
    [ list of items ]
    [ search box ]
    [ tab bar ]
    (a) tab bar (b) filter buttons (c) list of items (d) top bar
  6. 6.True or false: a wireframe uses the final pictures. (a) True (b) False
  7. 7.🔢 In a quiz-app flow, which comes first: “see the final score” or “see if it is right”? (a) see the final score (b) see if it is right
  8. 8.True or false: notes to read offline fits saving on the phone. (a) False (b) True
  9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Results → Size → Pens → Cart → Menu
    Design B: Home → Offers → Item
  10. 10.🔢 In a food-order flow, which comes first: “add it to the cart” or “check the cart”? (a) check the cart (b) add it to the cart
  11. 11.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Match report”
    2. tap the Quiz tab
    3. open “Score card”
    4. tap Back
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  12. 12.🌗 Is yellow on white easy or hard to read on a button? (a) hard to read (b) easy to read
  13. 13.💾 pop() takes off the last item. What does this code show?
    let notes = ["Music", "Science", "Hindi", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Hindi (c) Science (d) Music
  14. 14.True or false: a wireframe shows where things go. (a) False (b) True
  15. 15.💾 What is a variable? (a) a type of screen (b) a phone setting (c) a named box for a value (d) a picture
  16. 16.True or false: a clear word like Save is poor button design. (a) True (b) False
  17. 17.Which of these is true of a tab bar? (a) hides extra links (b) undoes one move (c) switches main sections (d) goes to the last screen
  18. 18.True or false: a wireframe shows the real fonts. (a) True (b) False
  19. 19.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
  20. 20.Which colour pair is hard to read? (a) black on pale grey (b) black on yellow (c) white on black (d) red on green
  21. 21.Which of these is about UI (the look)? (a) how fast a task is done (b) how many taps it takes (c) how easy sign-up is (d) the font size
  22. 22.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Arjun", "Kabir", "Aman", "Zoya"];
    show(friends[0]);
    (a) Riya (b) Arjun (c) Aman (d) Kabir
  23. 23.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) read a question (c) see if it is right (d) see the final score
  24. 24.🔢 In a photo-post flow, which comes LAST? (a) open the camera screen (b) add a filter (c) take the photo (d) post the photo
  25. 25.Which of these fits saving on the phone? (a) a shared to-do list (b) notes to read offline (c) chat messages to friends (d) a class leaderboard
  26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Help page”
    3. tap Back
    Which screen are you on now?
    (a) Search (b) Help page (c) Home (d) Edit photo
  27. 27.🖼️ In this wireframe (top to bottom), what is right below the menu icon?
    [ big picture ]
    [ menu icon ]
    [ title text ]
    [ list of items ]
    [ Save button ]
    [ top bar ]
    (a) title text (b) big picture (c) top bar (d) Save button
  28. 28.Which of these makes the app harder to use? (a) fast-flashing lights (b) captions on videos (c) big touch targets (d) labels on every icon
  29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Match report”
    3. tap Back
    4. open “Badges”
    5. open “Friend list”
    Which screen are you on now?
    (a) Home (b) Match report (c) Friend list (d) Badges
  30. 30.🧭 Which part of navigation shows 3 to 5 icons? (a) the back button (b) a tab bar (c) a menu button
  31. 31.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 10 px
    Hint: 11 px
    Label: 16 px
    Body text: 10 px
  32. 32.🔘 Our rule: buttons are at least 48 px tall. The Help button is 32 px tall. How many px taller must it be?
  33. 33.🔢 In a sign-up flow, what comes right after “tap “Sign up””? (a) type name and email (b) open the app (c) enter the code sent (d) see the home screen
  34. 34.🔢 In a quiz-app flow, which comes first: “read a question” or “see the final score”? (a) see the final score (b) read a question
  35. 35.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ list of items ]
    [ tab bar ]
    [ search box ]
    [ top bar ]
    [ Save button ]
    (a) top bar (b) Save button (c) tab bar (d) list of items
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ big picture ]
    [ Add button ]
    [ filter buttons ]
    [ top bar ]
    (a) filter buttons (b) Add button (c) top bar
  37. 37.Which of these helps everyone use the app? (a) colour as the only clue (b) big touch targets (c) sudden loud sounds (d) tiny tap areas
  38. 38.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 11 px
    Body text: 13 px
    Hint: 15 px
    Footer: 23 px
    Menu: 20 px
  39. 39.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Badges”
    2. open “Match report”
    3. tap Back
    4. tap the Profile tab
    5. open “Edit photo”
    How many times must you tap Back to reach the main screen of this tab?
  40. 40.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 16 px
    Footer: 23 px
    Body text: 20 px

Answer key

  1. 4
  2. 16
  3. in the cloud
  4. True
  5. list of items
  6. False
  7. see if it is right
  8. True
  9. 4
  10. add it to the cart
  11. 1
  12. hard to read
  13. Hindi
  14. True
  15. a named box for a value
  16. False
  17. switches main sections
  18. False
  19. the back button
  20. red on green
  21. the font size
  22. Riya
  23. read a question
  24. post the photo
  25. notes to read offline
  26. Edit photo
  27. title text
  28. fast-flashing lights
  29. Friend list
  30. a tab bar
  31. 3
  32. 16
  33. type name and email
  34. read a question
  35. top bar
  36. Add button
  37. big touch targets
  38. 3
  39. 1
  40. 0

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