The Importance of the User Interface The Essential

Содержание

Слайд 2

What is UI?

UI design is a subset of HCI
Part of a computer

What is UI? UI design is a subset of HCI Part of
& its software that people can see, hear, understand, etc.
Two components: input & output
IO devices?

Слайд 3

Is Good Design Important?

UI is the most important part of any computer

Is Good Design Important? UI is the most important part of any
system!
Over 50% of code devoted to UI
Users’ productivity improved 25 to 40%.
A company saved $20 000 !

Слайд 4

What comprises good design?

PEOPLE:
How we see, understand, and think
INFORMATION:
Enhance human acceptance
Ease eye

What comprises good design? PEOPLE: How we see, understand, and think INFORMATION:
& hand movements
HARDWARE & SOFTWARE:
Capabilities & limitations of HCI

Слайд 5

The Goals of UI Design

To make working with a computer
EASY
PRODUCTIVE
ENJOYABLE

The Goals of UI Design To make working with a computer EASY PRODUCTIVE ENJOYABLE

Слайд 6

Examples

Interface screen of Text Properties
Text Editor
Class registration form (lab #1)

Examples Interface screen of Text Properties Text Editor Class registration form (lab #1)

Слайд 11

14 steps

Know Your User
Understand the Business Function
Understand the Principles of Good ID
Develop

14 steps Know Your User Understand the Business Function Understand the Principles
System Menus
Select the Proper Kinds of Windows
Select the Proper Interaction Devices
Choose the Proper Screen-Based Controls

Слайд 12

14 steps (cont.)

8) Write Clear Text
9) Provide Effective Feedback
10) Provide Effective Accessibility
11)

14 steps (cont.) 8) Write Clear Text 9) Provide Effective Feedback 10)
Create Meaningful Graphics
12) Choose the Proper Colors
13) Organize Windows
14) Test

Слайд 13

History of HCI

Movements & gestures
Spoken language
Written language
Typewriter
Computers: QA, Menu selection, Form fill-in

History of HCI Movements & gestures Spoken language Written language Typewriter Computers:
(Speech & handwriting recognition)
Introduction of GUI

Слайд 14

What is GUI?

Pronounced “gooey”
A graphical user interface (GUI) is a type of

What is GUI? Pronounced “gooey” A graphical user interface (GUI) is a
user interface) is a type of user interface which allows people to interact with electronic devices such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment with images rather than text commands. (Wikipedia)

Слайд 15

History of HCI (cont)

1963, Ivan Sutherland, MIT. Sketchpad program. Lines, circles, and

History of HCI (cont) 1963, Ivan Sutherland, MIT. Sketchpad program. Lines, circles,
points could be drawn on a screen using a light pen.

Слайд 16

History of HCI (cont)

1970s, Xerox’s Palo Alto Research Center, Altus & STAR

History of HCI (cont) 1970s, Xerox’s Palo Alto Research Center, Altus &
systems. Mouse (pointing & selecting).

Слайд 17

History of HCI (cont)

1974, Xerox. Today’s mouse.

History of HCI (cont) 1974, Xerox. Today’s mouse.

Слайд 18

History of HCI (cont)

1984, Apple. Macintosh
1985, Microsoft. Windows 1.0
1987, Apple. Macintosh II.

History of HCI (cont) 1984, Apple. Macintosh 1985, Microsoft. Windows 1.0 1987,
The first color Macintosh.
IBM. System Application Architecture and Presentation Manager. Graphics OS replacement for DOS.
1988, NeXT. NeXTStep, 3-d Screen simulation.
UNIX-based GUIs.

Слайд 19

The Blossoming of the World Wide Web

1960s, Licklider, MIT. Proposed a global

The Blossoming of the World Wide Web 1960s, Licklider, MIT. Proposed a
network of computers & moved to DARPA.
1969. ARPANET. 4 major universities.
1974, Bolt, Beranek, & Newman. Telnet. Commercial version of ARPANET.
1970s. TCP/IP. Common language of all Internet computers.
1982. “Internet”

Слайд 20

The Blossoming of the World Wide Web (cont.)

1991, Gopher, University of Minnesota.

The Blossoming of the World Wide Web (cont.) 1991, Gopher, University of
First really friendly interface.
1989, European Laboratory for Particle Physics. Hypertext protocol. HTML (Hypertext Markup language).
1991, Berners-Lee. World Wide Web.

Слайд 21

Web vs. Internet

Global information space in which people can read & write

Web vs. Internet Global information space in which people can read &
using computers connected to the Internet.
The Web is a service that operates over the Internet, just as e-mail operates over the Internet (Wikipedia.org, 2006).

Слайд 22

The Blossoming of the World Wide Web (cont.)

1993, NCSA at Univ. of

The Blossoming of the World Wide Web (cont.) 1993, NCSA at Univ.
Illinois. Mosaic. First popular graphics-based hypertext browser.
1994. Netscape Navigator
1995, Microsoft. Internet Explorer
1994. NSF stopped support. W3C formed to promote & develop standards for the Web.
2003, Apple. Safari 1.0
2004. Mozilla Firefox

Слайд 23

A Brief History of Screen Design

1970s, IBM. 3270 cathode ray tube text-based

A Brief History of Screen Design 1970s, IBM. 3270 cathode ray tube text-based terminal
terminal

Слайд 24

1970s screen

1970s screen

Слайд 25

A Brief History of Screen Design (cont.)

1970s screens
Cryptic & unintelligible captions
Always had

A Brief History of Screen Design (cont.) 1970s screens Cryptic & unintelligible
to remember what to type
Ambiguous messages
Monochromatic, green text on black background

Слайд 26

1980s screen

1980s screen

Слайд 27

A Brief History of Screen Design (cont.)

1980s
Grouping & alignment
Clear captions
Command list (+

A Brief History of Screen Design (cont.) 1980s Grouping & alignment Clear
function keys)
Instructions had to be inscribed

Слайд 28

1990s and beyond

1990s and beyond
Имя файла: The-Importance-of-the-User-Interface-The-Essential.pptx
Количество просмотров: 93
Количество скачиваний: 0