Essential Guide to User Interface Design PART 1 The User Interface – Introduction and Overview Chapter 1 – Importance of the User Interface.

Slides:

Advertisements

Similar presentations

There are many types of computers including:

Advertisements

Input to the Computer * Input * Keyboard * Pointing Devices

Interaction Devices Chandra Kelley Sandeep Parwaga.

History of Human Computer Interaction

What is HCI? Material from /525 Human Computer Interaction Dr Steve Jones.

Saul Greenberg History of Human Computer Interaction Where did HCI innovations and philosophy come from? Who were the major personalities? What were the.

1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.

1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.

Skills: none Concepts: innovation timing, research prototype, commodity versus custom hardware, graphical user interface, contributions of Doug Engelbart,

Human Computer Interaction

ISE554 Human Computer Interaction Design 2.1 Core Concepts of HCI.

Why study HCI’s history?

RAND’s vision (1954) From ImageShack web site // ; original source unknown.

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.

The Importance of the User Interface Lecture-1 The Essential Guide to UI Design: Chapter 1 1Computer Systems Interface.

“Doctoral Level Independent Study” Fall Semester 2006 Assess An Existing PhD Thesis Peng Michael Shao Yingdan Huang.

The History of the Computer Then & Now Computer Evolution 1642 Blaise Pascal – mechanical adding machine.

TYPES And COMPONENTS OF COMPUTER SYSTEM

Jayden Sedunary. For those non computer literate people, a Graphical User Interface is a type of interface item that allows people to interact with programs.

Introduction to Graphical User Interfaces Spring 2014 Instructor: Wayne Summers Room 453, CCT Building Phone:

Developing M-learning Pedagogical and Design Perspectives Mike Sharples Kodak/Royal Academy of Engineering Educational Technology Research Group University.

Fall 2002CS History of HCI Key People and events Series Of Paradigma Shifts Understanding where you’ve come from can help a lot in figuring out where.

Introduction to Usability Engineering CS 352 Winter

ATEC Procedural Animation Introduction to Procedural Methods in 3D Computer Animation Dr. Midori Kitagawa.

CSCI 4163 / CSCI 6904 Human-Computer Interaction web.cs.dal.ca/~hawkey/4163 Dr. Kirstie Hawkey,

An Overview of Using Computers

Welcome to Computing Presentation slides modified by M. A. Papalaskari from “Java Software Solutions Foundations of Program Design (3 rd ed.)” by John.

ACS 367 Interface Design Introduction & Text Overview Galitz, Wilbert O. The Essential Guide to User Interface Design.

HUMAN COMPUTER INTERACTION Mohammad Amin Kuhail M.Sc. (York, UK) Second Semester 07/08  University of Palestine  Faculty of Applied Engineering and Urban.

ALAN KAY “THE BEST WAY TO PREDICT THE FUTURE IS TO INVENT IT” Presented by: Brennen Taylor CSCE 221 – Spring 2014.

Human-Computer Interaction IS/HCC 760 Fall 2011 Shaun Kane.

Visual BASIC 1 Introduction

Computer Mouse. The first computer mouse appeared in It was invented by Douglas Engelbart. He was an American engineer and inventor, author of 25.

History of HCI. Objectives By the end of the class, you will be able to… –Describe major milestones in the history of HCI and explain their impact in.

Chapter 4 Paradigms (additional materials). Beginnings – Computing in 1945 Harvard Mark I –Picture from

Paradigms Material from Authors of Human Computer Interaction Alan Dix, et al.

Computer main parts BY: JUAN DAVID MAYA STUDENT OF SYSTEM CESDE.

Chapter 5: Input CSC 151 Beth Myers Kristy Heller Julia Zachok.

ACS 367 Interface Design History. Brief History n Early research –SRI in 1960s »The very system that I am using to access this information has its intellectual.

Operating Systems David Goldschmidt, Ph.D. Computer Science The College of Saint Rose CIS 432.

HCI Course: Intro & History Stephen Gilbert Jun 20, 2014 SPIRE-EIT.

Computer Graphics Researched via: Student Name: Envia R. Date: Dec

Alan Kay: LCC 2700: Intro to Computational Media Spring 2005.

USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.

Group 5: Noor Aisyah Nadiah binti Noriezan Muhammad Izzat Farhan bin Baharudin Nur Syaza Izzati binti Mohd Rafei.

Introduction to Computing Slides By ADEELA MUSTAFA.

Augmenting Understanding: 2 Digital Innovators LCC 2700: Intro to Computational Media Fall 2005 Ian Bogost.

Computer Science Introduction

Computer Graphics Lecture 1 Introduction to Computer Graphics

SE 542 Human Computer Interaction

Human Computer Interaction (HCI)

The Importance of the User Interface

LCC 2700: Intro to Computational Media

The Importance of the User Interface

Computer Graphics Researched via:

Chapter 1 Historical Perspective

Human Computer Interaction (HCI)

ATCM 6017 Procedural Animation

PAST, PRESENT AND FUTURE

Paradigms (additional materials)

HCI: History in 3 Waves Week 1 Stephen Gilbert

Chapter 1 Historical Perspective

History of HCI Key People and events Series Of Paradigma Shifts

G52GUI Course Guoping Qiu 04/12/2018.

Chapter 1 Historical Perspective

The Importance of the User Interface

Paradigms (additional materials)

Presentation transcript:

Essential Guide to User Interface Design PART 1 The User Interface – Introduction and Overview Chapter 1 – Importance of the User Interface

Chapter 1 – Importance of the UI  Amount of programming code devoted to UI > 50%  Defining the UI (subset of HCI)  I/O  Importance of Good Design  What is “good design”?  Is there time?  Benefits of Good Design

Chapter 1 – Importance of the UI  History of HCI Punch cards, Line printersEarly computers (1950s-60s) Keyboards, MonitorsCommand language based (1970s-1980s) Mouse, trackball, touch pad, touch screens Graphical User Interfaces (GUIs) (1990s - ) Multitouch screen, Voice, synthesized speech, gesture “Intelligent” interfaces (2000s - )

10/21/2015 Columbus State University 18 th Century: Jacquard’s Loom London Museum of Science

19 th Century – Difference Engine

1940s British Computers  Collusus – Bletchley Park  Manchester Baby – University of Manchester (reproduction)

RAND’s vision of the future From ImageShack web site // ; original source unknown

Eniac (1943)  ENIAC, the world's first all electronic numerical integrator and computer. From IBM Archives.

Punch card, keypunch and then VDUs Slide 1- 9

PLATO (computer system)  Programmed Logic for Automated Teaching Operations -first (ca. 1960, on ILLIAC I) generalized computer assisted instruction system.ILLIAC Icomputer assisted instruction

Ivan Sutherland’s SketchPad-1963 Sophisticated drawing package hierarchical structures defined pictures and sub-pictures  object-oriented programming  Icons  input techniques (light pen)  separation of screen from drawing coordinates From

The First Computer Mouse (about 1964) Designed by Douglas Engelbart and Bill Inglés at the Stanford Research Institute (improved at Xerox PARC).

Dynabook vision - Alan Kay (1969)  prototype of a notebook computer :  “Imagine having your own self-contained knowledge manipulator in a portable package the size and shape of an ordinary notebook. Suppose it had enough power to out-race your senses of sight and hearing, enough capacity to store for later retrieval thousands of page- equivalents of reference materials, poems, letters, recipes, records, drawings, animations, musical scores...”

Xerox Alto (1974) & Star (1981)

MITS Altair

Apple Lisa (1983)

REFERENCES A Brief History of Human Computer Interaction Technology by Brad A. Myers – 1996 A Brief History of Human Computer Interaction Technology Dealers of Lightning XEROX parc and the dawn of the computer age by Michael A. Hiltzik –