1. Logos, Icons and Descriptive Graphics
Walter Moczygemba
October 16, 2007

2. Overview Historical Perspective Logos Icons Descriptive Graphics
Definition
Usage
Examples
Icons
Descriptive Graphics

3. Historical Perspective
Three Rivers PERQ,

4. In The Beginning. . .
DOS for Apple,

5. Along came GUI Xerox Star 1981 Desktop metaphor Point and click

6. The Information Superhighway
Mosaic
1993
First popular web browser
Hypertext

7. State of the Art
Motorola Razr2 – Gondry’s Dream

8. Logos

9. Logos: Definition Logo /ləʊɡəʊ/ n.,
a symbol or emblem that acts as a trademark or a means of identification of an institution or other entity –Wiktionary

10. Logos: Usage Branding Navigation Prominent placement
Consistent presence
Navigation
Link to homepage
Other uses . . .?
after

11. Logos: Examples Homestar Runner Sears RE/MAX Usability Net
Sears
RE/MAX
Usability Net

12. Icons

13. Icons: Definition Icon /aɪkɑːn/ n.,
A small picture which represents something (such as an icon on a computer screen which when clicked performs some function.)
–Wiktionary

14. Icons: Usage Navigation Aesthetic effect Some established symbols
Others recognizable to returning visitors
Labels are a good thing!
blacklightbottles.com

15. Icons: Usage Branding Consistent style Favicons– a special case
Yahoo! Icons
Adobe CS3 Icons

16. Icons: Examples Amazon Favourite Favicons Wikipedia Userboxes
Favourite Favicons
Wikipedia Userboxes
Shulman Fleming & Partners

17. Descriptive Graphics

18. Descriptive Graphics: Definition
Graphic /græfɪk/ n.,
An example of the graphic arts or of graphic design; also, a diagram, pattern, picture, etc., produced by means of a computer
—Oxford English Dictionary
Yi Syllabary

19. Descriptive Graphics: Usage
Navigation
Thumbnails
Visual metaphor
Image map
Illustration
Maps
Diagrams & Charts
Anything else!

20. Descriptive Graphics: Examples
LibraryThing
Flags of the World
Human Anatomy Online
JODI Web Map

22. References
Beaird, Jason. "The Principles of Beautiful Web Design." SitePoint. 2 Apr Oct <
"Favicon." Wikipedia. 13 Oct Wikimedia Foundation. 14 Oct <
Flanders, Vincent. "The 10 Worst Web Sites to Navigate in 2006." Web Pages That Suck. 8 Oct Oct < navigation-sites-featured-on-web-pages-that-suck-in-2006.html>.
————. "The Worst Web Sites of 2007 (Part One)." Web Pages That Suck. 25 Sept Oct <
"Graphic (noun)." Def. 3. Oxford English Dictionary. Ed. John Simpson. 3rd ed. Oxford: Oxford University Press, Oxford English Dictionary Online Oxford UP. 14 Oct <
"Icon." Def. 1. Cambridge Advanced Learner's Dictionary. Ed. Elizabeth Walter. 2nd ed. Cambridge: Cambridge University Press, Cambridge Dictionaries Online Oct <
"Icon." Wiktionary. 5 Oct Wikimedia Foundation. 14 Oct <
Lineback, Nathan. "The Xerox Star." Nathan's Toasty Technology Page. 1 Oct Oct <
"Logo." Wiktionary. 1 Oct Wikimedia Foundation. 14 Oct <
Morville, Peter, and Louis Rosenfeld. Information Architecture for the World Wide Web rd ed. Sebastopol, CA: O'Reilly, 2007.
"Mosaic Web Browser Celebrates 10th Birthday." National Science Foundation Newsroom 25 Apr Oct <
Subramanian, Subha. "An Introduction to Information Architecture." SitePoint. 21 June Oct <