← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 594 · 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.🧭 Tapping a tab usually takes you to ___. (a) that tab’s main screen (b) the phone settings (c) the last app used (d) a random page
  2. 2.✏️ Is this true of a wireframe or of a final design: has no real colours? (a) a wireframe (b) a final design
  3. 3.♿ Accessibility means an app works for ___. (a) nobody (b) everyone (c) only the coder (d) only experts
  4. 4.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Back button: 44 px tall
    Done button: 40 px tall
    Start button: 32 px tall
    Help button: 32 px tall
  5. 5.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Offers → Pay → Search
    Design B: Home → Pay → Size → Results → Menu → Shop
  6. 6.🔍 Which is the odd one out? (a) how fast a task is done (b) how many taps it takes (c) the icon shapes (d) how users feel after
  7. 7.💾 What number does this code show?
    let friends = ["Riya", "Kabir"];
    friends.push("Arjun");
    show(friends.length);
  8. 8.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Chat tab
    3. tap the Feed tab
    Which screen are you on now?
    (a) Edit photo (b) Chat (c) Settings (d) Feed
  9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Home tab
    4. open “Score card”
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  10. 10.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ Save button ]
    [ top bar ]
    [ tab bar ]
    [ menu icon ]
    [ big picture ]
  11. 11.🌗 Is dark blue on white easy or hard to read on a button? (a) easy to read (b) hard to read
  12. 12.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Badges”
    2. tap the Feed tab
    3. tap the Feed tab
    4. open “Score card”
    Which screen are you on now?
    (a) Feed (b) Score card (c) Chat (d) Badges
  13. 13.True or false: chat messages to friends fits saving in the cloud. (a) True (b) False
  14. 14.🎨 UX stands for user ___. (a) express (b) example (c) experience (d) extra
  15. 15.🎨 Is this about UI or UX: how easy sign-up is? (a) UI (b) UX
  16. 16.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Lessons tab
    2. open “Edit photo”
    3. tap Back
    4. open “Map”
    5. tap the Lessons tab
    Which screen are you on now?
    (a) Quiz (b) Map (c) Edit photo (d) Lessons
  17. 17.💾 pop() takes off the last item. What does this code show?
    let friends = ["Kabir", "Riya", "Zoya"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Zoya (b) Kabir (c) Riya
  18. 18.💾 In most code, the first item of a list is at position ___. (a) 10 (b) 0 (c) 1 (d) 2
  19. 19.✏️ Why draw a wireframe before coding? (a) it runs the app (b) it saves data (c) it adds colours (d) changes are quick
  20. 20.✏️ What is the easiest way to draw a first wireframe? (a) a 3D printer (b) a phone case (c) a microphone (d) pencil and paper
  21. 21.Which of these is true of the back button? (a) switches main sections (b) sits at the bottom (c) undoes one move (d) opens a list of pages
  22. 22.💾 Saving data in the cloud lets you ___. (a) skip the internet (b) never need a password (c) shrink the app (d) use it on any device
  23. 23.True or false: how easy sign-up is is about UI (the look). (a) True (b) False
  24. 24.🔍 Which is the odd one out? (a) tiny tap areas (b) strong colour contrast (c) fast-flashing lights (d) icons with no labels
  25. 25.🧭 Which part of navigation switches main sections? (a) a tab bar (b) the back button (c) a menu button
  26. 26.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ Save button ]
    [ top bar ]
    [ menu icon ]
    [ big picture ]
    (a) top bar (b) menu icon (c) big picture
  27. 27.Which of these helps everyone use the app? (a) captions on videos (b) sudden loud sounds (c) fast-flashing lights (d) tiny tap areas
  28. 28.Which of these fits saving on the phone? (a) a shared to-do list (b) a class leaderboard (c) chat messages to friends (d) a draft you are typing
  29. 29.🔍 Which is the odd one out? (a) text that can grow (b) captions on videos (c) icons with no labels (d) strong colour contrast
  30. 30.Which of these is true of a final design? (a) shows where things go (b) shows the real fonts (c) uses plain grey boxes (d) has no real colours
  31. 31.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. tap the Chat tab
    3. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
  32. 32.Which of these fits saving on the phone? (a) chat messages to friends (b) notes to read offline (c) a class leaderboard (d) a shared to-do list
  33. 33.Which of these is about UX (the experience)? (a) the screen layout (b) how easy sign-up is (c) the font size (d) the icon shapes
  34. 34.True or false: a class leaderboard fits saving on the phone. (a) True (b) False
  35. 35.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 48 px tall
    Back button: 32 px tall
    Save button: 64 px tall
    Start button: 60 px tall
  36. 36.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 72 px tall
    Save button: 28 px tall
    Done button: 60 px tall
    Start button: 48 px tall
    (a) Done (b) Start (c) Save (d) Back
  37. 37.True or false: a wireframe uses the final pictures. (a) True (b) False
  38. 38.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
  39. 39.🔢 In a quiz-app flow, which comes FIRST? (a) pick an answer (b) see the final score (c) tap “Start quiz” (d) read a question
  40. 40.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False

Answer key

  1. that tab’s main screen
  2. a wireframe
  3. everyone
  4. 0
  5. 2
  6. the icon shapes
  7. 3
  8. Feed
  9. 2
  10. 6
  11. easy to read
  12. Score card
  13. True
  14. experience
  15. UX
  16. Lessons
  17. Riya
  18. 0
  19. changes are quick
  20. pencil and paper
  21. undoes one move
  22. use it on any device
  23. False
  24. strong colour contrast
  25. a tab bar
  26. top bar
  27. captions on videos
  28. a draft you are typing
  29. icons with no labels
  30. shows the real fonts
  31. 0
  32. notes to read offline
  33. how easy sign-up is
  34. False
  35. 3
  36. Save
  37. False
  38. UI
  39. tap “Start quiz”
  40. True

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