HCI Human-Computer Interaction Week 1, Part 1 Introduction Semester 2, 2016.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Map of Human Computer Interaction
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
CISB213 Human Computer Interaction Introduction and Overview.
CPSC 481 Foundations and Principles of Human Computer Interaction
Department of Computer Science
Psychological Aspects Presented by Hanish Patel. Overview  HCI (Human Computer Interaction)  Overview of HCI  Human Use of Computer Systems  Science.
Midterm Exam Review IS 485, Professor Matt Thatcher.
Human-Computer Interaction CS100: The World of Computing John Dougherty Haverford College.
1 Overview of User-Centred Design John T Burns School of Computing (chapter 1: McCracken and Wolfe – User Centred Web Development)
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
CMPUT 301: Lecture 01 Introduction Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Chapter 1: Introduction to HCICopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
Information Processing Week 7: Lecture Software. Objectives for Week 7 After studying this week’s work, you should: Have an overall knowledge of the different.
What is HCI? CSE/ISE 323 Spring 2011 Tony Scarlatos.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Chapter 13: Designing the User Interface
Week 1. Careers in Web Development  How many of you want to go into the field of Web Development or Web Programming? Introduction to Web 2 Web Designer.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
What is HCI? IMD07101: Introduction to Human Computer Interaction Brian Davison 2011/12.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
User Interface Theory & Design
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
1CS 480: Graphical User Interfaces. Dario Salvucci, Drexel University. Lecture 1: Introduction to GUIs.
May 1, 2007Mohamad Eid SEG 3120 User Interface Design Mohamad Eid Office: SITE 5077 Tel: (613) ext. 2148
CS110/CS119 Introduction to Computing (Java)
Human Computer Interaction Semester 1, 2013/2013.
Principles of User Centred Design Howell Istance.
ST-CS Introduction to Web Interface Design Fall 2010 Dr. Angela Guercio ( Course Web.
© Copyright De Montfort University 2003 All Rights Reserved Interactive Design Sept 03 John T Burns Interactive Systems Design & Evaluation John Burns.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Lecture 6 User Interface Design
SCV2113 Human Computer Interaction Semester 1, 2013/2013.
Interacting with IT Systems Fundamentals of Information Technology Session 5.
Chapter 1: Introduction to HCICopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Human-Computer Interaction Overview ● Benefits of more usable Websites ● History of HCI ● Goals of HCI ● User-Centered Methodology.
Design Rules-Part B Standards and Guidelines
Screen design Week - 7. Emphasis in Human-Computer Interaction Usability in Software Engineering Usability in Software Engineering User Interface User.
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
Man and Machine: Introduction to HCI (MMI). Contents HCI: Introduction Design Rules: – Guidelines – Principles – Theories 2.
Human Computer Interaction
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
1 CP586 © Peter Lo 2003 Multimedia Communication Human Computer Interaction.
Human Computer Interaction CITB 243 Chapter 1 What is HCI
Chapter 1: Introduction to HCICopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
CPSC 203 Introduction to Computers T43, T46 & T68 TA: Jie (Jeff) Gao.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Introduction to HCI Lecture #1.
HCI Meeting 1 Thursday, August 26. Class Activities [1] Student questionnaire Answer the following questions: 1.When and where was the computer mouse.
User Interface Evaluation Introduction Lecture #15.
Unit 13 – Website Development FEATURES OF WEBSITES.
“Babeş-Bolyai” University Faculty of Economics and Business Administration Second semester 1st year, English line of study Business IT Introductive course.
AUTHOR PRADEEP KUMAR B.tech 1 st year CSE branch Gnyana saraswati college of eng. & technology Dharmaram(b)
Human-Computer Interaction
Human-Computer Interaction Introduction to HCI
Chapter 6: Interfaces and interactions
Usability and user Interfaces
HCI in the curriculum The human The computer The interaction
Software Engineering D7025E
Saul Greenberg Human Computer Interaction Presented by: Kaldybaeva A., Aidynova E., 112 group Teacher: Zhabay B. University of International Relations.
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Fundamentals of Human Computer Interaction (HCI)
Human Computer Interaction
Map of Human Computer Interaction
Presentation transcript:

HCI Human-Computer Interaction Week 1, Part 1 Introduction Semester 2, 2016

2 Part 1: Introduction Unit Outline Tutorials Assessment Where to get additional information & assistance Consultation Reading requirements What is HCI? Overview of the HCI semester

3 Tutorials 120 min. per week, starting Week 1 Follows lectures on content, how to, other issues etc. At the completion of each tutorial, each student is expected to achieve and have completed the set task. This only needs to be draft, but must demonstrate a level of understanding Students can only achieve marks for tutorial workshops if they have completed the task no later than the end of their next tutorial session.

4 Assessment Overview Internal Assessment (30%) Tutorial Work (5%) Assignment 1. Usability (5%) Assignment 2. Project Report (20%) Examination (70%)

5 Assessment In order to achieve a pass (or better) result, a student must obtain: at least 45% of the total mark for in-semester assessment items at least 45% of the mark for the formal examination at least 50% of the overall mark

6 Assessment(1) – Tutorial Work Students will be awarded half a mark for each tutorial workshop that you attend and successfully complete A maximum of 5 marks (5%) for successfully attending and completing all 10 tutorial workshops (1/2 mark per tutorial workshop)

7 Assessment - Assignments Two Assignments Assignment 1. Usability (5%) Assignment 2. Project Report (20%)

8 Assessment (2) Assignment 1: (5%) Usability Discussion Asks you to find examples of Design Principles (in actual Websites) Given this assignment in week 2 Week 2 tutorial workshop is based on the requirements for this assignment

9 Assessment (3) Assignment 2: (20%) Project Report Based on the work done in tutorial workshops in Weeks 4 through to 9 – but your assignment is different This will achieve two things:  an opportunity for timely feedback of your tutorial work  avoiding going in the wrong direction on your main assignment This assignment is to be completed individually – similar assignments will be awarded similar “low” marks Do not just copy your tutorial work – you need to do a lot more

10 Assessment (4) Examination Will test understanding, not just memory Can take in single A4 sheet with Hand written English language only notes on both sides of the paper (NO PHOTOCOPIES or PRINTED PAPERS) We’ll look at previous HCI exams in the last week of lectures

11 To get Info & Help will be available all the additional reading material on the ZJUT. local server complete with links to relevant internet sites If you need to - contact me please at:

12 Consultation I will be available at ZJUT for personal consultation every Tuesday afternoon

13 Reading Readings for this unit Recommended Reading Text McCracken & Wolfe, User-Centered Website Development Other Text Books Commonwealth of Australia Style manual Jenny Preece et. al., Human-Computer Interaction Required Readings Required readings are all available on your local server Recommended Web sites Will have their URL’s embedded within the lecture slides so that you can access the sites easily

14 So – let us begin And good luck

15 What is HCI? (an overview) “Human Computer Interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of the major phenomena surrounding them.” As defined by the Special Interest Group on Human-Computer Interaction (SIGCHI) of the Association for Computing Machinery (ACM)

16 HCI - A major cost shift 50 years ago the cost of a computer would pay the salaries of 200 programmers for a year People were expected to work hard to save computer time Today the salary of one programmer for a year will buy 200 computers—each vastly more powerful than the early machines Now the goal is to make computers easy to use, to save people time How well users like the system First impressions Long-term satisfaction Cost of Labour Cost of Computers

17 HCI Definitions Human = any single, group, or sequence of human users Computer = any computer: Desktop, distributed system, embedded system (e.g. washing machine), etc. Interaction = Any communication between Human and Computer, be it direct of indirect Dix et. al. p. 3

18 Goals of HCI To develop or improve the Safety Utility Effectiveness Efficiency Usability Appeal... of systems that include computers

19 Goals of HCI - Safety Safety of Users—think of Air traffic control Hospital intensive care Safety of Data—think of Protection of files from tampering Privacy and security

20 Goals of HCI - Utility and effectiveness Utility: what services a system provides; examples: Information Instruction Purchases Effectiveness: user’s ability to achieve goals; examples: Find desired information Enter credit card data

21 Utility and effectiveness are distinct A web site might provide all necessary services, but if users can’t find the items they want to buy, the site lacks effectiveness

22 Goals of HCI - Efficiency A measure of how quickly users can accomplish their goals or finish their work using the system

23 Goals of HCI - Usability Ease of learning Ease of use Can be an entire graduate course it is that complex an issue!

24 Goals of HCI - Appeal How well users like the system First impressions Long-term satisfaction

25 HCI is Different HCI is different to most other computing subject In many other subjects answers are black & white. e.g. what does the UNIX command “grep” do? In HCI there often are shades of grey. e.g. should one change the default colour for hyperlinks on a website?

26 HCI Main Disciplines Graphic design Cognitive psychology Computer science Linguistics Ergonomics Anthropology Aesthetics Artificial intelligence

27 HCI Main Disciplines (cont) Computer science Provide technological capabilities: GUI, VR, Ambient Intelligence, etc. Provide techniques: OO, Software Development Methodologies Provide tools for prototyping: e.g. VISIO, etc.

28 HCI Main Disciplines (cont) Cognitive psychology Understand human behaviour, mental process, human development, learning styles How do people interact? Perception, attention, memory

29 HCI Main Disciplines (cont) Ergonomics: Designing tools to suit the capabilities of users Focus on physical e.g. office chair, design of workstations Safety concerns e.g. Mobile Phone radiation/cancer concerns

30 HCI Main Disciplines (cont) Graphic Design Screen design Storyboarding Aesthetics (Philosophy) What is beauty?

31 HCI Main Disciplines (cont) Linguistics The study of languages Syntax of command languages (‘delete Fred’ or ‘Fred delete’?) Natural language interfaces Internationalisation

32 HCI Main Disciplines (cont) Artificial intelligence Intelligent agents Tutoring and Expert systems Natural Language Interfaces

33 HCI Main Disciplines (cont) Anthropology Study of the diversity of human cultural practices and beliefs by participant observation and comparison. Avoid any preconceptions Microsoft employs anthropologists Observing users “in the field” (unlike psychology - more lab based)

34 Course Overview Week 1: Unit Introduction & Usability Week 2: The Human Factor Week 3: Design Methods and Typography Week 4: Design with Users Week 5: Interaction Design Week 6: Information Grouping Week 7: Interface Elements Week 8: Visual Design Week 9: Navigation Week 10: Colour Week 11: Accessibility and Internationalisation Week 12: Web Design Technical Issues Week 13: The Future of HCI, and Exam Review

35 Week 1: Usability What is Usability? Affordance / Perceived Affordance Conceptual Model Visibility Mapping Feedback Constraints

36 Week 2: The Human Factor Perception Constructivism / Gestalt Memory Human Development (Piaget) Learning

37 Week 3: Design Methods & Typography Design Methods: Cost of good design Waterfall Model User Centric Design Prototyping Design Rules Typography Fonts Headings / Upper vs. Lowercase Requirements gathering System and software design Implementation and unit testing Integration and system testing

38 Week 4: Design with Users Recruiting Users User Analysis Obtaining Information from Users Environmental Analysis Task Analysis Work Flow Analysis Usability Specification Evaluation

39 Week 5: Interaction Design Interaction Design Interaction Styles Direct Manipulation Metaphors

40 Week 6: Information Grouping Information Grouping Organisational Schemes (Exact & Ambiguous) Information Grouping

41 Week 7: Interface Elements Icon design Menu design Window design (Aesthetics Test) Which icon is easier to understand that what you have just done is correct?

42 Week 8: Visual Design Aesthetics Symmetry Balance Simplicity Positioning Consistency Created using Fractal Forge 2.8.0

43 What is the site about? Where am I in the site? How do I get back to where I was before? Where have I already been? Where should I go next? How to find what I am looking for? Week 9: Navigation

44 Week 10: Colour What is colour? Hue, Saturation, Brightness Colour Schemes Colour Meanings

45 Week 11: Accessibility and Internationalism Accessibility Why? Colour Blindness Vision / Hearing Impaired Physical Disabilities Internationalism/Globalisation A blanket term referring to the process of preparing software for more than one culture, region or locale

46 Week 12: Web Design Technical Issues Colour Multi-media Browsers Forms Frames Paging vs. Scrolling User Control Designer Control CSS

47 Week 13: The Future of HCI A looking at the Future of HCI Robotics Ambient Intelligence Virtual Reality

48 Week 13: Exam Review We will look at some relevant past exam questions and there will be offered suggestions as to how you should successfully answer your exam questions Bring along any questions or queries that you might have written down so that everyone can benefit from the answers

49 Recommended Readings For the introduction to this unit so far McCracken & Wolfe, Sections Jenny Preece et. al., Human-Computer Interaction Section 2.2 (available as a download on your local server)

50 Questions?