App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 354 · 40 questions

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.

1. 1.True or false: a class leaderboard fits saving in the cloud. (a) True (b) False
2. 2.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Item → Offers → Pay → Confirm → Address → Search
   Design B: Home → Search → Offers → Confirm → Pay → Menu
3. 3.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Menu → Results
   Design B: Home → Pay → Search → Offers → Cart → Menu
4. 4.🎨 Who should you test the UX with? (a) real users (b) the app icon (c) nobody (d) only yourself
5. 5.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Edit photo”
   2. tap the Search tab
   3. open “Badges”
   4. open “Map”
   5. open “Map”
   Which screen are you on now? (a) Edit photo (b) Badges (c) Map (d) Home
6. 6.🖼️ In this wireframe (top to bottom), what is right above the top bar?
   [ title text ]
   [ search box ]
   [ big picture ]
   [ top bar ]
   [ Add button ]
   [ list of items ] (a) Add button (b) search box (c) big picture (d) title text
7. 7.🌗 Is red on green easy or hard to read on a button? (a) easy to read (b) hard to read
8. 8.Which of these is about UI (the look)? (a) how many taps it takes (b) how fast a task is done (c) whether users get lost (d) the button colours
9. 9.👆 Two designs for the same task (each arrow is one tap). How many taps does Design B need?
   Design A: Home → Address → Pens → Search → Cart
   Design B: Home → Shop → Menu → Pens → Search → Size → Pay
10. 10.🔢 In a sign-up flow, which comes first: “open the app” or “tap “Sign up””? (a) open the app (b) tap “Sign up”
11. 11.🔢 In a sign-up flow, which comes first: “see the home screen” or “open the app”? (a) see the home screen (b) open the app
12. 12.🧭 Which part of navigation goes to the last screen? (a) a tab bar (b) the back button (c) a menu button
13. 13.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) you send a message (c) the screen turns off (d) the phone is lost
14. 14.💾 What number does this code show?
    let friends = ["Zoya", "Kabir", "Arjun", "Aman"];
    friends.push("Meera");
    friends.push("Riya");
    show(friends.length);
15. 15.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. open “Match report”
    3. tap Back
    4. tap the Home tab
    How many times must you tap Back to reach the main screen of this tab?
16. 16.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Match report”
    2. open “Video”
    3. open “Score card”
    4. tap the Feed tab
    5. open “Help page”
    How many times must you tap Back to reach the main screen of this tab?
17. 17.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ title text ]
    [ big picture ]
    [ Save button ]
    [ search box ]
    [ top bar ]
    [ Add button ] (a) search box (b) Save button (c) title text (d) Add button
18. 18.🔘 Our rule: buttons are at least 48 px tall. The Cancel button is 28 px tall. How many px taller must it be?
19. 19.Which of these is true of a final design? (a) shows where things go (b) shows the real fonts (c) is a quick sketch (d) uses plain grey boxes
20. 20.True or false: “labels on every icon” helps everyone use the app. (a) False (b) True
21. 21.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Science", "Music", "Maths", "Sports"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Maths (b) Hindi (c) Science (d) Music
22. 22.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
    [ top bar ]
    [ Add button ]
    [ tab bar ]
    [ filter buttons ] (a) top bar (b) filter buttons (c) Add button
23. 23.🧭 What does the back button usually do? (a) goes to the last screen (b) closes all apps (c) deletes the page (d) opens settings
24. 24.🔍 Which is the odd one out? (a) fast-flashing lights (b) colour as the only clue (c) labels on every icon (d) icons with no labels
25. 25.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Friend list”
    2. tap Back
    3. tap the Search tab
    How many times must you tap Back to reach the main screen of this tab?
26. 26.✏️ Why draw a wireframe before coding? (a) it adds colours (b) it runs the app (c) changes are quick (d) it saves data
27. 27.Which of these is about UX (the experience)? (a) how easy sign-up is (b) the theme colours (c) the font size (d) the button colours
28. 28.True or false: grey text on grey is poor button design. (a) True (b) False
29. 29.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Home tab
    2. tap the Home tab
    3. tap the Home tab
    Which screen are you on now? (a) Home (b) Search (c) Profile
30. 30.💾 What number does this code show?
    let notes = ["Sports", "Science"];
    notes.push("Hindi");
    show(notes.length);
31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ search box ]
    [ list of items ]
    [ top bar ]
    [ tab bar ]
    [ big picture ] (a) big picture (b) search box (c) list of items (d) top bar
32. 32.🖼️ In this wireframe (top to bottom), what is right below the title text?
    [ big picture ]
    [ title text ]
    [ Save button ]
    [ search box ]
    [ menu icon ] (a) Save button (b) search box (c) big picture (d) menu icon
33. 33.🖼️ In this wireframe (top to bottom), what is right below the top bar?
    [ tab bar ]
    [ menu icon ]
    [ search box ]
    [ top bar ]
    [ Add button ]
    [ list of items ] (a) menu icon (b) search box (c) Add button (d) list of items
34. 34.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ menu icon ]
    [ filter buttons ]
    [ Save button ]
    [ Add button ] (a) Save button (b) Add button (c) filter buttons (d) menu icon
35. 35.True or false: space between buttons is poor button design. (a) True (b) False
36. 36.✏️ Is this true of a wireframe or of a final design: shows the real fonts? (a) a final design (b) a wireframe
37. 37.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Send button: 36 px tall
    Start button: 56 px tall
    Help button: 60 px tall (a) Help (b) Start (c) Send
38. 38.💾 pop() takes off the last item. What does this code show?
    let notes = ["Science", "Art", "Sports", "Maths", "Music"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Art (b) Maths (c) Sports (d) Science
39. 39.👆 Two designs for the same task (each arrow is one tap). How many taps does the shorter design save?
    Design A: Home → Pay → Menu → Offers → Cart → Confirm → Search
    Design B: Home → Search → Cart → Size → Offers
40. 40.🔢 In a sign-up flow, what comes right after “make a password”? (a) tap “Sign up” (b) see the home screen (c) type name and email (d) enter the code sent

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