lectures.alex.balgavy.eu

Lecture notes from university.
git clone git://git.alex.balgavy.eu/lectures.alex.balgavy.eu.git
Log | Files | Refs | Submodules

_index.md (2066B)

      1 +++
      2 title = "Human Computer Interaction"
      3 +++
      4 
      5 # Human Computer Interaction
      6 I used Anki to study for the exam, [here's my notecards deck](Human-Computer-Interaction.apkg).
      7 
      8 HCI is concerned with design, evaluation, implementation of interactive computer systems
      9 
     10 how people use software & computing devices. usability engineering:
     11 * design
     12 * evaluation
     13 * implementation of interactive computing systems
     14 
     15 why is it important? because sites have shitty UIs and UXs. and we've all had to use them. and it sucks.
     16 
     17 website metrics: volume of business, num of unique visitors, conversion rate from visitor to customer, loyalty rate, bounce rate, pages viewed per visit
     18 
     19 business metrics: conversion rates, traffic numbers, user performance, target feature usage
     20 
     21 Table of contents:
     22 1. [User experience (UX) elements](user-experience-elements)
     23 2. [Norman's design principles](normans-design-principles)
     24 3. [Usability principles](usability-principles)
     25 4. [Prototypes](prototypes)
     26     * [Designing the prototype](prototypes#designing-the-prototype)
     27 5. [Personas, Scenarios, and use cases](personas-scenarios-and-use-cases)
     28     * [Goal directed design](personas-scenarios-and-use-cases#goal-directed-design)
     29     * [Personas - archetypal users](personas-scenarios-and-use-cases#personas-archetypal-users)
     30     * [Scenarios](personas-scenarios-and-use-cases#scenarios)
     31     * [Design Requirements & principles](personas-scenarios-and-use-cases#design-requirements-principles)
     32     * [Use Case](personas-scenarios-and-use-cases#use-case)
     33 6. [Webpage design](webpage-design)
     34 7. [Designing for differences](designing-for-differences)
     35     * [Ergonomics](designing-for-differences#ergonomics)
     36     * [Computers for older people](designing-for-differences#computers-for-older-people)
     37     * [Computers for kids](designing-for-differences#computers-for-kids)
     38     * [Web page guidelines](designing-for-differences#web-page-guidelines)
     39         * [Web Content Accessibility Guidelines (WCAG, W3C initiative)](designing-for-differences#web-content-accessibility-guidelines-wcag-w3c-initiative)
     40