← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 406 · 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 a photo-post flow, which comes first: “post the photo” or “add a filter”? (a) add a filter (b) post the photo
  2. 2.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Rain", "Sunrise", "Stars"];
    show(songs[3]);
    (a) Monsoon (b) Sunrise (c) Stars (d) Rain
  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.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Start button: 64 px tall
    Save button: 44 px tall
    Done button: 32 px tall
  5. 5.True or false: “sudden loud sounds” helps everyone use the app. (a) False (b) True
  6. 6.🌗 Is white on black easy or hard to read on a button? (a) hard to read (b) easy to read
  7. 7.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Send button: 44 px tall
    Next button: 40 px tall
    Save button: 32 px tall
    Done button: 44 px tall
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Send button is 32 px tall. How many px taller must it be?
  9. 9.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 19 px
    Footer: 10 px
    Menu: 16 px
    Caption: 24 px
  10. 10.🧭 Tapping a tab usually takes you to ___. (a) a random page (b) the last app used (c) that tab’s main screen (d) the phone settings
  11. 11.🎨 UI stands for user ___. (a) idea (b) input (c) internet (d) interface
  12. 12.Which of these helps everyone use the app? (a) sudden loud sounds (b) big touch targets (c) icons with no labels (d) tiny tap areas
  13. 13.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 40 px tall
    Start button: 52 px tall
    Save button: 44 px tall
  14. 14.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. open “Score card”
    How many times must you tap Back to reach the main screen of this tab?
  15. 15.💾 What does this code show? (Positions start at 0.)
    let friends = ["Aman", "Kabir", "Zoya", "Riya", "Meera"];
    show(friends[2]);
    (a) Kabir (b) Aman (c) Zoya (d) Riya
  16. 16.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Match report”
    2. tap Back
    3. open “Friend list”
    Which screen are you on now?
    (a) Search (b) Match report (c) Home (d) Friend list
  17. 17.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a final design (b) a wireframe
  18. 18.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) uses plain grey boxes (d) uses the final pictures
  19. 19.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Confirm → Item
    Design B: Home → Pens → Shop → Pay
  20. 20.🔍 Which is the odd one out? (a) strong colour contrast (b) fast-flashing lights (c) big touch targets (d) text that can grow
  21. 21.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ filter buttons ]
    [ Add button ]
    [ big picture ]
    [ tab bar ]
    [ search box ]
    (a) tab bar (b) Add button (c) search box (d) filter buttons
  22. 22.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Pens → Cart
    Design B: Home → Size → Address → Pens → Results → Pay
    (a) Design A (b) Design B
  23. 23.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Stars", "Sunrise", "Kites"];
    show(songs[3]);
    (a) Sunrise (b) Kites (c) Monsoon (d) Stars
  24. 24.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
  25. 25.Which of these is true of a menu button? (a) opens a list of pages (b) goes to the last screen (c) sits at the bottom (d) switches main sections
  26. 26.True or false: space between buttons is poor button design. (a) False (b) True
  27. 27.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Settings tab
    3. open “Friend list”
    4. tap Back
    Which screen are you on now?
    (a) Edit photo (b) Friend list (c) Feed (d) Settings
  28. 28.🔢 In a sign-up flow, which comes first: “see the home screen” or “make a password”? (a) see the home screen (b) make a password
  29. 29.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 19 px
    Footer: 11 px
    Body text: 13 px
    Label: 15 px
    Hint: 14 px
  30. 30.🖼️ How many parts (boxes) does this wireframe have?
    [ search box ]
    [ title text ]
    [ Add button ]
    [ top bar ]
  31. 31.🔍 Which is the odd one out? (a) how easy sign-up is (b) how users feel after (c) how fast a task is done (d) the screen layout
  32. 32.💾 Saving data in the cloud lets you ___. (a) never need a password (b) skip the internet (c) use it on any device (d) shrink the app
  33. 33.💾 What number does this code show?
    let coins = 7;
    coins = coins - 4;
    coins = coins + 2;
    show(coins);
  34. 34.♿ What should every icon-only button have for screen readers? (a) a text label (b) a bright colour (c) a sound (d) a long animation
  35. 35.🔢 In a food-order flow, which comes FIRST? (a) open the menu (b) track the order (c) pay for the order (d) check the cart
  36. 36.🖼️ In this wireframe (top to bottom), what is right below the tab bar?
    [ tab bar ]
    [ big picture ]
    [ filter buttons ]
    [ top bar ]
    (a) top bar (b) filter buttons (c) big picture
  37. 37.💾 What does this code show? (Positions start at 0.)
    let friends = ["Riya", "Arjun", "Meera", "Kabir"];
    show(friends[2]);
    (a) Arjun (b) Riya (c) Meera (d) Kabir
  38. 38.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pens → Item → Shop
    Design B: Home → Pens → Offers → Shop → Size → Search → Pay
  39. 39.Which of these is true of a wireframe? (a) shows the real fonts (b) uses the final pictures (c) has the real colours (d) has no real colours
  40. 40.🔍 Which is the odd one out? (a) how fast a task is done (b) the theme colours (c) whether users get lost (d) how many taps it takes

Answer key

  1. add a filter
  2. Stars
  3. in the cloud
  4. 1
  5. False
  6. easy to read
  7. 0
  8. 16
  9. 1
  10. that tab’s main screen
  11. interface
  12. big touch targets
  13. 1
  14. 1
  15. Zoya
  16. Friend list
  17. a final design
  18. uses plain grey boxes
  19. 1
  20. fast-flashing lights
  21. Add button
  22. Design A
  23. Kites
  24. False
  25. opens a list of pages
  26. False
  27. Settings
  28. make a password
  29. 4
  30. 4
  31. the screen layout
  32. use it on any device
  33. 5
  34. a text label
  35. open the menu
  36. big picture
  37. Meera
  38. 3
  39. has no real colours
  40. the theme colours

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