Code Monkey home page Code Monkey logo

hci-roadmap's Introduction

HCI roadmap

This is the roadmap that helps you to start learning Human-Computer Interaction (HCI). It's inspired by Roadmap on becoming a UI/UX designer in 2017.

I made this roadmap as a summary of what I've learned about HCI in the past few years. A lot of the content comes from the book Norman, D. A. (2013). Design of Everyday Things: Revised and Expanded. New York: Basic Books. London: MIT Press (UK edition) and the online course "Human-computer Interaction" by Georgia Tech.

The roadmap is made with Miro.

🚧 This project is still under construction. If you have any suggestions, don't hesitate to talk with me.

Table of content

The roadmap

hci-roadmap

What is Human-Computer Interaction

Human–computer interaction (HCI) researches the design and use of computer technology, focused on the interfaces between people (users) and computers. Researchers in the field of HCI observe the ways in which humans interact with computers and design technologies that let humans interact with computers in novel ways. (From Wikipedia)

Recommended article: https://www.interaction-design.org/literature/topics/human-computer-interaction

The difference between HCI and UX design

HCI is more academic-based and focuses more on research. UX design is more industry-based and focuses more on practice. While HCI focuses more on understanding the interaction between human and computers through research, UX design focuses more on dictating the rules about how to design a great user experience.

Human's ability

Perception and sensation

To represent the world, we must first detect physical energy (a stimulus) from the environment and convert it into neural signals. This is a process called sensation. When we select, organize, and interpret our sensations, this process is called perception.

hci-roadmap's People

Contributors

realwya avatar

Stargazers

Aashay  avatar Anusha Singh avatar Milad Darbani avatar Cintia avatar Fábio Lopes avatar  avatar Franjo Pehar avatar Viviane Cao avatar

Watchers

 avatar Cintia avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.