← Designing apps: Part 2 test lesson New set →

App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 801 · 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.♿ Showing right or wrong only in red and green is a problem for ___. (a) fast typists (b) colour-blind users (c) the server (d) the battery
  2. 2.True or false: a big, easy tap area is poor button design. (a) False (b) True
  3. 3.🔘 Our rule: buttons are at least 48 px tall. The Save button is 36 px tall. How many px taller must it be?
  4. 4.🔘 Our rule: buttons are at least 48 px tall. The Back button is 40 px tall. How many px taller must it be?
  5. 5.🧭 Why should every screen show where you are? (a) to use more battery (b) so users do not get lost (c) to hide the menu (d) to look busy
  6. 6.🔢 In a sign-up flow, what comes right after “make a password”? (a) tap “Sign up” (b) open the app (c) type name and email (d) enter the code sent
  7. 7.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Shop → Item → Pay → Menu
    Design B: Home → Shop → Confirm
    (a) Design B (b) Design A
  8. 8.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Label: 19 px
    Caption: 9 px
    Title: 22 px
    Hint: 19 px
    (a) Label (b) Caption (c) Hint (d) Title
  9. 9.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ menu icon ]
    [ search box ]
    [ big picture ]
    [ top bar ]
    (a) big picture (b) menu icon (c) search box
  10. 10.True or false: space between buttons is good button design. (a) True (b) False
  11. 11.🔘 Our rule: buttons are at least 48 px tall. The Save button is 32 px tall. How many px taller must it be?
  12. 12.💾 What number does this code show?
    let songs = ["Stars", "Kites", "Rain"];
    songs.push("Sunrise");
    songs.push("Ocean");
    show(songs.length);
  13. 13.Which of these fits saving in the cloud? (a) photos on two devices (b) the sound on/off setting (c) a draft you are typing (d) notes to read offline
  14. 14.Which of these is about UX (the experience)? (a) the theme colours (b) whether users get lost (c) the button colours (d) the font size
  15. 15.♿ Does this help everyone, or make the app harder to use: text that can grow? (a) makes it harder (b) helps everyone
  16. 16.Which of these is true of the back button? (a) shows 3 to 5 icons (b) switches main sections (c) goes to the last screen (d) sits at the bottom
  17. 17.Which colour pair is easy to read? (a) pale pink on white (b) red on green (c) dark blue on black (d) black on yellow
  18. 18.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Body text: 21 px
    Label: 26 px
    Caption: 17 px
    Footer: 12 px
    (a) Caption (b) Label (c) Body text (d) Footer
  19. 19.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Art", "Maths", "Sports", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Sports (b) Maths (c) Art (d) Hindi
  20. 20.🔘 Is this good or poor button design: grey text on grey? (a) good design (b) poor design
  21. 21.✏️ A box with a cross in a wireframe usually means ___. (a) delete this (b) an error (c) a closed app (d) a picture goes here
  22. 22.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ menu icon ]
    [ title text ]
    [ top bar ]
    [ tab bar ]
    [ Add button ]
    (a) menu icon (b) tab bar (c) Add button (d) top bar
  23. 23.💾 What number does this code show?
    let friends = ["Riya", "Meera", "Arjun", "Aman"];
    friends.push("Kabir");
    show(friends.length);
  24. 24.True or false: the icon shapes is about UI (the look). (a) False (b) True
  25. 25.🔢 In a food-order flow, which comes first: “track the order” or “open the menu”? (a) track the order (b) open the menu
  26. 26.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. tap the Settings tab
    3. open “Friend list”
    Which screen are you on now?
    (a) Friend list (b) Chat (c) Feed (d) Map
  27. 27.💾 Where should the app save a shared to-do list: on the phone or in the cloud? (a) in the cloud (b) on the phone
  28. 28.💾 pop() takes off the last item. What does this code show?
    let notes = ["Art", "Sports", "Music"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Art (b) Music (c) Sports
  29. 29.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Art", "Maths", "Science"];
    notes.pop();
    show(notes[notes.length - 1]);
    (a) Hindi (b) Art (c) Science (d) Maths
  30. 30.True or false: the sound on/off setting fits saving on the phone. (a) True (b) False
  31. 31.♿ What does a screen reader do? (a) plays music (b) takes photos (c) reads the screen aloud (d) makes text tiny
  32. 32.🖼️ In this wireframe (top to bottom), what is right below the big picture?
    [ Save button ]
    [ Add button ]
    [ big picture ]
    [ search box ]
    (a) Save button (b) Add button (c) search box
  33. 33.💾 Which can hold many values in order? (a) a single number (b) a switch (c) a list (d) a button
  34. 34.Which of these is true of a tab bar? (a) undoes one move (b) switches main sections (c) goes to the last screen (d) opens a list of pages
  35. 35.🧭 Where is a tab bar usually placed in a phone app? (a) nowhere (b) inside a button (c) in the middle (d) at the bottom
  36. 36.🎨 UI stands for user ___. (a) idea (b) interface (c) input (d) internet
  37. 37.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
    Design A: Home → Results → Address → Cart
    Design B: Home → Pens → Offers → Size → Pay → Menu → Search
  38. 38.💾 What does this code show? (Positions start at 0.)
    let notes = ["Sports", "Hindi", "Music", "Science"];
    show(notes[1]);
    (a) Hindi (b) Sports (c) Music (d) Science
  39. 39.Which of these is about UX (the experience)? (a) the button colours (b) the screen layout (c) how many taps it takes (d) the theme colours
  40. 40.Which of these is true of a menu button? (a) switches main sections (b) shows 3 to 5 icons (c) opens a list of pages (d) undoes one move

Answer key

  1. colour-blind users
  2. False
  3. 12
  4. 8
  5. so users do not get lost
  6. enter the code sent
  7. Design B
  8. Caption
  9. big picture
  10. True
  11. 16
  12. 5
  13. photos on two devices
  14. whether users get lost
  15. helps everyone
  16. goes to the last screen
  17. black on yellow
  18. Footer
  19. Sports
  20. poor design
  21. a picture goes here
  22. top bar
  23. 5
  24. True
  25. open the menu
  26. Friend list
  27. in the cloud
  28. Sports
  29. Maths
  30. True
  31. reads the screen aloud
  32. search box
  33. a list
  34. switches main sections
  35. at the bottom
  36. interface
  37. 6
  38. Hindi
  39. how many taps it takes
  40. opens a list of pages

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