App Dev Worksheet: Part 2 Test

App development lesson 16: Designing apps: Part 2 test · Set 794 · 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.🔢 In a sign-up flow, which comes LAST? (a) open the app (b) see the home screen (c) tap “Sign up” (d) enter the code sent
2. 2.🧭 Where is a tab bar usually placed in a phone app? (a) at the bottom (b) nowhere (c) inside a button (d) in the middle
3. 3.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Feed tab
   2. tap the Feed tab
   3. open “Map”
   Which screen are you on now? (a) Chat (b) Map (c) Feed (d) Settings
4. 4.🧭 The app has tabs Feed, Chat, Settings. You start on Feed, then:
   1. tap the Chat tab
   2. tap the Feed tab
   3. open “Help page”
   4. tap the Feed tab
   Which screen are you on now? (a) Help page (b) Settings (c) Feed (d) Chat
5. 5.💾 What does this code show? (Positions start at 0.)
   let songs = ["Rain", "Kites", "Monsoon"];
   show(songs[0]); (a) Monsoon (b) Kites (c) Rain
6. 6.🔘 Our rule: buttons are at least 48 px tall. The Start button is 24 px tall. How many px taller must it be?
7. 7.Which of these is true of a wireframe? (a) has the real colours (b) is a quick sketch (c) shows the real fonts (d) uses the final pictures
8. 8.🧭 Which part of navigation opens a list of pages? (a) the back button (b) a tab bar (c) a menu button
9. 9.Which of these fits saving on the phone? (a) a class leaderboard (b) a shared to-do list (c) the sound on/off setting (d) chat messages to friends
10. 10.🔘 Our rule: buttons are at least 48 px tall. The Next button is 24 px tall. How many px taller must it be?
11. 11.✏️ Is this true of a wireframe or of a final design: is a quick sketch? (a) a wireframe (b) a final design
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.🎨 Who should you test the UX with? (a) the app icon (b) real users (c) only yourself (d) nobody
14. 14.True or false: a wireframe shows where things go. (a) True (b) False
15. 15.💾 pop() takes off the last item. What does this code show?
    let notes = ["Hindi", "Music", "Science"];
    notes.pop();
    show(notes[notes.length - 1]); (a) Hindi (b) Science (c) Music
16. 16.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ menu icon ]
    [ top bar ]
    [ filter buttons ]
    [ Save button ]
    [ title text ]
    [ search box ] (a) top bar (b) title text (c) menu icon (d) filter buttons
17. 17.True or false: space between buttons is good button design. (a) False (b) True
18. 18.Which of these is about UI (the look)? (a) how easy sign-up is (b) whether users get lost (c) the button colours (d) how users feel after
19. 19.💾 What number does this code show?
    let notes = ["Music", "Hindi", "Science", "Sports"];
    notes.push("Maths");
    show(notes.length);
20. 20.🌗 Is white on black easy or hard to read on a button? (a) easy to read (b) hard to read
21. 21.✏️ Is this true of a wireframe or of a final design: looks like the real app? (a) a wireframe (b) a final design
22. 22.🔘 Our rule: buttons are at least 48 px tall. How many of these buttons follow the rule?
    Help button: 60 px tall
    Back button: 60 px tall
    Send button: 40 px tall
23. 23.Which of these makes the app harder to use? (a) text that can grow (b) big touch targets (c) strong colour contrast (d) tiny tap areas
24. 24.💾 Where should the app save your last game level: on the phone or in the cloud? (a) on the phone (b) in the cloud
25. 25.🧭 Which part of navigation undoes one move? (a) the back button (b) a menu button (c) a tab bar
26. 26.🌗 Is dark blue on white easy or hard to read on a button? (a) hard to read (b) easy to read
27. 27.🔍 Which is the odd one out? (a) text that can grow (b) labels on every icon (c) captions on videos (d) fast-flashing lights
28. 28.Which colour pair is easy to read? (a) black on pale grey (b) dark blue on black (c) pale pink on white (d) light grey on white
29. 29.🌗 Is yellow on white easy or hard to read on a button? (a) easy to read (b) hard to read
30. 30.♿ What should every icon-only button have for screen readers? (a) a bright colour (b) a sound (c) a long animation (d) a text label
31. 31.🖼️ In this wireframe (top to bottom), which part is at the very bottom?
    [ tab bar ]
    [ menu icon ]
    [ list of items ]
    [ top bar ]
    [ filter buttons ]
    [ title text ] (a) menu icon (b) list of items (c) tab bar (d) title text
32. 32.💾 pop() takes off the last item. What does this code show?
    let friends = ["Riya", "Kabir", "Aman", "Arjun"];
    friends.pop();
    show(friends[friends.length - 1]); (a) Aman (b) Kabir (c) Arjun (d) Riya
33. 33.🖼️ In this wireframe (top to bottom), what is right below the Save button?
    [ tab bar ]
    [ top bar ]
    [ list of items ]
    [ big picture ]
    [ Save button ]
    [ menu icon ] (a) tab bar (b) menu icon (c) list of items (d) top bar
34. 34.Which of these is true of a menu button? (a) undoes one move (b) goes to the last screen (c) opens a list of pages (d) switches main sections
35. 35.Which of these is true of the back button? (a) undoes one move (b) sits at the bottom (c) hides extra links (d) switches main sections
36. 36.💾 What number does this code show?
    let coins = 5;
    coins = coins - 4;
    coins = coins + 4;
    show(coins);
37. 37.Which of these helps everyone use the app? (a) sudden loud sounds (b) colour as the only clue (c) text that can grow (d) icons with no labels
38. 38.♿ Our rule: text is at least 16 px. Which text on this screen is too small?
    Caption: 22 px
    Body text: 20 px
    Footer: 13 px
    Label: 19 px (a) Caption (b) Footer (c) Label (d) Body text
39. 39.🔢 In a sign-up flow, what comes right after “make a password”? (a) see the home screen (b) tap “Sign up” (c) enter the code sent (d) type name and email
40. 40.✏️ A box with a cross in a wireframe usually means ___. (a) a picture goes here (b) delete this (c) an error (d) a closed app

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