← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 371 · 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.🧭 Which part of navigation shows 3 to 5 icons? (a) a tab bar (b) the back button (c) a menu button
  2. 2.True or false: a wireframe uses the final pictures. (a) False (b) True
  3. 3.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 48 px tall
    Help button: 64 px tall
    Start button: 40 px tall
    (a) Help (b) Start (c) Send
  4. 4.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
  5. 5.True or false: “fast-flashing lights” makes the app harder to use. (a) False (b) True
  6. 6.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 10 px
    Title: 22 px
    Body text: 22 px
    Caption: 12 px
    Menu: 24 px
  7. 7.Which of these is true of a final design? (a) looks like the real app (b) shows where things go (c) has no real colours (d) uses plain grey boxes
  8. 8.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Results → Search → Size → Menu
    Design B: Home → Cart → Pens → Confirm → Size → Results → Pay
  9. 9.🔢 In a sign-up flow, which comes first: “make a password” or “open the app”? (a) open the app (b) make a password
  10. 10.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) in the cloud (b) on the phone
  11. 11.🌗 Is black on yellow easy or hard to read on a button? (a) hard to read (b) easy to read
  12. 12.Which of these is true of a final design? (a) uses plain grey boxes (b) is a quick sketch (c) shows where things go (d) has the real colours
  13. 13.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 40 px tall
    Back button: 56 px tall
    Help button: 72 px tall
    Next button: 60 px tall
    (a) Next (b) Back (c) Done (d) Help
  14. 14.💾 In most code, the first item of a list is at position ___. (a) 1 (b) 0 (c) 2 (d) 10
  15. 15.💾 What does this code show? (Positions start at 0.)
    let friends = ["Arjun", "Aman", "Zoya", "Meera"];
    show(friends[1]);
    (a) Meera (b) Arjun (c) Zoya (d) Aman
  16. 16.✏️ Why draw a wireframe before coding? (a) it saves data (b) it adds colours (c) changes are quick (d) it runs the app
  17. 17.💾 pop() takes off the last item. What does this code show?
    let songs = ["Sunrise", "Kites", "Stars", "Monsoon"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Kites (b) Monsoon (c) Stars (d) Sunrise
  18. 18.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Search → Pens → Item → Results → Size
    Design B: Home → Cart → Address → Results → Offers
    (a) Design A (b) Design B
  19. 19.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Feed tab
    2. open “Map”
    3. tap Back
    4. tap the Chat tab
    5. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  20. 20.🔍 Which is the odd one out? (a) icons with no labels (b) tiny tap areas (c) fast-flashing lights (d) text that can grow
  21. 21.Which of these is about UI (the look)? (a) the icon shapes (b) how easy sign-up is (c) how many taps it takes (d) how users feel after
  22. 22.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 20 px
    Caption: 10 px
    Menu: 24 px
  23. 23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Score card”
    2. tap Back
    3. open “Friend list”
    Which screen are you on now?
    (a) Friend list (b) Home (c) Score card (d) Search
  24. 24.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 22 px
    Footer: 11 px
    Menu: 27 px
    (a) Label (b) Menu (c) Footer
  25. 25.💾 What number does this code show?
    let coins = 4;
    coins = coins - 3;
    coins = coins + 1;
    show(coins);
  26. 26.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 23 px
    Hint: 23 px
    Footer: 12 px
    (a) Label (b) Hint (c) Footer
  27. 27.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 52 px tall
    Back button: 68 px tall
    Next button: 32 px tall
    Save button: 56 px tall
    (a) Save (b) Next (c) Done (d) Back
  28. 28.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Badges”
    3. open “Friend list”
    4. open “Video”
    Which screen are you on now?
    (a) Feed (b) Video (c) Badges (d) Friend list
  29. 29.🎨 Is this about UI or UX: the icon shapes? (a) UX (b) UI
  30. 30.💾 What number does this code show?
    let songs = ["Kites", "Ocean", "Monsoon"];
    songs.push("Sunrise");
    show(songs.length);
  31. 31.True or false: how many taps it takes is about UI (the look). (a) False (b) True
  32. 32.💾 What does this code show? (Positions start at 0.)
    let friends = ["Kabir", "Arjun", "Meera", "Aman"];
    show(friends[2]);
    (a) Aman (b) Kabir (c) Meera (d) Arjun
  33. 33.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Size → Shop → Confirm
    Design B: Home → Confirm → Results → Pay → Pens → Size
    (a) Design A (b) Design B
  34. 34.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  35. 35.🔘 Our rule: buttons are at least 48 px tall. The Help button is 28 px tall. How many px taller must it be?
  36. 36.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
  37. 37.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read
  38. 38.✏️ Is this true of a wireframe or of a final design: uses plain grey boxes? (a) a wireframe (b) a final design
  39. 39.🔍 Which is the odd one out? (a) how users feel after (b) how many taps it takes (c) how easy sign-up is (d) the icon shapes
  40. 40.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Edit photo”
    2. open “Edit photo”
    3. open “Match report”
    4. tap the Quiz tab
    How many times must you tap Back to reach the main screen of this tab?

Answer key

  1. a tab bar
  2. False
  3. Start
  4. a final design
  5. True
  6. 2
  7. looks like the real app
  8. 2
  9. open the app
  10. on the phone
  11. easy to read
  12. has the real colours
  13. Done
  14. 0
  15. Aman
  16. changes are quick
  17. Stars
  18. Design B
  19. 1
  20. text that can grow
  21. the icon shapes
  22. 1
  23. Friend list
  24. Footer
  25. 2
  26. Footer
  27. Next
  28. Video
  29. UI
  30. 4
  31. False
  32. Meera
  33. Design A
  34. False
  35. 20
  36. opens a list of pages
  37. easy to read
  38. a wireframe
  39. the icon shapes
  40. 0

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