06-design-principles

Course Overview

  • Course Title: IT110 – Introduction to Human-Computer Interaction

  • Semester: 1st Semester, AY 2024-2025

  • Instructor: Mary Joy P. Canon

  • Source: Slides from Human Computer Interaction by Luigi De Russis

User Experience Feedback

  • Feedback Strategy: Gauge customer satisfaction through a rating system (0-10 scale) based on shopping experience.

The Four Pillars of Design

  • Authors: Ben Shneiderman & Catherine Plaisant

  • Reference: Designing the User Interface: Strategies for Effective Human-Computer Interaction

Generating Design Solutions

  • Approaches:

    • Guidelines: Focused advice on good practices.

    • Principles: Mid-level strategies for analysis.

    • Theories: High-level frameworks for design and evaluation.

Design Theories

  • Purpose: Provide foundational research frameworks answering "The Why" of design.

  • Types:

    • Descriptive: Defines UI elements.

    • Explanatory: Causal event sequences.

    • Prescriptive: Guidelines for designers.

    • Predictive: Performance-based comparisons of alternatives.

Abowd and Beale Model

  • Concept: User’s interaction process involves two gulfs—gulf of evaluation and gulf of execution.

  • Process Steps: Define the goal, plan, specify actions, perform, perceive state, interpret feedback, and compare outcomes.

Four Levels of Approach (Foley and van Dam)

  • Conceptual Level: User’s mental model.

  • Semantic Level: Meaning conveyed by commands and displays.

  • Syntactic Level: Structure of command language.

  • Lexical Level: Device dependencies and user input mechanisms.

Design Principles

  • Nature: Practical advice for creating effective designs.

  • Fundamental Considerations:

    • User skill levels

    • Interaction styles

    • Golden rules of interface design

Norman's Principles of Good Design

  • Design should promote visibility, offer good mental models, establish clear mappings, and provide feedback.

The 8 Golden Rules of Interface Design

  1. Strive for consistency

  2. Cater to universal usability

  3. Offer informative feedback

  4. Design dialogs to yield closure

  5. Prevent errors

  6. Permit easy reversal of actions

  7. Keep users in control

  8. Reduce short-term memory load

Consistency

  • Key Elements: Maintain consistency in objects, actions, and visual cues (color, layout, design).

Guidelines for User Interaction

  • Ensure actions are easily reversible and provide clear error messaging.

Accessibility and Inclusivity

  • Tailor designs for diverse user needs, including different skill levels and contexts (e.g., mobile vs. desktop, elderly vs. young users).

Design Guidelines and Standards

  • Reference established guidelines like Web Content Accessibility Guidelines (WCAG) and Human Interface Guidelines for effective design practices.

Activity & Application

  • Design tasks based on Shneiderman’s rules, tailoring actions to adhere to each principle in interface development.