← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 155 · 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 = ["Hindi", "Sports", "Science", "Maths", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Science (b) Sports (c) Hindi (d) Maths
  2. 2.🎨 Is this about UI or UX: the screen layout? (a) UX (b) UI
  3. 3.💾 What number does this code show?
    let friends = ["Riya", "Arjun", "Meera", "Zoya"];
    friends.push("Aman");
    show(friends.length);
  4. 4.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Done button: 28 px tall
    Cancel button: 68 px tall
    Start button: 56 px tall
    (a) Start (b) Done (c) Cancel
  5. 5.🔢 In a sign-up flow, which comes first: “see the home screen” or “type name and email”? (a) see the home screen (b) type name and email
  6. 6.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a clear next step (c) a dead end (d) a random page
  7. 7.Which of these is true of a wireframe? (a) looks like the real app (b) shows the real fonts (c) has the real colours (d) is a quick sketch
  8. 8.True or false: a final design looks like the real app. (a) True (b) False
  9. 9.True or false: a shared to-do list fits saving in the cloud. (a) False (b) True
  10. 10.Which of these is about UX (the experience)? (a) the icon shapes (b) the screen layout (c) how users feel after (d) the font size
  11. 11.💾 What number does this code show?
    let score = 7;
    score = score - 6;
    score = score + 2;
    show(score);
  12. 12.🔍 Which is the odd one out? (a) the theme colours (b) the screen layout (c) the icon shapes (d) whether users get lost
  13. 13.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Menu → Cart → Pay → Search → Item → Address
    Design B: Home → Item → Offers → Confirm
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Score card”
    3. tap the Lessons tab
    Which screen are you on now?
    (a) Score card (b) Quiz (c) Lessons (d) Me
  15. 15.🖼️ How many parts (boxes) does this wireframe have?
    [ big picture ]
    [ title text ]
    [ menu icon ]
    [ Add button ]
  16. 16.💾 What does this code show? (Positions start at 0.)
    let songs = ["Stars", "Ocean", "Kites", "Sunrise", "Rain"];
    show(songs[0]);
    (a) Stars (b) Ocean (c) Kites (d) Sunrise
  17. 17.🌗 Is white on dark green easy or hard to read on a button? (a) hard to read (b) easy to read
  18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 17 px
    Menu: 16 px
    Title: 13 px
    Label: 25 px
    Footer: 21 px
    (a) Hint (b) Label (c) Title (d) Menu
  19. 19.💾 What number does this code show?
    let songs = ["Stars", "Ocean"];
    songs.push("Kites");
    songs.push("Rain");
    show(songs.length);
  20. 20.Which of these is true of a menu button? (a) sits at the bottom (b) opens a list of pages (c) switches main sections (d) shows 3 to 5 icons
  21. 21.True or false: a final design shows the real fonts. (a) True (b) False
  22. 22.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Sports", "Science", "Maths"];
    show(notes[1]);
    (a) Art (b) Science (c) Maths (d) Sports
  23. 23.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Results → Cart → Shop
    Design B: Home → Menu → Offers
  24. 24.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Map”
    2. open “Match report”
    3. tap Back
    Which screen are you on now?
    (a) Search (b) Home (c) Map (d) Match report
  25. 25.Which of these is true of a tab bar? (a) hides extra links (b) opens a list of pages (c) switches main sections (d) undoes one move
  26. 26.Which of these is about UX (the experience)? (a) the theme colours (b) the button colours (c) the font size (d) how many taps it takes
  27. 27.🔘 Our rule: buttons are at least 48 px tall. The Start button is 44 px tall. How many px taller must it be?
  28. 28.True or false: the screen layout is about UI (the look). (a) True (b) False
  29. 29.Which of these is true of a wireframe? (a) shows the real fonts (b) has the real colours (c) uses the final pictures (d) uses plain grey boxes
  30. 30.🔢 In a food-order flow, which comes first: “track the order” or “pay for the order”? (a) pay for the order (b) track the order
  31. 31.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
  32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Offers → Item → Confirm → Results → Address
    Design B: Home → Cart → Results → Address → Search
  33. 33.🔍 Which is the odd one out? (a) how easy sign-up is (b) how fast a task is done (c) the font size (d) how many taps it takes
  34. 34.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ list of items ]
    [ menu icon ]
    [ tab bar ]
    [ Add button ]
    [ Save button ]
    [ filter buttons ]
    (a) list of items (b) Add button (c) filter buttons (d) menu icon
  35. 35.🔀 What is a user flow? (a) the path through screens (b) a colour theme (c) a charging cable (d) a type of font
  36. 36.Which of these helps everyone use the app? (a) tiny tap areas (b) colour as the only clue (c) fast-flashing lights (d) strong colour contrast
  37. 37.Which colour pair is easy to read? (a) white on black (b) red on green (c) dark blue on black (d) light grey on white
  38. 38.🔢 In a sign-up flow, which comes FIRST? (a) tap “Sign up” (b) see the home screen (c) open the app (d) type name and email
  39. 39.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  40. 40.🌗 Is black on pale grey easy or hard to read on a button? (a) hard to read (b) easy to read

Answer key

  1. Maths
  2. UI
  3. 5
  4. Done
  5. type name and email
  6. a clear next step
  7. is a quick sketch
  8. True
  9. True
  10. how users feel after
  11. 3
  12. whether users get lost
  13. 3
  14. Lessons
  15. 4
  16. Stars
  17. easy to read
  18. Title
  19. 4
  20. opens a list of pages
  21. True
  22. Sports
  23. 3
  24. Map
  25. switches main sections
  26. how many taps it takes
  27. 4
  28. True
  29. uses plain grey boxes
  30. pay for the order
  31. hard to read
  32. 5
  33. the font size
  34. filter buttons
  35. the path through screens
  36. strong colour contrast
  37. white on black
  38. open the app
  39. helps everyone
  40. easy to read

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