Group Names: Tajalah Ashraf Tayyaba Haseeb Amna Ashraf Aqsa Saeed 1 2 3 4.

Slides:



Advertisements
Similar presentations
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Advertisements

1 Human-Computer Interaction Screen Layout and Colour.
SECOND MIDTERM REVIEW CS 580 Human Computer Interaction.
CS 235: User Interface Design March 5 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
OneDrive for Business Introduction First Time Use First Time Use Access from Computer Access from Computer Access from Internet Access from Internet Access.
CPSC 481 Foundations and Principles of Human Computer Interaction
James Tam What HCI (and this course) all about 1 1 These notes are based roughly upon the optional reading a Taxonomy of HCI optional reading
Skills: none Concepts: innovation timing, research prototype, commodity versus custom hardware, graphical user interface, contributions of Doug Engelbart,
Chapter 1_2 Becoming Skilled at Information Technology.
Design Activities in Usability Engineering laura leventhal and julie barnes.
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
Midterm Exam Review IS 485, Professor Matt Thatcher.
A (Uncolorful) Lecture on Color for UI’s Use of Color in UI Design (not ready for distribution) laura leventhal.
0 HCI Today Talk about HCI Success Stories Talk about HCI Success Stories Talk about Norman’s Paper Talk about Norman’s Paper Start talking about The human.
Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
The Importance of the User Interface Lecture-1 The Essential Guide to UI Design: Chapter 1 1Computer Systems Interface.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Cyber Access Mohammad Abbas Alamdar Teacher of ICT STS Ajman – Boys School.
Operating Systems. Software Software – the instructions that make the CPU do useful things Divided into two main categories – System software – Applications.
Human Computer Interface. Human Computer Interface? HCI is not just about software design HCI applies to more than just desktop PCs!!! No such thing as.
CHAPTER 2 Input & Output Prepared by: Mrs.sara salih 1.
1 Additive Colour Mixing using a Computer Monitor You will use: a Liquid Crystal Display (LCD) or Cathode Ray Tube (CRT) Computer Monitor, this PowerPoint.
IE433 CAD/CAM Computer Aided Design and Computer Aided Manufacturing Part-2 CAD Systems Industrial Engineering Department King Saud University.
DC Chp 1 Jeopardy Review Section 1Section 2Section 3Section 4Section
Introduction to Graphical User Interfaces Spring 2014 Instructor: Wayne Summers Room 453, CCT Building Phone:
Systems Analysis and Design in a Changing World, 6th Edition
Psychology of usability 1 User interfaces Jaana Holvikivi Metropolia.
2-3 note. 2 Peripheral Devices “Peripheral devices” are hardware plugged into ports or connected to a computer wirelessly. These devices can be for input,
6.01 Understand emerging technologies.
Technology for Students with Special Needs E.Brown Forward.
SEMINAR ON E-BALL PRESENTED BY.
Human Computer Interaction Design and graphics design in computer human interaction by Sylvia Ward.
Chapter 11 An Introduction to Visual Basic 2008 Why Windows and Why Visual Basic How You Develop a Visual Basic Application The Different Versions of Visual.
IT Introduction to Information Technology CHAPTER 01.
Computer Science 111 Fundamentals of Programming I Introduction to Graphics.
Ch 9 Colors Yonglei Tao School of Computing & Info Systems GVSU.
Human Computer Interaction © 2014 Project Lead The Way, Inc.Computer Science and Software Engineering.
Human-Computer Interaction
Accessibility IS 101Y/CMSC 101Y November 19, 2013 Carolyn Seaman University of Maryland Baltimore County.
Operating Systems, Utilities, and Networks Unit 6 Lesson 1 Exercise 3 & 4.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
1 CP586 © Peter Lo 2003 Multimedia Communication Human Computer Interaction.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Mixed Reality: A Model of Mixed Interaction Céline Coutrix, Laurence Nigay User Interface Engineering Team CLIPS-IMAG Laboratory, University of Grenoble.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Different Types of HCI CLI Menu Driven GUI NLI
USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.
FatMax Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 LicenseCreative Commons Attribution-NonCommercial-ShareAlike 2.5.
CONTENT FOCUS FOCUS INTRODUCTION INTRODUCTION COMPONENTS COMPONENTS TYPES OF GESTURES TYPES OF GESTURES ADVANTAGES ADVANTAGES CHALLENGES CHALLENGES REFERENCE.
Introduction to HCI Lecture #1.
Human Computer Interface INT211
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.
1 Interaction Devices CIS 375 Bruce R. Maxim UM-Dearborn.
Powerpoint Templates Page 1 iPhone combines smart phone capabilities with graphical interface iPhone Application Development.
The Importance of the User Interface
GUI Evolution (Fruit vs Squares)
Chapter 6: Interfaces and interactions
VR as a Next-Generation User Interface?
Human Computer Interface
Human Computer Interface
Human Computer Interface
Human Computer Interface
The Importance of the User Interface
Human and Computer Interaction (H.C.I.) &Communication Skills
What is Interaction? Communication User  System
Accessibility.
Presentation transcript:

Group Names: Tajalah Ashraf Tayyaba Haseeb Amna Ashraf Aqsa Saeed

HuMaN cOmPuTeR iNtErAcTiOn ToPiC:

Contant: Introduction 1 Design 5 Uses of colour 3 GUI 4 colours 2 Design Process 6 Past, Present & Future HCI 7 Conclution 8

Introduction Definition…

Interface Problems Difference Language

Human Factors Physical environment Health issues Use of colour

physical environment & health issues physical position temperature lighting noise time

Colours Colours Colour vision Rods Cones  CRT screen

Colour Principles &Guidelines bright colour in the foreground best background * black* worst * brown or green* limit colour to eight avoid saturated blues for text choose with care Ensure colours differ in lightness

Web design Should be designed in shades of gray, black and white. Reasons for above statement: Some type of color deficiency. Age factor. Monochrome monitors.

Guidelines based on properties of color Murch discussed screen color use based on the properties of the eyes, discussing distribution of rods and cones.

Uses of color by Schaeffer and Bateman They discuss colors in terms of: Affective uses. Structural uses. Cognitive uses.

Use of color by Pett and Wilson Add reality. discriminate elements of a visual. to highlight main points. highly saturated colors for materials intended for young children. red,yellow and green color have specific meaning in traffic lights. Example blue color.

GUI ( graphical user interface) Definition. Uses. Common features. Control.

Design Interaction Design Interaction design principles Familarity Human factor Standards Feedback

HCI Design Approaches There are four basic design approaches Anthropomorphic Approach Affordance Constraints Cognitive approach Metaphoric design Human information processing Model

Contd. Empirical Approach Human task performance Measures A/B testing Predictive Modeling Approach

Design Process

Working in multidisciplinaire teams Many people from different backgrounds involved. more ideas and designs generated. difficult to communicate and progress forward the designs being create.

Hci and children Use of computer technologies Interaction design Négative affect Design méthodologies Design principle

The past of Hci 1970,Alon Kay an engineer Formed Xerox PARC( Palo alto research centre) Produced Xerox Alto Desktop Computer in 1973 Don Massaro in 1976 Concept of personal computer for office called Star Innovations and validation in Hci

The Present of Hci PCs Office, home, médical and mobile Cellphones 800 million units, four times annual sales of PCs Smart phones Running at 100million units Internet and softwares Wireless Keyboards and remote controls

The Future of Hci Computing (WIMP) Application design Speech recognition (micro phone and speakers) In 2020, computer anticipation(what we want) Development of technologies over next decade, better reflect human values Drift table, piece of furniture allow people to view photography of their local neighbourhood and beyond Smart devices will replace by tablet computers and speech recognition systems

Saying of Bill Buxton Microsoft researcher “It is about how we anticipate the uses of technology rather than being reactive. Currently human is not considered part Of process.”

Video for past present and future of Hci

End of Présentation