SlideShare una empresa de Scribd logo
1 de 24
Usability: Not my problem? Historical Parallels in Usability (it's always been the designer's problem)
Good Design = Usability ,[object Object],[object Object]
[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object]
Selected innovations in legibility – 100BCE http://jontangerine.com/log/2008/06/the-paragraph-in-web-typography-and-design
Selected innovations in legibility – 1482 A History of Graphic Design, Philip B Meggs - P92
Selected innovations in legibility – 1757 A History of Graphic Design, Philip B Meggs - P121
Increasing literacy, increasing access to technology – 19th, early 20 th  Century 1854 1907 http://www.freemasons-freemasonry.com/beresiner18.html http://www.flickr.com/photos/designbyok/378432295/sizes/o/ A History of Graphic Design, Philip B Meggs - P138
Increasing web literacy, increasing access to technology – 21 st  Century www.fabricland.co.uk http://lowlowtireprices.com/lowlowtireprices_006.htm http://www.elegantwebstudio.com/ Myspace page – user information obscured
Polyglot Bible (1569-72); multilingual website (last week) bbc.co.uk A History of Graphic Design, Philip B Meggs - P89
Design and usability have a long co-history ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Artists make themselves happy Artist
Traditional designers focus on making Clients happy Designer Client(s) Value add
For usable design, you need to focus on making the end-user happy! Designer Client(s) Users Value add Value add Value add Value add Value add Value add
Discussing Value ,[object Object],[object Object],[object Object]
Good Design leads to Good Usability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design Patterns; Style guides for interaction design ,[object Object],welie.com
Typical Book Pattern ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
There is plenty of room for creativity within existing conventions Multiple images from amazon.com
[object Object]
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

Similar a Historical Parallels in Usability

First Draft of Thesis (preliminary design)
First Draft of Thesis (preliminary design)First Draft of Thesis (preliminary design)
First Draft of Thesis (preliminary design)JShep79
 
Design And Culture
Design And CultureDesign And Culture
Design And CultureSheena Crouch
 
Summary of on going research - Marcel 03:2015
Summary of on going research - Marcel 03:2015Summary of on going research - Marcel 03:2015
Summary of on going research - Marcel 03:2015Marcel Pereira
 
Technical concepts for graphic design production 1
Technical concepts for graphic design production 1Technical concepts for graphic design production 1
Technical concepts for graphic design production 1Ahmed Ismail
 
Dfc final paper
Dfc final paper Dfc final paper
Dfc final paper Alvaro Soto
 
Open Source in Design
Open Source in DesignOpen Source in Design
Open Source in DesignPeter Troxler
 
Editorial projects, visual identities
Editorial projects, visual identitiesEditorial projects, visual identities
Editorial projects, visual identitiesInSide Training
 
Sedgwick e0498336-d0105-31188a-self check c
Sedgwick e0498336-d0105-31188a-self check cSedgwick e0498336-d0105-31188a-self check c
Sedgwick e0498336-d0105-31188a-self check cColleen Sedgwick
 
Graphic-Designing-in-Kuwait.ppt
Graphic-Designing-in-Kuwait.pptGraphic-Designing-in-Kuwait.ppt
Graphic-Designing-in-Kuwait.pptsalihasafdar
 
Web-Development-Services-in-Kuwait (1).ppt
Web-Development-Services-in-Kuwait (1).pptWeb-Development-Services-in-Kuwait (1).ppt
Web-Development-Services-in-Kuwait (1).pptsalihasafdar
 
Michael Renner's lecture at Taipei 2015
Michael Renner's lecture at Taipei 2015Michael Renner's lecture at Taipei 2015
Michael Renner's lecture at Taipei 2015Joe
 
DESIGN: creation of artifacts in society by Karl T. Ulrich
DESIGN: creation of artifacts in society by Karl T. UlrichDESIGN: creation of artifacts in society by Karl T. Ulrich
DESIGN: creation of artifacts in society by Karl T. UlrichMarina Caponera
 
Architecture Ebook Urban Design - Method And Techniques
Architecture Ebook  Urban Design - Method And TechniquesArchitecture Ebook  Urban Design - Method And Techniques
Architecture Ebook Urban Design - Method And TechniquesSara Parker
 
Other Projects: Lope Gutierrez-Ruiz
Other Projects: Lope Gutierrez-RuizOther Projects: Lope Gutierrez-Ruiz
Other Projects: Lope Gutierrez-RuizLope Gutiérrez-Ruiz
 
Designed visualisation: good design doing good?
Designed visualisation: good design doing good?Designed visualisation: good design doing good?
Designed visualisation: good design doing good?EDV Project
 
Design in public_and_social_innovation
Design in public_and_social_innovationDesign in public_and_social_innovation
Design in public_and_social_innovationStéphane VINCENT
 

Similar a Historical Parallels in Usability (20)

First Draft of Thesis (preliminary design)
First Draft of Thesis (preliminary design)First Draft of Thesis (preliminary design)
First Draft of Thesis (preliminary design)
 
Week-1.docx
Week-1.docxWeek-1.docx
Week-1.docx
 
Design And Culture
Design And CultureDesign And Culture
Design And Culture
 
Summary of on going research - Marcel 03:2015
Summary of on going research - Marcel 03:2015Summary of on going research - Marcel 03:2015
Summary of on going research - Marcel 03:2015
 
Technical concepts for graphic design production 1
Technical concepts for graphic design production 1Technical concepts for graphic design production 1
Technical concepts for graphic design production 1
 
Dfc final paper
Dfc final paper Dfc final paper
Dfc final paper
 
Open Source in Design
Open Source in DesignOpen Source in Design
Open Source in Design
 
Editorial projects, visual identities
Editorial projects, visual identitiesEditorial projects, visual identities
Editorial projects, visual identities
 
Sedgwick e0498336-d0105-31188a-self check c
Sedgwick e0498336-d0105-31188a-self check cSedgwick e0498336-d0105-31188a-self check c
Sedgwick e0498336-d0105-31188a-self check c
 
Graphic-Designing-in-Kuwait.ppt
Graphic-Designing-in-Kuwait.pptGraphic-Designing-in-Kuwait.ppt
Graphic-Designing-in-Kuwait.ppt
 
Web-Development-Services-in-Kuwait (1).ppt
Web-Development-Services-in-Kuwait (1).pptWeb-Development-Services-in-Kuwait (1).ppt
Web-Development-Services-in-Kuwait (1).ppt
 
Michael Renner's lecture at Taipei 2015
Michael Renner's lecture at Taipei 2015Michael Renner's lecture at Taipei 2015
Michael Renner's lecture at Taipei 2015
 
Diss Final
Diss FinalDiss Final
Diss Final
 
DESIGN: creation of artifacts in society by Karl T. Ulrich
DESIGN: creation of artifacts in society by Karl T. UlrichDESIGN: creation of artifacts in society by Karl T. Ulrich
DESIGN: creation of artifacts in society by Karl T. Ulrich
 
Architecture Ebook Urban Design - Method And Techniques
Architecture Ebook  Urban Design - Method And TechniquesArchitecture Ebook  Urban Design - Method And Techniques
Architecture Ebook Urban Design - Method And Techniques
 
Design to live ulm2-april5,2011
Design to live   ulm2-april5,2011Design to live   ulm2-april5,2011
Design to live ulm2-april5,2011
 
Other Projects: Lope Gutierrez-Ruiz
Other Projects: Lope Gutierrez-RuizOther Projects: Lope Gutierrez-Ruiz
Other Projects: Lope Gutierrez-Ruiz
 
Conversations
ConversationsConversations
Conversations
 
Designed visualisation: good design doing good?
Designed visualisation: good design doing good?Designed visualisation: good design doing good?
Designed visualisation: good design doing good?
 
Design in public_and_social_innovation
Design in public_and_social_innovationDesign in public_and_social_innovation
Design in public_and_social_innovation
 

Historical Parallels in Usability

  • 1. Usability: Not my problem? Historical Parallels in Usability (it's always been the designer's problem)
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Selected innovations in legibility – 100BCE http://jontangerine.com/log/2008/06/the-paragraph-in-web-typography-and-design
  • 8. Selected innovations in legibility – 1482 A History of Graphic Design, Philip B Meggs - P92
  • 9. Selected innovations in legibility – 1757 A History of Graphic Design, Philip B Meggs - P121
  • 10. Increasing literacy, increasing access to technology – 19th, early 20 th Century 1854 1907 http://www.freemasons-freemasonry.com/beresiner18.html http://www.flickr.com/photos/designbyok/378432295/sizes/o/ A History of Graphic Design, Philip B Meggs - P138
  • 11. Increasing web literacy, increasing access to technology – 21 st Century www.fabricland.co.uk http://lowlowtireprices.com/lowlowtireprices_006.htm http://www.elegantwebstudio.com/ Myspace page – user information obscured
  • 12. Polyglot Bible (1569-72); multilingual website (last week) bbc.co.uk A History of Graphic Design, Philip B Meggs - P89
  • 13.
  • 14.
  • 15. Artists make themselves happy Artist
  • 16. Traditional designers focus on making Clients happy Designer Client(s) Value add
  • 17. For usable design, you need to focus on making the end-user happy! Designer Client(s) Users Value add Value add Value add Value add Value add Value add
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. There is plenty of room for creativity within existing conventions Multiple images from amazon.com
  • 23.
  • 24.

Notas del editor

  1. Today, we will discuss the traditions of usability and designs.
  2. You would be forgiven for thinking that this quote is in reference to the web, or Facebook, or Twitter. It could have been written in the last 15 years...
  3. But it wasn't, this is from the opening paragraphs of Tschichold's 'The New Typography', issued in 1928, and arguably one of the most important books on desin to come from the 20 th century. The point is that designers have long had a relationship with technology, and a role in making technological progress accessible to people, and just as much, technology has affected the design profession.
  4. Additional quotes from Tschichold – from even earlier. 80-some years later, web designers still discuss functional requirements.
  5. This is a piece of Jewish text from 100 BCE, and you will note the horizontal line indicated with the 'a' – this is an early method for indicating a new collection of thoughts – a paragraph.
  6. In this wood block print we see the symbol for paragraphs. We moved from the faint horizontal line to this the 'pilcrow'. In some texts this would be illuminated with red ink to make it more apparent.
  7. And here we see the modern way of denoting a paragraph – simpler, unobtrusive, leading to more effective reading.
  8. The story of how technology, design, and usability/legibility continues – in the 1800's industrialization was taking off in the Western world. At the same time, literacy rates increased. And so the capacity for production of information products (at the time largely limited to printed materials) – exploded at the same time that demand increased. And so we see much experimentation... pushing the boundaries of legibility.
  9. And we see the same type of thing happening online. The difference is it is even cheaper, changes are happening much faster, and there are even more people participating. As this happens, we see the rules of legibility (usability) being stretched or ignored as people turn to using these tools for self expression. This is especially apparent as we look to technological advancements online that have truly brought publishing and interactions to the masses – services like Geocities, which gave free, ad supported web space, and now Blogs, Myspace, Facebook which allow common users the ability to create, with no technical ability or design training.
  10. Over 400 years separate these 2 attempts to share information across multiple languages.
  11. On the left, traditional graphic design has style guides, and on the right, we see design patterns and usability standards. I would submit that these new developments are do not limit creativity, but instead allow designers to focus their energies on new problems – not reinventing solutions to old ones.