Please enable JavaScript.
Coggle requires JavaScript to display documents.
INTRODUCTION TO HCI (HUMAN-COMPUTER INTERACTION) - Coggle Diagram
INTRODUCTION TO HCI
(HUMAN-COMPUTER INTERACTION)
COMPONENT
HUMAN/USER
The person interacting with the system
Characteristics:
Has goals (complete tasks, find info)
Has limitations (eyesight, hearing, attention span, motor skills)
Emotions influence experience (frustration vs. satisfaction)
Types of users:
Students, employees, customers, general public
COMPUTER
Any digital system or interface the user interacts with
Examples:
Software (apps, websites, games)
Hardware (ATMs, kiosks, smartwatches, smartphones, cars)
Acts as the medium for user–system interaction
INTERACTION PROCESS
Input methods:
Typing (keyboard)
Pointing (mouse, touchscreen)
Speaking (voice commands)
Gestures (VR/AR, sensors)
Output methods:
Visual feedback (screens, icons, notifications)
Audio feedback (alerts, voice responses)
Haptic feedback (vibration, touch signals)
Goal:
smooth, intuitive, efficient interaction
USER INTERFACE
Definition:
Point of interaction between human & computer
UI Design = Looks + Feels
Looks:
layout, fonts, colors, icons, visual appeal
Feels:
responsiveness, smooth transitions, ease of navigation
Why UI is Important in HCI:
Boosts customer retention & loyalty
Builds confidence in the system
Reduces confusion & errors
Technology Influence
Input/Output Devices
Input: keyboard, mouse, touchscreen, sensors, microphones
Output: monitors, speakers, VR headsets, haptics
Virtual Reality (VR) & 3D Visualization
Simulated 3D environments
Requires spatial navigation, gesture-based controls
Must consider motion sickness, depth perception, real-time feedback
Physical Devices (sound, smell, sensors)
Interfaces use multisensory feedback
Example: vibration for alerts, sound cues, smell in therapy/training
INTERFACE STYLE
Command Line Interface (CLI)
Text commands typed by user
Powerful but hard for beginners
WIMP (Windows, Icons, Menus, Pointer)
Standard GUI (desktop style)
Intuitive and widely used
Natural Language Interface
Communicate in human language (e.g., Siri, Alexa, Google Assistant)
Menu-based Interface
Users select from a set of options on screen
Simple, reduces errors