Interaction Design Principles Quiz

Interaction Design Lecture Notes

• Interaction involves at least two participants: the user and the system.
• Both are complex and differ in how they communicate and view the domain and task.
• The interaction framework consists of four main components: user (U), system (S), input (I), and output (O).
• Each component has its own language.
• Input and Output together form the Interface.
• The interactive cycle involves four steps of translations between components.
• The user manipulates the machine via the input, articulating the task.
• Performance translates input language into stimuli for the system.
• Presentation involves the system presenting results in the output language.
• Observation is the user's translation of output language into personal understanding.

HCI Ergonomics

• Ergonomics in HCI is the study of designing computer systems and interfaces to optimize user comfort, efficiency, and safety.
• It considers human capabilities, limitations, and preferences.
• User-friendly designs are created to improve the overall user experience.

Interaction Styles

• Command line interface (CLI): Users interact using lines of text (command lines).
• Menus: Users select options from a list (e.g., a restaurant menu).
• Natural language: Users communicate using everyday language.
• Question/answer and query dialog: Questions are posed to a system, and responses are given (e.g., voice search).
• Form-fills and spreadsheets: Users fill out forms and use spreadsheet-style layouts.
• WIMP (GUI): This stands for Windows, Icons, Menus, and a Pointing device. A graphical interface.
• Point and click: Users issue instructions by selecting menus, pressing buttons, or using function keys (e.g., ATMs, vending machines).
• Three-dimensional interfaces: Users operate with virtual or physical space (e.g., AR/VR, smart homes).

WIMP (GUI)

• Windows: Windows are stretched, overlapped, opened, closed, and moved around the screen using the mouse.
• Icons: Applications, objects, or commands. Clicking on an icon activates it.
• Menus: Offering a list of options; scrolling through and selecting options.
• Pointing device (e.g., mouse): Controls the cursor used to enter the system and operate the icons, windows, and menus.

Elements of The WIMP Interface (Pointers)

• The pointer is important for WIMP interfaces as they depend on user pointing and selection of items.

Consumer Apps

• Applications like Media Photos (with looped tool), Mail (with a stamp tool), Media Page (with pen tool), and Media Notepad (notepad tool), represent practical consumer tools.

Multimedia

• Interactive multimedia lets users control, combine, and manipulate various media (text, graphics, audio, video, and animation).

The Heart

• The heart is a muscular organ in most animals that pumps blood through the circulatory system.
• In humans, it is roughly fist-sized and sits between the lungs.
• The human heart has four chambers: two atria (receive blood) and two ventricles (discharge blood).
• Valves ensure one-way blood flow.
• The heart is composed of three layers: epicardium, myocardium, and endocardium.
• The heart is usually slightly offset to the left and cone-shaped.

Responsive Web Design

• Responsive web design uses HTML and CSS to automatically adjust website layout to fit different devices (desktops, tablets, phones).

Consumer Electronics

• Considers devices like TVs, VCRs, radios, walkie-talkies, hi-fi stereo, home theaters, handheld devices, and software-based programs such as video game consoles, smartphones, tablets, and smartwatches.

Mobile

• Features a new UI. Includes compact display design, animated menus, virtual keyboards, monotask, and camera input (QR codes).

Speech

• A person talks to a system via spoken commands (e.g., a train timetable app or phone service).

Pen-based Interaction

• Allows users to record information with devices like PDAs (Personal Digital Assistants), tablets, or electronic whiteboards.

Air-Based Gesture

• A new interaction method where users interact with devices without holding them.

Haptic Interaction

• An emerging technology letting users interact with virtual objects using force feedback and vibrations to simulate tactile sensations of texture and movement.

Multimodal Interaction

• Provides users with multiple input modes for interacting with a system (e.g., speech and gesture, pen input and speech, speech and vision).

Shareable Interaction

• Designed for multiple users to interact with information concurrently (e.g., using tabletops).

Tangible Interfaces (TUI)

• Couples physical objects (like bricks) with digital representations.

Wearable Interfaces

• Use head- or eyewear-mounted cameras to record and access digital information, including devices like jewellery, head-mounted caps, smart fabrics, glasses, shoes, and jackets.

Brain-Computer Interaction (BCI)

• A direct communication pathway between the brain's electrical activity and an external device (e.g., computer or robotic limb).

Virtual Reality (VR)

• Uses computer modeling and simulation to create an artificial 3-D visual or other sensory environment for user interaction.

Virtual Reality (VR) – Types

• First Person VR: Important with games, such as flying or driving simulations, where users need immediate control.
• Third Person VR: Common in simulations, games and learning environments, where seeing a representation of the self in relation to the environment is important.

Benefits of Implementing HCI

• Improves user experience (UX).
• Enhances efficiency and productivity in production teams.
• Reduces training and support costs.
• Minimizes risks.

Needfinding

• Identifying and understanding the needs, pain points, and desires of a group of users.
• Gathering and analyzing data and insights to inform design and development.

Human-Centered Design Process

• The process includes: Understanding needs, analysis, design, implementation, and evaluation.

Know Your Users

• Research methods to understand target users include surveys, interviews, direct involvement, observation, and video recording.

Design Principles

• Key design principles include visibility, feedback, constraints, mapping, consistency, and affordance.

Visibility

• Interface functions should be visible for interaction. The more visible a function is, the more likely users will notice and use it.

Feedback

• The response users receive after performing an action on the interface, enabling them to understand the system's reaction.
• It is categorized into activation (visual/audio response) and behavioral (action confirmation).

Constraints

• Constraints limit user actions and indicate unavailable functions.
• Gray or opaque buttons visually represent unavailable functions.

Mapping

• Connection between the system’s design and functions. Good mapping enhances user understanding.

Additional Notes:

• The provided text documents numerous technological concepts, and interaction design theories.
• The examples used in the presentation showcase practical applications and implementations of these concepts.

Test your knowledge of interaction design principles and concepts. This quiz covers topics such as user feedback, interaction frameworks, and design goals. Perfect for students and professionals looking to refresh their understanding of user experience design.