← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 56 · 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.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ Add button ]
    [ top bar ]
    [ list of items ]
  2. 2.True or false: the screen layout is about UI (the look). (a) True (b) False
  3. 3.💾 What number does this code show?
    let notes = ["Hindi", "Art", "Music", "Science"];
    notes.push("Maths");
    notes.push("Sports");
    show(notes.length);
  4. 4.🔢 In a food-order flow, which comes first: “open the menu” or “add it to the cart”? (a) open the menu (b) add it to the cart
  5. 5.💾 What does this code show? (Positions start at 0.)
    let friends = ["Meera", "Kabir", "Aman", "Riya"];
    show(friends[0]);
    (a) Kabir (b) Riya (c) Aman (d) Meera
  6. 6.Which colour pair is easy to read? (a) yellow on white (b) pale pink on white (c) black on pale grey (d) red on green
  7. 7.🔢 In a photo-post flow, what comes right after “take the photo”? (a) open the camera screen (b) write a caption (c) add a filter (d) post the photo
  8. 8.🔘 Our rule: buttons are at least 48 px tall. The Send button is 20 px tall. How many px taller must it be?
  9. 9.Which of these is true of a tab bar? (a) undoes one move (b) hides extra links (c) switches main sections (d) opens a list of pages
  10. 10.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap Back
    3. tap the Feed tab
    4. open “Friend list”
    Which screen are you on now?
    (a) Feed (b) Map (c) Chat (d) Friend list
  11. 11.🔍 Which is the odd one out? (a) text that can grow (b) strong colour contrast (c) tiny tap areas (d) big touch targets
  12. 12.True or false: a final design looks like the real app. (a) False (b) True
  13. 13.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Menu: 23 px
    Hint: 12 px
    Title: 10 px
  14. 14.True or false: a final design uses plain grey boxes. (a) False (b) True
  15. 15.Which of these is true of a tab bar? (a) goes to the last screen (b) hides extra links (c) sits at the bottom (d) undoes one move
  16. 16.Which of these is about UI (the look)? (a) the icon shapes (b) how fast a task is done (c) how many taps it takes (d) whether users get lost
  17. 17.💾 What does this code show? (Positions start at 0.)
    let notes = ["Art", "Science", "Hindi", "Sports", "Music"];
    show(notes[0]);
    (a) Science (b) Hindi (c) Sports (d) Art
  18. 18.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Badges”
    2. tap the Quiz tab
    3. open “Video”
    How many times must you tap Back to reach the main screen of this tab?
  19. 19.🔢 In a sign-up flow, which comes first: “enter the code sent” or “open the app”? (a) open the app (b) enter the code sent
  20. 20.♿ Does this help everyone, or make the app harder to use: tiny tap areas? (a) makes it harder (b) helps everyone
  21. 21.🔢 In a photo-post flow, what comes right after “add a filter”? (a) write a caption (b) take the photo (c) open the camera screen (d) post the photo
  22. 22.💾 What is a variable? (a) a type of screen (b) a picture (c) a phone setting (d) a named box for a value
  23. 23.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) enter the code sent (c) make a password (d) tap “Sign up”
  24. 24.🎨 UI stands for user ___. (a) interface (b) input (c) internet (d) idea
  25. 25.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Chat tab
    2. open “Badges”
    3. tap the Settings tab
    4. open “Map”
    How many times must you tap Back to reach the main screen of this tab?
  26. 26.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Profile tab
    3. open “Edit photo”
    4. open “Edit photo”
    5. open “Match report”
    Which screen are you on now?
    (a) Edit photo (b) Home (c) Match report (d) Help page
  27. 27.🔢 In a food-order flow, what comes right after “check the cart”? (a) track the order (b) pay for the order (c) add it to the cart (d) pick a dish
  28. 28.🎨 Who should you test the UX with? (a) real users (b) nobody (c) the app icon (d) only yourself
  29. 29.💾 pop() takes off the last item. What does this code show?
    let songs = ["Monsoon", "Ocean", "Stars", "Sunrise"];
    songs.pop();
    show(songs[songs.length - 1]);
    (a) Sunrise (b) Ocean (c) Stars (d) Monsoon
  30. 30.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Done button: 56 px tall
    Cancel button: 40 px tall
    Next button: 52 px tall
    Back button: 44 px tall
  31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ top bar ]
    [ list of items ]
    [ big picture ]
    [ Add button ]
    [ menu icon ]
    [ Save button ]
  32. 32.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
    Design A: Home → Confirm → Shop
    Design B: Home → Item → Results → Shop → Menu → Confirm → Cart
  33. 33.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Video”
    2. tap Back
    3. tap the Quiz tab
    4. tap the Me tab
    Which screen are you on now?
    (a) Me (b) Video (c) Quiz (d) Lessons
  34. 34.🔢 In a photo-post flow, which comes FIRST? (a) add a filter (b) write a caption (c) open the camera screen (d) take the photo
  35. 35.🔢 In a quiz-app flow, which comes first: “pick an answer” or “read a question”? (a) pick an answer (b) read a question
  36. 36.🔍 Which is the odd one out? (a) how easy sign-up is (b) how many taps it takes (c) how users feel after (d) the icon shapes
  37. 37.🔢 In a photo-post flow, which comes first: “write a caption” or “open the camera screen”? (a) write a caption (b) open the camera screen
  38. 38.✏️ What is the easiest way to draw a first wireframe? (a) a microphone (b) a phone case (c) pencil and paper (d) a 3D printer
  39. 39.🎨 Is this about UI or UX: how easy sign-up is? (a) UX (b) UI
  40. 40.🔍 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 users feel after

Answer key

  1. 4
  2. True
  3. 6
  4. open the menu
  5. Meera
  6. black on pale grey
  7. add a filter
  8. 28
  9. switches main sections
  10. Friend list
  11. tiny tap areas
  12. True
  13. 2
  14. False
  15. sits at the bottom
  16. the icon shapes
  17. Art
  18. 1
  19. open the app
  20. makes it harder
  21. write a caption
  22. a named box for a value
  23. tap “Sign up”
  24. interface
  25. 1
  26. Match report
  27. pay for the order
  28. real users
  29. Stars
  30. 2
  31. 6
  32. 2
  33. Me
  34. open the camera screen
  35. read a question
  36. the icon shapes
  37. open the camera screen
  38. pencil and paper
  39. UX
  40. the theme colours

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