App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 712 · 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 wireframe shows where things go. (a) False (b) True
2. 2.♿ Does this help everyone, or make the app harder to use: colour as the only clue? (a) helps everyone (b) makes it harder
3. 3.💾 What number does this code show?
   let coins = 9;
   coins = coins - 6;
   coins = coins + 1;
   show(coins);
4. 4.💾 What number does this code show?
   let songs = ["Stars", "Rain", "Kites", "Ocean"];
   songs.push("Sunrise");
   show(songs.length);
5. 5.🔢 In a sign-up flow, which comes LAST? (a) type name and email (b) see the home screen (c) enter the code sent (d) make a password
6. 6.🔀 In a good flow, each screen should lead to ___. (a) the same screen (b) a dead end (c) a clear next step (d) a random page
7. 7.Which of these makes the app harder to use? (a) big touch targets (b) colour as the only clue (c) labels on every icon (d) text that can grow
8. 8.🎨 UI stands for user ___. (a) input (b) internet (c) idea (d) interface
9. 9.🧭 The app has tabs Home, Search, Profile. You start on Home, then:
   1. open “Friend list”
   2. open “Video”
   3. tap Back
   Which screen are you on now? (a) Home (b) Search (c) Video (d) Friend list
10. 10.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
11. 11.Which of these is true of a wireframe? (a) looks like the real app (b) has no real colours (c) has the real colours (d) uses the final pictures
12. 12.✏️ What is the easiest way to draw a first wireframe? (a) a phone case (b) a 3D printer (c) a microphone (d) pencil and paper
13. 13.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Help page”
    2. tap Back
    3. open “Badges”
    How many times must you tap Back to reach the main screen of this tab?
14. 14.💾 What does this code show? (Positions start at 0.)
    let songs = ["Ocean", "Kites", "Sunrise", "Stars"];
    show(songs[2]); (a) Ocean (b) Stars (c) Sunrise (d) Kites
15. 15.🧭 The app has tabs Lessons, Quiz, Me. You start on Lessons, then:
    1. open “Help page”
    2. tap the Lessons tab
    3. open “Badges”
    Which screen are you on now? (a) Quiz (b) Help page (c) Badges (d) Lessons
16. 16.🖼️ How many parts (boxes) does this wireframe have?
    [ menu icon ]
    [ title text ]
    [ list of items ]
    [ search box ]
    [ big picture ]
    [ top bar ]
17. 17.True or false: how many taps it takes is about UI (the look). (a) True (b) False
18. 18.🔘 Our rule: buttons are at least 48 px tall. Which button is too small?
    Back button: 72 px tall
    Cancel button: 68 px tall
    Send button: 68 px tall
    Start button: 44 px tall (a) Cancel (b) Start (c) Back (d) Send
19. 19.✏️ Is this true of a wireframe or of a final design: has the real colours? (a) a wireframe (b) a final design
20. 20.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Arjun", "Meera"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Meera (b) Riya (c) Arjun
21. 21.Which of these is true of a final design? (a) uses plain grey boxes (b) has the real colours (c) is a quick sketch (d) shows where things go
22. 22.🔘 Is this good or poor button design: strong colour contrast? (a) good design (b) poor design
23. 23.🔍 Which is the odd one out? (a) icons with no labels (b) big touch targets (c) tiny tap areas (d) sudden loud sounds
24. 24.♿ Our rule: text is at least 16 px. How many texts on this screen are too small?
    Body text: 12 px
    Label: 15 px
    Footer: 16 px
25. 25.💾 What does this code show? (Positions start at 0.)
    let songs = ["Monsoon", "Rain", "Stars"];
    show(songs[0]); (a) Monsoon (b) Rain (c) Stars
26. 26.✏️ Why draw a wireframe before coding? (a) it saves data (b) changes are quick (c) it runs the app (d) it adds colours
27. 27.🖼️ In this wireframe (top to bottom), what is right below the search box?
    [ Add button ]
    [ big picture ]
    [ search box ]
    [ top bar ]
    [ tab bar ]
    [ list of items ] (a) tab bar (b) big picture (c) top bar (d) Add button
28. 28.🌗 Is dark blue on black easy or hard to read on a button? (a) easy to read (b) hard to read
29. 29.💾 Where should the app save a draft you are typing: on the phone or in the cloud? (a) on the phone (b) in the cloud
30. 30.💾 Where should the app save notes to read offline: on the phone or in the cloud? (a) on the phone (b) in the cloud
31. 31.✏️ Is this true of a wireframe or of a final design: uses the final pictures? (a) a final design (b) a wireframe
32. 32.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
    1. open “Map”
    2. open “Badges”
    3. tap the Chat tab
    How many times must you tap Back to reach the main screen of this tab?
33. 33.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
34. 34.Which of these is true of a wireframe? (a) uses the final pictures (b) is a quick sketch (c) has the real colours (d) shows the real fonts
35. 35.Which of these is about UX (the experience)? (a) the icon shapes (b) the font size (c) the button colours (d) whether users get lost
36. 36.🎨 Fewer taps to finish a task usually means ___. (a) a bigger app (b) more colours (c) worse UX (d) better UX
37. 37.🎨 Is this about UI or UX: the font size? (a) UX (b) UI
38. 38.Which of these is true of a menu button? (a) goes to the last screen (b) sits at the bottom (c) hides extra links (d) undoes one move
39. 39.🔢 In a sign-up flow, which comes FIRST? (a) make a password (b) type name and email (c) open the app (d) tap “Sign up”
40. 40.Which of these is true of a final design? (a) has no real colours (b) shows where things go (c) uses the final pictures (d) uses plain grey boxes

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