historical parallels in usability
DESCRIPTION
So many people talk about usability as if it were a byproduct of the web. Others frame it as an outgrowth of industrialization and modern product design. This presentation discusses the centuries old relationship between usability and visual designers.TRANSCRIPT
![Page 1: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/1.jpg)
DBENWOODS.COM
Usability: Not my problem?
Historical Parallels in Usability(it's always been the designer's problem)
![Page 2: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/2.jpg)
DBENWOODS.COM
Good Design = Usability
In traditional design:
usability = legibility
![Page 3: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/3.jpg)
DBENWOODS.COM
The revolutionary technical discoveries... have been only slowly followed by man’s ability to make use of his new opportunities and develop them into a new pattern of life. “Civilization” and the too-rapid penetration of all classes by these new technical discoveries have led to complete cultural chaos, caused by the failure of of the affected generation to draw the right conclusions for a new way of life from the new facts.
![Page 4: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/4.jpg)
DBENWOODS.COM
The revolutionary technical discoveries... have been only slowly followed by man’s ability to make use of his new opportunities and develop them into a new pattern of life. “Civilization” and the too-rapid penetration of all classes by these new technical discoveries have led to complete cultural chaos, caused by the failure of of the affected generation to draw the right conclusions for a new way of life from the new facts.
Jan Tschichold,The New Typography, 1928
![Page 5: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/5.jpg)
DBENWOODS.COM
Typography is shaped by functional requirements
The aim of typographic layout is communication (for which it is the graphic medium). Communication must appear in the shortest, simplest, most penetrating form
Jan Tschichold,Elementary Typography, 1925
![Page 6: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/6.jpg)
DBENWOODS.COM
The history of design has been the history of understanding how people read symbols, enhancing legibility and message.
![Page 7: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/7.jpg)
DBENWOODS.COM
Selected innovations in legibility – 100BCE
http://jontangerine.com/log/2008/06/the-paragraph-in-web-typography-and-design
![Page 8: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/8.jpg)
DBENWOODS.COM
Selected innovations in legibility – 1482
A History of Graphic Design, Philip B Meggs - P92
![Page 9: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/9.jpg)
DBENWOODS.COM
Selected innovations in legibility – 1757
A History of Graphic Design, Philip B Meggs - P121
![Page 10: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/10.jpg)
DBENWOODS.COM
Increasing literacy, increasing access to technology – 19th, early 20th Century
1854 1907http://www.freemasons-freemasonry.com/beresiner18.html
http://www.flickr.com/photos/designbyok/378432295/sizes/o/
A History of Graphic Design, Philip B Meggs - P138
![Page 11: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/11.jpg)
DBENWOODS.COM
Increasing web literacy, increasing access to technology – 21st Century
www.fabricland.co.uk
http://lowlowtireprices.com/lowlowtireprices_006.htm
http://www.elegantwebstudio.com/Myspace page – user information obscured
![Page 12: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/12.jpg)
DBENWOODS.COM
Polyglot Bible (1569-72); multilingual website (last week)
bbc.co.uk
A History of Graphic Design, Philip B Meggs - P89
![Page 13: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/13.jpg)
DBENWOODS.COM
Design and usability have a long co-history
But, the web has changed what usability means for designers Traditional design is geared towards one mode of
interaction – linear Interaction design is multidirectional, customizable,
portable Designers must not only be concerned with
legibility, or communication – but also task completion Task completion leads to provable and increasing value The web is no longer brochure-ware, but an environment
for interaction
![Page 14: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/14.jpg)
DBENWOODS.COM
Designing for usability adds value
![Page 15: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/15.jpg)
DBENWOODS.COM
Artists make themselves happy
Artist
![Page 16: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/16.jpg)
DBENWOODS.COM
Traditional designers focus on making Clients happy
DesignerClient(s)
Value add
![Page 17: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/17.jpg)
DBENWOODS.COM
For usable design, you need to focus on making the end-user happy!
Designer
Client(s)
Users
Value add
Value add
Value add
Value addValue addValue add
![Page 18: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/18.jpg)
DBENWOODS.COM
Discussing Value
Designers must achieve increased value for their clients
Discussions of taste, aesthetic are highly subjective Discussions about usability, user research,
and testing are less subjective and can be directly related to an organization's bottom line.
![Page 19: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/19.jpg)
DBENWOODS.COM
Good Design leads to Good Usability
Limit font choices: no more than 2 or 3; use complimentary fonts
Use conventions to your advantage Links: Blue and underlined Navigation: Top or left Icons: Use standardized icons, coupled with
text Indicate when opening native files Deliver on expectations; users should know
what to expect
![Page 20: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/20.jpg)
DBENWOODS.COM
Design Patterns; Style guides for interaction design
Punctuation, leading, point size, folios, layouts, etc
welie.com
![Page 21: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/21.jpg)
DBENWOODS.COM
Typical Book Pattern
Cover Table of Contents Forward Chapters
Header Copy Block Folio
Appendix Index Colophon
![Page 22: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/22.jpg)
DBENWOODS.COM
There is plenty of room for creativity within existing conventions
Multiple images from amazon.com
![Page 23: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/23.jpg)
DBENWOODS.COM
There is a strong parallel in the growth and maturation of traditional design, and the growth and maturation of interactive design.
![Page 24: Historical Parallels in Usability](https://reader035.vdocuments.us/reader035/viewer/2022062319/5584acc1d8b42a125c8b4e5d/html5/thumbnails/24.jpg)
DBENWOODS.COM
Resources
Typography and Design The New Typogaphy, Jan Tschichold A History of Graphic Design, Philip Meggs
Design Patterns Welie.com developer.yahoo.com/ypatterns/