← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 850 · 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 of these is about UI (the look)? (a) the button colours (b) how easy sign-up is (c) how fast a task is done (d) how many taps it takes
  2. 2.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Help page”
    3. tap Back
    4. tap the Settings tab
    Which screen are you on now?
    (a) Feed (b) Chat (c) Help page (d) Settings
  3. 3.🔢 In a photo-post flow, which comes first: “write a caption” or “add a filter”? (a) write a caption (b) add a filter
  4. 4.🎨 Is this about UI or UX: whether users get lost? (a) UX (b) UI
  5. 5.True or false: a big, easy tap area is good button design. (a) False (b) True
  6. 6.Which of these is true of a final design? (a) shows where things go (b) is a quick sketch (c) shows the real fonts (d) uses plain grey boxes
  7. 7.Which of these is true of a wireframe? (a) has no real colours (b) looks like the real app (c) shows the real fonts (d) uses the final pictures
  8. 8.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Footer: 18 px
    Hint: 11 px
    Label: 17 px
    Body text: 14 px
  9. 9.Which colour pair is easy to read? (a) red on green (b) light grey on white (c) dark blue on white (d) dark blue on black
  10. 10.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Music", "Hindi", "Sports", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Art (c) Music (d) Hindi
  11. 11.💾 What number does this code show?
    let coins = 7;
    coins = coins - 2;
    coins = coins + 2;
    show(coins);
  12. 12.🔢 In a sign-up flow, which comes first: “tap “Sign up”” or “make a password”? (a) tap “Sign up” (b) make a password
  13. 13.Which of these fits saving in the cloud? (a) a draft you are typing (b) your last game level (c) photos on two devices (d) notes to read offline
  14. 14.💾 What does this code show? (Positions start at 0.)
    let notes = ["Maths", "Art", "Hindi", "Sports", "Science"];
    show(notes[1]);
    (a) Sports (b) Hindi (c) Art (d) Maths
  15. 15.🔢 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
  16. 16.True or false: a draft you are typing fits saving in the cloud. (a) False (b) True
  17. 17.🧭 Which part of navigation goes to the last screen? (a) a menu button (b) the back button (c) a tab bar
  18. 18.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) goes to the last screen (d) switches main sections
  19. 19.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Hint: 11 px
    Menu: 18 px
    Body text: 20 px
  20. 20.🔢 In a photo-post flow, what comes right after “add a filter”? (a) open the camera screen (b) post the photo (c) take the photo (d) write a caption
  21. 21.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ title text ]
    [ search box ]
    [ Save button ]
    [ menu icon ]
    [ filter buttons ]
    (a) filter buttons (b) menu icon (c) search box (d) tab bar
  22. 22.True or false: the button colours is about UI (the look). (a) False (b) True
  23. 23.💾 What number does this code show?
    let notes = ["Music", "Maths", "Science", "Art"];
    notes.push("Sports");
    show(notes.length);
  24. 24.🔢 In a sign-up flow, what comes right after “open the app”? (a) type name and email (b) tap “Sign up” (c) make a password (d) enter the code sent
  25. 25.True or false: “big touch targets” makes the app harder to use. (a) True (b) False
  26. 26.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Caption: 24 px
    Title: 11 px
    Hint: 20 px
    Label: 10 px
    Body text: 18 px
  27. 27.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. tap the Lessons tab
    3. open “Friend list”
    4. tap Back
    5. tap the Quiz tab
    Which screen are you on now?
    (a) Lessons (b) Friend list (c) Me (d) Quiz
  28. 28.Which colour pair is easy to read? (a) black on pale grey (b) pale pink on white (c) red on green (d) dark blue on black
  29. 29.True or false: “sudden loud sounds” makes the app harder to use. (a) False (b) True
  30. 30.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. tap the Settings tab
    2. open “Match report”
    3. tap Back
    4. tap the Settings tab
    How many times must you tap Back to reach the main screen of this tab?
  31. 31.🔢 In a quiz-app flow, which comes LAST? (a) tap “Start quiz” (b) read a question (c) see the final score (d) pick an answer
  32. 32.💾 What number does this code show?
    let notes = ["Science", "Maths", "Art", "Music"];
    notes.push("Sports");
    show(notes.length);
  33. 33.🖼️ In this wireframe (top to bottom), what is right above the menu icon?
    [ title text ]
    [ list of items ]
    [ search box ]
    [ menu icon ]
    [ Save button ]
    (a) search box (b) Save button (c) title text (d) list of items
  34. 34.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
  35. 35.💾 What number does this code show?
    let points = 3;
    points = points - 3;
    points = points + 1;
    show(points);
  36. 36.Which colour pair is easy to read? (a) white on black (b) light grey on white (c) red on green (d) pale pink on white
  37. 37.🖼️ In this wireframe (top to bottom), what is right above the title text?
    [ Save button ]
    [ title text ]
    [ filter buttons ]
    [ Add button ]
    [ list of items ]
    [ tab bar ]
    (a) Save button (b) filter buttons (c) list of items (d) Add button
  38. 38.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a wireframe (b) a final design
  39. 39.🎨 UI stands for user ___. (a) internet (b) input (c) interface (d) idea
  40. 40.🔢 In a food-order flow, which comes first: “pay for the order” or “open the menu”? (a) pay for the order (b) open the menu

Answer key

  1. the button colours
  2. Settings
  3. add a filter
  4. UX
  5. True
  6. shows the real fonts
  7. has no real colours
  8. 2
  9. dark blue on white
  10. Sports
  11. 7
  12. tap “Sign up”
  13. photos on two devices
  14. Art
  15. open the camera screen
  16. False
  17. the back button
  18. switches main sections
  19. 1
  20. write a caption
  21. filter buttons
  22. True
  23. 5
  24. tap “Sign up”
  25. False
  26. 2
  27. Quiz
  28. black on pale grey
  29. True
  30. 0
  31. see the final score
  32. 5
  33. search box
  34. False
  35. 1
  36. white on black
  37. Save button
  38. a final design
  39. interface
  40. open the menu

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