1 / 17

Essential Guide to User Interface Design

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

olympia-zervos
Download Presentation

Essential Guide to User Interface Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 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

  3. Chapter 1 – Importance of the UI • History of HCI

  4. 18th Century: Jacquard’s Loom London Museum of Science Columbus State University 11/14/2014

  5. 19th Century – Difference Engine

  6. 1940s British Computers • Collusus – Bletchley Park • Manchester Baby – University of Manchester (reproduction)

  7. RAND’s vision of the future From ImageShack web site //www.imageshack.us ; original source unknown

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

  9. Punch card, keypunch and then VDUs Slide 1- 9

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

  11. 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 http://accad.osu.edu/~waynec/history/images/ivan-sutherland.jpg

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

  13. 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...”

  14. Xerox Alto (1974) & Star (1981)

  15. MITS Altair 8800 - 1975

  16. Apple Lisa (1983)

  17. REFERENCES • A Brief History of Human Computer Interaction Technologyby Brad A. Myers – 1996 • Dealers of Lightning XEROX parc and the dawn of the computer age by Michael A. Hiltzik – 1999 • http://oldcomputers.net/

More Related