Week 1 Lecture 1#

Basic Concepts:

• Interfaces, GUIs, Prototyping
• Interaction styles-
  • Command-Line Interface (CLI)-
  • Unix/Linux, Voice User Interface (VUI,
  • Touchscreen Interface,
  • Web User Interface (WUI,
  • Augmented Reality (AR) and Virtual Reality (VR) Interfaces
• Usability, usability factors
  • Efficiency: speed of performance
  • Simplicity: incidence of errors
  • Satisfaction: ability to recover from errors
  • Learnability: ease in learning the system
  • Memorability: ease of retention of learned skills
  • Personalization: ability to customize
  • Effectiveness: Ease with which users can achieve tasks
• Designing an interface
  • Learning by Exploration:
  • Representation of Conceptual Objects:
  • Continuous Visual Feedback:
  • Prevention of Invalid Option Selection:
  • Input Validation and Default Substitution:
  • Shortcuts for Experienced Users:
  • Context-Sensitive Help:
  • Little Knowledge Needed of the Underlying System:
• Problems with designing interfaces
  • User Complexity
  • Usability Issues
  • Accessibility
  • Performance
  • Visual Design
  • Content Strategy
  • Future-Proofing
• User-Centered Design
  • Early and continual focus on users
  • Integrated Design
  • Early and continual user testing
  • Iterative Design

Week 2 Lecture 2#

Initial stages of the GUIDE method:

• User classes (1)
  • Primary
  • Secondary
  • Tertiary
• User requirements (1)
  • What they want?
• Data gathering and analysis(1)
  • Questionnaire
  • Interviews
  • Observation
  • Quantitative analysis
  • Qualitative analysis

Week 3 Lecture 3#

• User Task analysis (2)
  • User Task
  • User Task Modeling
    • GOMS
    • Task Hierarchy Diagram
• User Object Modelling (3)
  • What is a User Object?
  • Characteristics of User object?
  • User Object Modelling?
  • Benefits of User Object Modelling?
• Mental Models

Week 4 Lecture 4#

• Prototyping (4)
  • Low Fidelity Prototyping
  • Medium Fidelity Prototyping
  • High Fidelity Prototyping
• Designing GUI(4)
• Design Principles
  1. Schneiderman guidelines
  2. Strive for consistency
  3. Offer informative feedback
  4. Design dialogues to yield closure
  5. Error prevention/handling
  6. Permit easy reversal of actions
  7. Support internal locus of control
  8. Reduce short-term memory load
• Microsoft guidelines
  1. Clarity and Affordance
  2. Navigation
  3. Commands and Actions
  4. Layout and Alignment
  5. Typography
  6. Color and Contrast
  7. Feedback
  8. Responsiveness
  9. Accessibility
• Style guide (5)
  • Style of the Product Identity-Mission and Values, Logo Usage, Color, Typography
  • Style of UI Design-Layout Grid, Interactive Elements, Navigation, Iconography, Forms, Feedback and Animation
  • Style of Content-Writing Style, Content Structure
  • Style of Development-Accessibility
  • Style of Usage Examples-Real-life Examples, Case Studies
  • Style of Glossary
  • Tools and Software used to design
• Gulfs of evaluation and execution
• Usability Testing
  • Effectiveness
  • Learnability (How much training time)
  • Flexibility
  • Attitude/Satisfaction
• Usability measurement-Formative and Summative

Week 5 Lecture 5#

• Usability Evaluation
  • Formative
    • GOMS analysis
    • Cognitive Walkthroughs
    • Heuristic Evaluation
    • Cognitive Walkthrough
  • Summative
    • Surveys/Questionnaires
    • System Usability Scale (SUS)
    • Task Analysis
• Evaluation Methods
  • User Observation
    • Direct observation
    • Indirect observation
  • Beyond Testing
    • Questionnaires & Interviews
    • Focus groups

Week 6 Lecture 6#

• Culture
• Accessibility
• Its importance
• The four main groups of barriers to access
• Examples in design

Week 7 Lecture 7#

• Classification of different types of computer systems
  • multimodal
  • multisensory
  • multimedia, hypermedia
• HCI issues in these varied systems:
  • design issues (similarities and differences)
  • particular strengths that can be used to enhance usability
  • issues for different types of interfaces

Week 8 Lecture 8#

• Formalization
• Why is formalizing interface design useful?
• What needs to be formalized:
• The interface’s appearance
• The functionality of the design
• The dynamics of the design
• How: we shall look at several different ways to formalize the dynamics of a design:
• State Transition Networks (STN)
• Petri Nets

Week 9 Lecture 9#

• Ubiquitous computing

• Mobile phone computing

  • Types of application style
  • Mobile application design
    • Limitations
    • Apple/Android Human Interface Principles
    • Context
    • Information Architecture
    • Visual design Usability evaluation
  • Mobile GOMS/KLM
  • Mobile heuristics Books:
  • Designing the User Interface Strategies 6th Global
  • Interaction Design Beyond Human-Computer Interaction 5th
  • User Interface Design and Evaluation (Interactive Technologies)

• Course work Guidelines

  • Part 1: Report-Part 1+ Prototype-paper based/Computer based+ Recorded Video
  • Part 2: Report-Part 2, Prototype-High Fidelity/Interactive, Evaluation report + recorded video
  • Part 3: Report Final (Including Part 1,2 and 3), Prototype-High Fidelity+ Low fidelity (APP OR Website)+ Recorded Video

• Summative Assessment MCQ