← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 382 · 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.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Maths", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Maths (b) Art (c) Sports
  2. 2.🧭 Why should every screen show where you are? (a) so users do not get lost (b) to look busy (c) to hide the menu (d) to use more battery
  3. 3.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ tab bar ]
    [ Save button ]
    [ big picture ]
    [ Add button ]
    [ list of items ]
    (a) search box (b) tab bar (c) list of items (d) Add button
  4. 4.🧭 What does the back button usually do? (a) opens settings (b) deletes the page (c) goes to the last screen (d) closes all apps
  5. 5.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) in the cloud (b) on the phone
  6. 6.True or false: strong colour contrast is poor button design. (a) False (b) True
  7. 7.Which colour pair is hard to read? (a) dark blue on black (b) white on black (c) dark blue on white (d) black on pale grey
  8. 8.💾 Which works with no internet at all? (a) data saved on the phone (b) a cloud leaderboard (c) a shared chat (d) a cloud backup
  9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. open “Map”
    3. tap the Search tab
    4. open “Map”
    5. tap the Home tab
    Which screen are you on now?
    (a) Search (b) Map (c) Home (d) Edit photo
  10. 10.True or false: notes to read offline fits saving on the phone. (a) True (b) False
  11. 11.🌗 Is dark blue on black easy or hard to read on a button? (a) hard to read (b) easy to read
  12. 12.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ menu icon ]
    [ list of items ]
    [ search box ]
    [ top bar ]
    [ big picture ]
  13. 13.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) open the app (c) enter the code sent (d) tap “Sign up”
  14. 14.Which of these is true of a wireframe? (a) has no real colours (b) shows the real fonts (c) has the real colours (d) looks like the real app
  15. 15.♿ What does a screen reader do? (a) takes photos (b) reads the screen aloud (c) makes text tiny (d) plays music
  16. 16.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Cart → Confirm → Shop
    Design B: Home → Pens → Shop → Search → Offers → Results → Item
  17. 17.Which of these is true of a wireframe? (a) shows where things go (b) uses the final pictures (c) looks like the real app (d) has the real colours
  18. 18.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  19. 19.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) a tab bar (c) the back button
  20. 20.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
  21. 21.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Pay → Pens
    Design B: Home → Pens → Size → Results → Item → Pay
    (a) Design B (b) Design A
  22. 22.🔢 In a food-order flow, what comes right after “open the menu”? (a) check the cart (b) pick a dish (c) track the order (d) add it to the cart
  23. 23.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 14 px
    Footer: 14 px
    Body text: 17 px
    Caption: 23 px
  24. 24.🔘 Our rule: buttons are at least 48 px tall. The Help button is 28 px tall. How many px taller must it be?
  25. 25.🔀 A screen with no way forward or back is called a ___. (a) shortcut (b) tab bar (c) home screen (d) dead end
  26. 26.🎨 UX stands for user ___. (a) extra (b) express (c) experience (d) example
  27. 27.🔍 Which is the odd one out? (a) fast-flashing lights (b) strong colour contrast (c) captions on videos (d) labels on every icon
  28. 28.🔢 In a food-order flow, what comes right after “pick a dish”? (a) track the order (b) check the cart (c) pay for the order (d) add it to the cart
  29. 29.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Monsoon", "Ocean", "Kites", "Stars"];
    show(songs[2]);
    (a) Ocean (b) Kites (c) Sunrise (d) Monsoon
  30. 30.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Maths", "Science", "Hindi", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Science (b) Art (c) Maths (d) Hindi
  31. 31.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
  32. 32.🔢 In a photo-post flow, which comes LAST? (a) post the photo (b) take the photo (c) add a filter (d) open the camera screen
  33. 33.🔘 Our rule: buttons are at least 48 px tall. The Save button is 32 px tall. How many px taller must it be?
  34. 34.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Menu → Shop → Pens → Cart → Results → Address
    Design B: Home → Menu → Address → Results → Confirm
    (a) Design B (b) Design A
  35. 35.🔍 Which is the odd one out? (a) the button colours (b) the theme colours (c) how many taps it takes (d) the icon shapes
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ Save button ]
    [ search box ]
    [ Add button ]
    [ title text ]
    [ tab bar ]
    (a) search box (b) Add button (c) Save button (d) tab bar
  37. 37.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Map”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
  38. 38.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Sports", "Maths", "Art"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Science (c) Maths (d) Sports
  39. 39.♿ Accessibility means an app works for ___. (a) nobody (b) only the coder (c) everyone (d) only experts
  40. 40.💾 pop() takes off the last item. What does this code show?
    let friends = ["Aman", "Arjun", "Riya", "Kabir"];
    friends.pop();
    show(friends[friends.length - 1]);
    (a) Riya (b) Aman (c) Arjun (d) Kabir

Answer key

  1. Maths
  2. so users do not get lost
  3. list of items
  4. goes to the last screen
  5. on the phone
  6. False
  7. dark blue on black
  8. data saved on the phone
  9. Home
  10. True
  11. hard to read
  12. 6
  13. open the app
  14. has no real colours
  15. reads the screen aloud
  16. 3
  17. shows where things go
  18. easy to read
  19. the back button
  20. UX
  21. Design A
  22. pick a dish
  23. 2
  24. 20
  25. dead end
  26. experience
  27. fast-flashing lights
  28. add it to the cart
  29. Ocean
  30. Hindi
  31. on the phone
  32. post the photo
  33. 16
  34. Design B
  35. how many taps it takes
  36. tab bar
  37. 0
  38. Maths
  39. everyone
  40. Riya

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