savior of the personal computer or bane of the noob?

22
Savior of the Personal Computer or Bane of the Noob? Icons & Symbols in Technology

Upload: gordon

Post on 14-Jan-2016

27 views

Category:

Documents


0 download

DESCRIPTION

Savior of the Personal Computer or Bane of the Noob?. Icons & Symbols in Technology. A Brief History of Icons. Originates from the Greek word εἰκών eikōn meaning "image” though modern usage is in the sense of a figurative symbol. (Iconography is ‘image writing’ in the Greek) - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Savior of the Personal Computer or Bane of the Noob?

Savior of the Personal Computer or Bane of the Noob?

Icons & Symbols in Technology

Page 2: Savior of the Personal Computer or Bane of the Noob?

Originates from the Greek word εἰκών eikōn meaning "image” though modern usage is in the sense of a figurative symbol. (Iconography is ‘image writing’ in the Greek)

Traditionally icons are associated with the religious artwork of Eastern Orthodox Christianity and Catholicism

Icons was introduced to computers with the development of the Graphical User Interface (GUI) by the Xerox Palo Alto Research Center (PARC) in the 1970s

The first GUI-driven PC, the Xerox Star, was introduced in 1981 with the first ‘desktop’ and the WIMP (Windows, Icons, Menus & Pointers) interface

The GUI including its icons was popularized by the Apple Macintosh and Microsoft Windows operating environments

A Brief History of Icons

Page 3: Savior of the Personal Computer or Bane of the Noob?
Page 4: Savior of the Personal Computer or Bane of the Noob?

Icons can contribute greatly to the clarity and attractiveness of an application. The use of icons also makes it much easier to translate

programs into other languages. Whenever an explanation or label is needed, consider using

an icon instead of text.

Apple Computer 1985, p. I-32 via The Humane Interface

Page 5: Savior of the Personal Computer or Bane of the Noob?

Is it intuitive?

How realistic is too realistic?

Are our customers going to use it?

Does this metaphor work?

How important is labeling?

Page 6: Savior of the Personal Computer or Bane of the Noob?

Instead of icons explaining, we have found that icons often require explanation.

The Humane Interface

Page 7: Savior of the Personal Computer or Bane of the Noob?
Page 8: Savior of the Personal Computer or Bane of the Noob?

Icons

Labels

Page 9: Savior of the Personal Computer or Bane of the Noob?
Page 10: Savior of the Personal Computer or Bane of the Noob?

Realistic details can get in the way of what you’re trying to communicate to your users.

Lukas Mathis, “Realism in UI Design”

Page 11: Savior of the Personal Computer or Bane of the Noob?

Image from “Realism in UI Design”

Page 12: Savior of the Personal Computer or Bane of the Noob?
Page 13: Savior of the Personal Computer or Bane of the Noob?
Page 14: Savior of the Personal Computer or Bane of the Noob?
Page 15: Savior of the Personal Computer or Bane of the Noob?
Page 16: Savior of the Personal Computer or Bane of the Noob?

The interface presents an icon, but the meaning of the icon is not visible, or it may give the wrong message to someone

for whom the graphic is unfamiliar or has a different interpretation.

For example, an icon that shows the palm of an upraised hand indicates ‘halt’ in the United States but signifies

“Here’s excrement in your face” in Greece.

The Humane Interface

Page 17: Savior of the Personal Computer or Bane of the Noob?
Page 18: Savior of the Personal Computer or Bane of the Noob?
Page 19: Savior of the Personal Computer or Bane of the Noob?
Page 20: Savior of the Personal Computer or Bane of the Noob?

They can aid both scanning and orientation.

Icons facilitate the user’s ability to learn, understand and remember functional elements of the site.

They potentially increase the clickable area of a navigation option.

What are icons good for then?

Page 21: Savior of the Personal Computer or Bane of the Noob?
Page 22: Savior of the Personal Computer or Bane of the Noob?

Questions?