App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 65 · 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.👆 Two designs for the same task (each arrow is one tap). How many taps does Design A need?
   Design A: Home → Pay → Shop → Search → Offers → Results → Pens
   Design B: Home → Pay → Shop → Size → Offers
2. 2.🧭 About how many tabs suit a tab bar best? (a) 10 to 12 (b) 20 (c) 1 (d) 3 to 5
3. 3.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Match report”
   2. tap Back
   3. tap the Home tab
   Which screen are you on now? (a) Profile (b) Search (c) Home (d) Match report
4. 4.🖼️ In this wireframe (top to bottom), what is right above the tab bar?
   [ Add button ]
   [ filter buttons ]
   [ tab bar ]
   [ title text ]
   [ menu icon ] (a) title text (b) menu icon (c) filter buttons (d) Add button
5. 5.💾 pop() takes off the last item. What does this code show?
   let notes = ["Art", "Maths", "Hindi", "Science", "Sports"];
   notes.pop();
   show(notes[notes.length - 1]); (a) Hindi (b) Science (c) Maths (d) Art
6. 6.True or false: chat messages to friends fits saving on the phone. (a) False (b) True
7. 7.🔘 Our rule: buttons are at least 48 px tall. The Help button is 32 px tall. How many px taller must it be?
8. 8.True or false: a final design shows the real fonts. (a) False (b) True
9. 9.Which of these is true of a wireframe? (a) uses plain grey boxes (b) looks like the real app (c) has the real colours (d) shows the real fonts
10. 10.👆 Two designs for the same task (each arrow is one tap). Which needs FEWER taps?
    Design A: Home → Cart → Confirm → Offers
    Design B: Home → Item → Cart → Pens → Pay → Menu (a) Design B (b) Design A
11. 11.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    2. open “Edit photo”
    3. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
12. 12.Which of these is about UX (the experience)? (a) how easy sign-up is (b) the font size (c) the button colours (d) the theme colours
13. 13.Which of these is true of a final design? (a) has the real colours (b) is a quick sketch (c) shows where things go (d) uses plain grey boxes
14. 14.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a wireframe (b) a final design
15. 15.💾 pop() takes off the last item. What does this code show?
    let notes = ["Maths", "Art", "Science", "Hindi"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Science (b) Hindi (c) Maths (d) Art
16. 16.💾 What is a variable? (a) a phone setting (b) a type of screen (c) a named box for a value (d) a picture
17. 17.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Profile tab
    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?
18. 18.True or false: buttons almost touching is poor button design. (a) False (b) True
19. 19.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ Save button ]
    [ menu icon ]
    [ top bar ]
20. 20.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. open “Help page”
    2. tap the Home tab
    3. open “Video”
    Which screen are you on now? (a) Help page (b) Search (c) Video (d) Home
21. 21.🔢 In a food-order flow, what comes right after “check the cart”? (a) pick a dish (b) add it to the cart (c) pay for the order (d) open the menu
22. 22.💾 Where should the app save your last game level: on the phone or in the cloud? (a) in the cloud (b) on the phone
23. 23.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
    1. tap the Search tab
    2. open “Video”
    3. open “Help page”
    Which screen are you on now? (a) Help page (b) Home (c) Search (d) Video
24. 24.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Edit photo”
    2. tap the Chat tab
    3. open “Badges”
    4. open “Friend list”
    Which screen are you on now? (a) Friend list (b) Badges (c) Edit photo (d) Feed
25. 25.Which of these fits saving on the phone? (a) notes to read offline (b) chat messages to friends (c) a shared to-do list (d) a class leaderboard
26. 26.True or false: your last game level fits saving on the phone. (a) False (b) True
27. 27.Which of these makes the app harder to use? (a) colour as the only clue (b) strong colour contrast (c) labels on every icon (d) captions on videos
28. 28.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Cancel button: 60 px tall
    Next button: 44 px tall
    Send button: 36 px tall
29. 29.🖼️ In this wireframe (top to bottom), what is right above the search box?
    [ Add button ]
    [ top bar ]
    [ big picture ]
    [ search box ]
    [ list of items ]
    [ title text ] (a) list of items (b) title text (c) top bar (d) big picture
30. 30.🔢 In a sign-up flow, which comes FIRST? (a) type name and email (b) enter the code sent (c) open the app (d) make a password
31. 31.🖼️ How many parts (boxes) does this wireframe have?
    [ Add button ]
    [ menu icon ]
    [ list of items ]
    [ Save button ]
32. 32.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
33. 33.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
34. 34.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. tap the Me tab
    2. open “Match report”
    3. tap Back
    How many times must you tap Back to reach the main screen of this tab?
35. 35.🔢 In a quiz-app flow, what comes right after “tap “Start quiz””? (a) pick an answer (b) read a question (c) see if it is right (d) see the final score
36. 36.💾 Data saved only on the phone is lost when ___. (a) the app is closed (b) the screen turns off (c) you send a message (d) the phone is lost
37. 37.🖼️ In this wireframe (top to bottom), what is right above the big picture?
    [ search box ]
    [ title text ]
    [ menu icon ]
    [ list of items ]
    [ big picture ]
    [ Save button ] (a) title text (b) Save button (c) search box (d) list of items
38. 38.Which of these is true of a tab bar? (a) opens a list of pages (b) undoes one move (c) shows 3 to 5 icons (d) goes to the last screen
39. 39.🔢 In a quiz-app flow, what comes right after “read a question”? (a) pick an answer (b) see if it is right (c) see the final score (d) tap “Start quiz”
40. 40.🖼️ In this wireframe (top to bottom), what is right above the top bar?
    [ Save button ]
    [ top bar ]
    [ tab bar ]
    [ list of items ]
    [ search box ] (a) search box (b) list of items (c) tab bar (d) Save button

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