HUMAN COMPUTER INTERACTION hy364/files/lectures/01a... · PDF file...

Click here to load reader

  • date post

  • Category


  • view

  • download


Embed Size (px)

Transcript of HUMAN COMPUTER INTERACTION hy364/files/lectures/01a... · PDF file...

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





    ECTS: 6

    Prerequisite: CS-150

  • …the multidisciplinary field concerned with the:

    analysis, design, implementation and evaluation

    of 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

  • (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

  •  The final grade for the course will be calculated according to

    the following formula:

    F = 0.4 * W + 0.6 * A


    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

  •  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,


    ▪ 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

  •  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

  •  Each project phase will be assessed shortly after its submission

     Continuous feedback will be provided through sessions with the course assistants

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

    Slide 7CS-364: Human – Computer Interaction

  •  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

  •  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

  •  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

  • 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

  •  Course list


     Register to the list via e-mail ▪ To: ▪ Subject: ▪ Body: subscribe hy364-list

     Course email


     Course website


    Slide 12CS-364: Human – Computer Interaction

  •  Subscribe to the mailing list

     Form your team and register it by Friday 07/02

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

    Slide 13CS-364: Human – Computer Interaction


    Slide 14CS-364: Human – Computer Interaction