What is a user interface?
Name:
Date:
Class:
A
Quick Questions
Shade in the A or B circle for each question.
1. What is a user interface?
2. Which one is a way to give INPUT to an interface?
3. Which one is OUTPUT from an interface?
4. You open a drawing app on a tablet and draw with your finger. What is this?
5. A student clicks the mouse on a Play button in a game. Which sentence is true?
B
Match the Pairs
Draw a line connecting each item on the left to its match on the right.
| Left column | Right column | |
|---|---|---|
| 1user interface | Ascreen | |
| 2tap | Btype | |
| 3Typing a message on the keyboard is a way to give input to the interface | CThe part of a digital system that you see and use to give input and get output | |
| 4The screen shows the user what the system gives back, which is output | DA way to give input by touching the screen with your finger | |
| 5The user interface is only the hidden code inside an app. | EThe user interface is the part you see and use, not the hidden code. It is made of things like the screen, buttons and text boxes. | |
| 6You can only use an interface by typing on a keyboard. | FInterfaces can be used in many ways. You can touch a screen, click with a mouse or type on a keyboard. |
C
Definitions
user interface
D
Fill in the Blanks
Complete each line of code by filling in the missing parts.
1.
______________ = screen + input + output
2.
Input: touch, click, ____
3.
Output: the ______ shows the result
4.
Input: _____ with a mouse
5.
1. User taps the Play button (input)
2. App shows the game screen (______)
E
Spot the Error
Shade in the letter of the line that contains an error.
Question 1
A
App: Photo Gallery
B
Input: photo fills screen
C
Output: photo fills screen
Question 2
A
App: Notes
B
Screen shows a text box
C
Input: type on the keyboard
D
Output: mouse shows the words
Question 3
A
App: Maps
B
UI: code hidden inside the app
C
Input: tap the search box
D
Output: map shows on screen
Question 4
A
Device: laptop
B
Input: click with a mouse
C
Input: type with a keyboard
D
Output: mouse shows the page
Question 5
A
Phone app: Camera
B
Screen shows: the view
C
Input: the phone beeps
D
Output: photo is saved
Answer Key
What is a user interface?
Section A: Quick Questions
Q1
A — The part of a digital system that you see and use
Q2
B — Tapping a button on a touch screen
Q3
A — A score shown on the screen
Q4
A — Touch input through the interface
Q5
B — The Play button is part of the user interface
Section B: Match the Pairs
Q1
user interface → The part of a digital system that you see and use to give input and get output
Q2
tap → A way to give input by touching the screen with your finger
Q3
Typing a message on the keyboard is a way to give input to the interface → type
Q4
The screen shows the user what the system gives back, which is output → screen
Q5
The user interface is only the hidden code inside an app. → The user interface is the part you see and use, not the hidden code. It is made of things like the screen, buttons and text boxes.
Q6
You can only use an interface by typing on a keyboard. → Interfaces can be used in many ways. You can touch a screen, click with a mouse or type on a keyboard.
Section C: Definitions
Q1
user interface — The part of a digital system that you see and use. You give input by touching, clicking or typing, and the screen shows you output.Section D: Fill in the Blanks
Q1
user interface = screen + input + outputQ2
Input: touch, click, typeQ3
Output: the screen shows the resultQ4
Input: click with a mouseQ5
1. User taps the Play button (input)
2. App shows the game screen (output)Section E: Spot the Error
Q1
B — The photo filling the screen is output, because the screen shows it to you. Touching a photo is the input, so the line should be 'Input: touch a photo'.
Q2
D — A mouse is something you use to give input. The screen shows the words, so the line should say 'Output: words show on screen'.
Q3
B — The user interface is the part you can see and use, not hidden code. The line should be 'UI: what you see and use'.
Q4
D — A mouse is for input. The screen shows the output. The line should be 'Output: screen shows the page'.
Q5
C — A beep is output, because the phone gives it to you. Tapping the round button is the input, so the line should be 'Input: tap the round button'.