Lecture 03 - IT 2900SEF

What is a User Interface (UI)?

• A place to store data

• A device's back-end structure

• A system for processing data

• A way for users to interact with a device or app

What does a Graphical User Interface (GUI) use?

• Only text commands

• Only voice commands

• Pictures, icons, and windows

• Only a keyboard

In the DOM, what does every HTML element become?

• A method

• An event

• A property

• A node

Which method is used to select an element by its ID?

• querySelectorAll()

• getElementById()

• getElementsByTagName()

• createElement()

How does high cognitive load affect user performance?

• 1. It improves the speed of task completion

• 1. It can slow down the user and increase errors

• 1. It makes tasks easier to remember

• It reduces the need for user interaction

What is one disadvantage of direct manipulation interfaces?

• 1. They are difficult for novice users to understand

• 1. They can be slow for repetitive tasks

• 1. They lack visual feedback

• 1. They do not allow users to observe immediate results

What is the main benefit of providing informative feedback in a user interface?

• 1. It allows users to redo actions multiple times

• 1. It increases the complexity of the interface

• 1. It reassures users that the system is responding to their input

• 1. It removes the need for undo and redo functions

Which of the following best describes the importance of consistency in UI design?

• 1. It helps make the interface more colorful and visually appealing

• It allows designers to frequently change the interface for variety

• It removes the need for user feedback

• 1. It ensures users can rely on familiar elements, reducing confusion

What does "mobile-first" mean in Bootstrap?

• Websites should only work on mobile devices

• The design is initially optimized for mobile devices and scales up

• Websites should load only on desktops

• It disables responsiveness for mobile devices

If you want a column to take up half of the screen on large devices, which class should you use?

• .col-lg-6

• .col-sm-4

• .col-md-3

• .col-xl-2