HCI & Computer Graphics - BSCS Notes

HCI & Computer Graphics — Complete BSCS Notes

Contexts for HCI

Definition: Human Computer Interaction (HCI) studies interaction between humans and computers.
Goal: Create systems that are easy, efficient and enjoyable to use.
Example: Mobile apps with simple navigation.

Psychology of Usable Things

Cognitive Models: How humans think and process information.
Social Models: Human interaction with technology in society.
Physical Capabilities: Human vision, hearing and movement limitations.

User-Centered Design

Definition: Designing systems according to user needs.
Steps:
• Gather requirements
• Create prototypes
• Evaluate usability
Accessibility: Systems usable by disabled users.

Usability & Heuristics

Usability: Ease of using a system.
Heuristics:
• Consistency
• Feedback
• Simplicity
Metrics: Efficiency, learnability and satisfaction.

Interaction Design Principles

Good Interaction Design:
• Easy navigation
• Clear controls
• Fast response
Example: Drag-and-drop interfaces.

GUI & Visual Design

GUI: Graphical User Interface.
Visual Elements:
• Buttons
• Icons
• Colors
• Typography
Icon Design: Simple recognizable symbols.

Data Gathering & Prototyping

Data Gathering: Interviews, surveys, observation.
Task Analysis: Studying user tasks step-by-step.
Prototyping: Early version of system for testing.

Usability Testing Methods

Inspection Methods: Expert reviews and heuristic evaluation.
Testing Methods: Real users perform tasks.
Help & Documentation: User manuals and guides.
Internationalization: Supporting multiple languages and cultures.

Computer Graphics

Definition: Creating and manipulating visual content using computers.
Applications:
• Games
• Animation
• UI Design
Visual Design: Layout, contrast, balance and typography.

AR, VR & Ubiquitous Computing

Virtual Reality (VR): Fully digital immersive environment.
Augmented Reality (AR): Digital objects added into real world.
Ubiquitous Computing: Computing available everywhere.
Example: VR gaming headset.