← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 177 · 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 → Item → Menu → Size → Pay → Search
    Design B: Home → Address → Results → Offers → Cart
    (a) Design B (b) Design A
  2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Menu → Results → Cart → Pens → Confirm
    Design B: Home → Confirm → Size
  3. 3.Which of these is true of a final design? (a) uses plain grey boxes (b) has no real colours (c) looks like the real app (d) is a quick sketch
  4. 4.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a final design (b) a wireframe
  5. 5.💾 What does this code show? (Positions start at 0.)
    let songs = ["Kites", "Ocean", "Monsoon", "Rain"];
    show(songs[0]);
    (a) Ocean (b) Monsoon (c) Kites (d) Rain
  6. 6.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ list of items ]
    [ filter buttons ]
    [ top bar ]
    [ tab bar ]
    (a) filter buttons (b) top bar (c) list of items (d) tab bar
  7. 7.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
  8. 8.💾 What number does this code show?
    let coins = 8;
    coins = coins - 8;
    coins = coins + 2;
    show(coins);
  9. 9.True or false: a wireframe shows the real fonts. (a) True (b) False
  10. 10.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Item → Pay → Cart → Search
    Design B: Home → Size → Address → Results → Offers
  11. 11.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
  12. 12.♿ Why add captions to videos? (a) to slow them down (b) to add colour (c) to hide the sound (d) so anyone can follow
  13. 13.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ Save button ]
    [ filter buttons ]
    [ menu icon ]
    [ tab bar ]
    [ Add button ]
    (a) tab bar (b) Add button (c) filter buttons (d) Save button
  14. 14.💾 What does this code show? (Positions start at 0.)
    let notes = ["Science", "Music", "Art"];
    show(notes[0]);
    (a) Art (b) Music (c) Science
  15. 15.🔍 Which is the odd one out? (a) captions on videos (b) strong colour contrast (c) labels on every icon (d) sudden loud sounds
  16. 16.🔢 In a photo-post flow, what comes right after “add a filter”? (a) post the photo (b) open the camera screen (c) write a caption (d) take the photo
  17. 17.🔢 In a food-order flow, what comes right after “add it to the cart”? (a) open the menu (b) check the cart (c) track the order (d) pay for the order
  18. 18.🔘 Our rule: buttons are at least 48 px tall. The Back button is 36 px tall. How many px taller must it be?
  19. 19.🔍 Which is the odd one out? (a) tiny tap areas (b) sudden loud sounds (c) text that can grow (d) fast-flashing lights
  20. 20.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ title text ]
    [ filter buttons ]
    [ top bar ]
    [ menu icon ]
  21. 21.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. open “Edit photo”
    3. tap Back
    4. tap the Profile tab
    5. open “Badges”
    Which screen are you on now?
    (a) Edit photo (b) Badges (c) Home (d) Search
  22. 22.🧭 What does the back button usually do? (a) opens settings (b) goes to the last screen (c) closes all apps (d) deletes the page
  23. 23.True or false: a wireframe has the real colours. (a) False (b) True
  24. 24.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a final design (b) a wireframe
  25. 25.🔘 Is this good or poor button design: buttons almost touching? (a) poor design (b) good design
  26. 26.🔍 Which is the odd one out? (a) sudden loud sounds (b) colour as the only clue (c) icons with no labels (d) captions on videos
  27. 27.🧭 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 “Score card”
    Which screen are you on now?
    (a) Lessons (b) Quiz (c) Score card (d) Edit photo
  28. 28.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Offers → Cart
    Design B: Home → Confirm → Shop → Pay → Size → Item → Address
    (a) Design B (b) Design A
  29. 29.Which of these is true of a menu button? (a) switches main sections (b) opens a list of pages (c) undoes one move (d) shows 3 to 5 icons
  30. 30.💾 What number does this code show?
    let lives = 3;
    lives = lives - 2;
    lives = lives + 1;
    show(lives);
  31. 31.🎨 Fewer taps to finish a task usually means ___. (a) worse UX (b) a bigger app (c) more colours (d) better UX
  32. 32.🔍 Which is the odd one out? (a) labels on every icon (b) fast-flashing lights (c) tiny tap areas (d) colour as the only clue
  33. 33.Which of these fits saving in the cloud? (a) notes to read offline (b) a class leaderboard (c) a draft you are typing (d) your last game level
  34. 34.Which of these fits saving on the phone? (a) a draft you are typing (b) a class leaderboard (c) chat messages to friends (d) photos on two devices
  35. 35.Which of these fits saving on the phone? (a) chat messages to friends (b) a class leaderboard (c) a shared to-do list (d) your last game level
  36. 36.🧭 Which part of navigation hides extra links? (a) a tab bar (b) a menu button (c) the back button
  37. 37.Which of these helps everyone use the app? (a) sudden loud sounds (b) tiny tap areas (c) strong colour contrast (d) icons with no labels
  38. 38.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
  39. 39.Which of these is true of a tab bar? (a) sits at the bottom (b) goes to the last screen (c) opens a list of pages (d) hides extra links
  40. 40.🔍 Which is the odd one out? (a) the font size (b) how easy sign-up is (c) the theme colours (d) the screen layout

Answer key

  1. Design B
  2. 5
  3. looks like the real app
  4. a wireframe
  5. Kites
  6. tab bar
  7. True
  8. 2
  9. False
  10. 1
  11. a wireframe
  12. so anyone can follow
  13. Add button
  14. Science
  15. sudden loud sounds
  16. write a caption
  17. check the cart
  18. 12
  19. text that can grow
  20. 5
  21. Badges
  22. goes to the last screen
  23. False
  24. a wireframe
  25. poor design
  26. captions on videos
  27. Score card
  28. Design A
  29. opens a list of pages
  30. 2
  31. better UX
  32. labels on every icon
  33. a class leaderboard
  34. a draft you are typing
  35. your last game level
  36. a menu button
  37. strong colour contrast
  38. on the phone
  39. sits at the bottom
  40. how easy sign-up is

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