← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 927 · 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 songs = ["Rain", "Monsoon", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Rain (b) Monsoon (c) Sunrise
  2. 2.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Help page”
    3. open “Map”
    4. tap Back
    5. open “Score card”
    Which screen are you on now?
    (a) Friend list (b) Map (c) Score card (d) Help page
  3. 3.🔀 A screen with no way forward or back is called a ___. (a) tab bar (b) home screen (c) dead end (d) shortcut
  4. 4.🔢 In a sign-up flow, which comes LAST? (a) enter the code sent (b) see the home screen (c) make a password (d) type name and email
  5. 5.💾 What number does this code show?
    let notes = ["Hindi", "Sports", "Science"];
    notes.push("Maths");
    notes.push("Music");
    show(notes.length);
  6. 6.Which of these is true of the back button? (a) shows 3 to 5 icons (b) undoes one move (c) opens a list of pages (d) sits at the bottom
  7. 7.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Edit photo”
    2. tap Back
    3. open “Edit photo”
    Which screen are you on now?
    (a) Profile (b) Home (c) Edit photo (d) Search
  8. 8.🔍 Which is the odd one out? (a) how fast a task is done (b) the theme colours (c) how many taps it takes (d) how easy sign-up is
  9. 9.💾 Data saved only on the phone is lost when ___. (a) the phone is lost (b) the app is closed (c) the screen turns off (d) you send a message
  10. 10.🔍 Which is the odd one out? (a) tiny tap areas (b) colour as the only clue (c) fast-flashing lights (d) captions on videos
  11. 11.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Hint: 23 px
    Label: 18 px
    Body text: 28 px
    Menu: 28 px
    Title: 10 px
    (a) Title (b) Body text (c) Label (d) Hint
  12. 12.💾 What number does this code show?
    let songs = ["Monsoon", "Kites", "Ocean", "Stars"];
    songs.push("Sunrise");
    songs.push("Rain");
    show(songs.length);
  13. 13.💾 Where should the app save the sound on/off setting: on the phone or in the cloud? (a) on the phone (b) in the cloud
  14. 14.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Map”
    2. open “Video”
    3. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  15. 15.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Music", "Maths", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Science (b) Maths (c) Music (d) Sports
  16. 16.🧭 Which part of navigation switches main sections? (a) a menu button (b) a tab bar (c) the back button
  17. 17.Which of these helps everyone use the app? (a) captions on videos (b) icons with no labels (c) colour as the only clue (d) tiny tap areas
  18. 18.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Start button: 48 px tall
    Back button: 56 px tall
    Send button: 56 px tall
  19. 19.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Start button: 60 px tall
    Next button: 72 px tall
    Cancel button: 52 px tall
    Done button: 24 px tall
    (a) Start (b) Next (c) Done (d) Cancel
  20. 20.💾 What number does this code show?
    let friends = ["Riya", "Meera", "Aman", "Arjun"];
    friends.push("Kabir");
    friends.push("Zoya");
    show(friends.length);
  21. 21.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) has the real colours (d) has no real colours
  22. 22.Which of these is true of a final design? (a) has no real colours (b) uses the final pictures (c) shows where things go (d) is a quick sketch
  23. 23.True or false: the font size is about UX (the experience). (a) True (b) False
  24. 24.Which of these fits saving on the phone? (a) a class leaderboard (b) chat messages to friends (c) the sound on/off setting (d) photos on two devices
  25. 25.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) looks like the real app (d) uses plain grey boxes
  26. 26.🧭 About how many tabs suit a tab bar best? (a) 20 (b) 10 to 12 (c) 1 (d) 3 to 5
  27. 27.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Pay → Results → Shop
    Design B: Home → Cart → Menu → Address → Search → Offers → Pens
    (a) Design A (b) Design B
  28. 28.🔀 In a good flow, each screen should lead to ___. (a) a random page (b) the same screen (c) a dead end (d) a clear next step
  29. 29.True or false: the screen layout is about UI (the look). (a) False (b) True
  30. 30.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ filter buttons ]
    [ menu icon ]
    [ top bar ]
    [ big picture ]
    (a) big picture (b) top bar (c) menu icon (d) filter buttons
  31. 31.True or false: a draft you are typing fits saving on the phone. (a) False (b) True
  32. 32.💾 What does this code show? (Positions start at 0.)
    let songs = ["Sunrise", "Kites", "Ocean", "Stars"];
    show(songs[0]);
    (a) Ocean (b) Kites (c) Sunrise (d) Stars
  33. 33.🧭 Which part of navigation hides extra links? (a) a menu button (b) a tab bar (c) the back button
  34. 34.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Label: 24 px
    Hint: 18 px
    Caption: 14 px
    Footer: 23 px
  35. 35.✏️ Is this true of a wireframe or of a final design: shows where things go? (a) a wireframe (b) a final design
  36. 36.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Quiz tab
    2. open “Edit photo”
    3. open “Match report”
    4. open “Friend list”
    5. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  37. 37.🔀 What is a user flow? (a) the path through screens (b) a charging cable (c) a colour theme (d) a type of font
  38. 38.True or false: “captions on videos” makes the app harder to use. (a) True (b) False
  39. 39.🔢 In a photo-post flow, what comes right after “take the photo”? (a) post the photo (b) write a caption (c) add a filter (d) open the camera screen
  40. 40.Which of these fits saving in the cloud? (a) your last game level (b) photos on two devices (c) notes to read offline (d) a draft you are typing

Answer key

  1. Monsoon
  2. Score card
  3. dead end
  4. see the home screen
  5. 5
  6. undoes one move
  7. Edit photo
  8. the theme colours
  9. the phone is lost
  10. captions on videos
  11. Title
  12. 6
  13. on the phone
  14. 3
  15. Maths
  16. a tab bar
  17. captions on videos
  18. 3
  19. Done
  20. 6
  21. has the real colours
  22. uses the final pictures
  23. False
  24. the sound on/off setting
  25. looks like the real app
  26. 3 to 5
  27. Design A
  28. a clear next step
  29. True
  30. big picture
  31. True
  32. Sunrise
  33. a menu button
  34. 1
  35. a wireframe
  36. 4
  37. the path through screens
  38. False
  39. add a filter
  40. photos on two devices

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