HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364:...

14
HY-364: Επικοινωνία Ανθρώπου - Μηχανής Slide 1 HY-364: Επικοινωνία Ανθρώπου - Μηχανής Slide 1 COURSE CS-364 (OPTIONAL) HUMAN – COMPUTER INTERACTION UNIVERSITY OF CRETE FACULTY OF SCIENCES AND ENGINEERING COMPUTER SCIENCE DEPARTMENT ECTS: 6 Prerequisite: CS-150

Transcript of HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364:...

Page 1: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

HY-364: Επικοινωνία Ανθρώπου - Μηχανής Slide 1HY-364: Επικοινωνία Ανθρώπου - Μηχανής Slide 1

COURSE CS-364 (OPTIONAL)

HUMAN – COMPUTER INTERACTION

UNIVERSITY OF CRETEFACULTY OF SCIENCES AND ENGINEERING

COMPUTER SCIENCE DEPARTMENT

ECTS: 6

Prerequisite: CS-150

Page 2: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

…the multidisciplinary field concerned with the:

analysis, design, implementation and

evaluationof the UI of computer applications

with which the user may interact,

as well as with the issues associated with this interaction

Slide 2CS-364: Human – Computer Interaction

Page 3: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

(a) to introduce fundamental concepts and analyse

the issues associated with the communication

process between the human and the computer

(b) to point out the importance of rigorous analysis,

design, implementation and evaluation of the

user interface of computer applications, based

on a holistic approach on the one hand of the

user needs and capabilities, and on the other

hand of the application target goals

(c) to identify the required knowledge for effective

analysis, design and implementation of user

interfaces, providing at the same time

theoretical knowledge and practice

Slide 3CS-364: Human – Computer Interaction

Page 4: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

The final grade for the course will be calculated according to

the following formula:

F = 0.4 * W + 0.6 * A

where:

F = Final grade (0-10)

W = Written exams grade (0-10)

A = Assignments’ grade (0-10)

A = 0,15*Assignment Α + 0,10*Assignment Β + 0,40*Phase A + 0,35*Phase B

The written examination will take place during the exams period. The

course does not require written or oral preliminary examinations

Slide 4CS-364: Human – Computer Interaction

Page 5: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Assignment A (Individual Assignment)

Implement a responsive web page in HTML/CSS/JS from a given design▪ Responsive: adjusts automatically to the browser (PC, tablet,

smartphone)

▪ Single-page application

Assignment B (Group Assignment)

Find two (3) every day objects (one that follows a good design and two that follow a bad design) and analyze them with respect to the POET principles

Slide 5CS-364: Human – Computer Interaction

Page 6: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Project: Develop the user interface of a hypothetical application. The assignment is carried out in the following phases:

A. Interactive User Interface Design (Lo-Fi and Hi-Fi prototyping)

B. Evaluation

Slide 6CS-364: Human – Computer Interaction

Page 7: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Each project phase will be assessed shortlyafter its submission

Continuous feedback will be provided throughsessions with the course assistants

The project will be carried out in groups oftwo or three (2-3) students

Slide 7CS-364: Human – Computer Interaction

Page 8: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Introduction to HCI

The Human, the Computer and the Interaction

The Design Process

User-Centred Design Guidelines, standards & style guides

Slide 8CS-364: Human – Computer Interaction

Page 9: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Requirements Engineering

Requirements elicitation methods

Requirements Analysis

User-Centred / Iterative Design

Rapid prototyping Heuristic evaluation

User Experience

Experience and Emotion

Slide 9CS-364: Human – Computer Interaction

Page 10: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Visual and Information Design

Typography, Grids/Alignment, Reading & Navigating

Web Design

Mobile Design

Evaluation

Heuristics

User Testing

Introduction to advanced topics of HCI (CS-469) and

Human-Computer Confluence (CS-569)

Slide 10CS-364: Human – Computer Interaction

Page 11: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Course Books:

Dix A., Finlay J., Abowd G., Beale R., Επικοινωνία Ανθρώπου – Υπολογιστή. Εκδόσεις Μ.Γκιούρδας, 3η έκδοση, 2007.

Norman D., Σχεδιασμός των αντικειμένων της καθημερινότητας. Εκδόσεις ΚΛΕΙΔΑΡΙΘΜΟΣ, 2002. Shneiderman B., Σχεδίαση διεπαφής χρήστη. Εκδόσεις Τζιόλα, 2010.

Other Books: Hinman, R., The Mobile Frontier: A Guide for Designing Mobile Experiences, Rosenfeld, 2012 Norman, A., D., The Design of Everyday Things, MIT Press, 1998 Norman, A., D., Emotional design: why we love (or hate) everyday things , New York : Basic Books, 2005 Nielsen J., Usability Engineering, Boston, MA : Morgan Kaufmann, Academic Press, 1993 Johnson J., GUI Bloopers 2.0, Second Edition: Common User Interface Design Don'ts and Dos, Morgan Kaufmann; 2

edition, 2007 Preece J., Rogers Y., Sharp H., Benyon D., Holland S., Carey T., Interaction Design: beyond human-homputer

interaction, Wesley, 2015. Ravden S., Johnson G., Evaluating Usability of Human Computer Interfaces: A Practical Method, Ellis Horwood,

1989. Salvendy G., "Handbook of Human Factors and Ergonomics", Wiley, 2012 Shneiderman, B., Designing the user interface : strategies for effective human-computer-interaction, Boston, MA :

Pearson/Addison Wesley, 2005 Stephanidis, C. (Ed.). User Interfaces for All - Concepts, Methods, and Tools. Mahwah, NJ: Lawrence Erlbaum

Associates, 2001 Stephanidis, C. (Ed.). (2009). The Universal Access Handbook. Boca Raton, FL: Taylor & Francis (ISBN: 978-0-8058-

6280-5, 1.034 pages). Weinschenk S., Jamar P., Yeo S., GUI Design Essentials, John Wiley & Sons, 1997.

Additional material for each lecture

Slide 11CS-364: Human – Computer Interaction

Page 12: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Course list

[email protected]

Register to the list via e-mail▪ To: [email protected]▪ Subject:▪ Body: subscribe hy364-list

Course email

[email protected]

Course website

www.csd.uoc.gr/~hy364

Slide 12CS-364: Human – Computer Interaction

Page 13: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

Subscribe to the mailing list

Form your team and register it by Friday 07/02

Send an email to the course account ([email protected]) with the details of the team members (First Name, Last Name, e-mail address, Student Registration Number)

Slide 13CS-364: Human – Computer Interaction

Page 14: HUMAN COMPUTER INTERACTIONhy364/files/lectures/01a... · Human-Computer Confluence (CS-569) CS-364: Human –Computer Interaction Slide 10. Course Books:

THE END

Slide 14CS-364: Human – Computer Interaction