SlideShare une entreprise Scribd logo
1  sur  33
Design PatternsStandards und Best Practices Florian Baileyusercenteredstrategy www.usercenteredstrategy.de Blog: www.id-o.de
Was ist ein Pattern? 	Jedes Element das oft im gleichen Kontext verwendet wird, kann zu einem Pattern werden. 	Interaction Design Patterns bilden sich aus usagepatterns, User benutzen bestimmte Dinge immer wieder in ähnlichem Kontext. Irgendwann wird die Interaktion standardisiert.  usercenteredstrategy
	Die ON Taste einer Fernbedienung ist ein Pattern.  	Dadurch das sie ein Pattern ist, ist sie für jeden User sofort nutzbar. usercenteredstrategy
Entstehen von Patterns usercenteredstrategy
Neuronen und Patterns Das Gehirn versucht immer in gewohnten Bahnen zu gehen Ungewohntes überrascht uns  Ungewohntes wird ausgeblendet Ungewohntes kostet Energie usercenteredstrategy
Jakob Nielsen: Users spend most of their time on other sites, so that's where they form their expectations for how the Web works. usercenteredstrategy
Folgerung Wenn die User den Großteil ihrer Zeit auf anderen Websites verbringen, gewöhnen sie sich an Patterns Teilweise nutzen User bis zu 30 Websites des gleichen Themengebietes gleichzeitig (Recherche, Tabs) Alles was kein Pattern ist zwingt den User zum Nachdenken und lenkt evtl. vom USP ab usercenteredstrategy
Useit Jakob Nielsen usercenteredstrategy
usercenteredstrategy
Entwicklung Schrittweise Entwicklung von Patterns für sehr einfache Elemente, z.B. Icons für Mail über komplexen Interaktionen (RIA) zu kompletter Informationsarchitektur. 2003-2008 2008-2010 90s-2003 usercenteredstrategy
Pattern Libraries: z.B. Yahoo
Patterns in der Informationsarchitektur 	Am Beispiel von Spiegel Online, Konkurrenz übernimmt grundsätzliche Struktur. Nutzer können auf gewohnte Art nutzenWettbewerb verschiebt sich vom Interface zum Inhalt usercenteredstrategy
usercenteredstrategy
usercenteredstrategy
	Patterns sind kein Automatismus (nicht einzige oder beste Lösung) sondern entwickeln sich einfach  	Siehe englischsprachige Newsseiten mit völlig anderer Struktur: usercenteredstrategy
usercenteredstrategy
IA Patterns bei Suchmaschinen usercenteredstrategy
usercenteredstrategy
usercenteredstrategy
usercenteredstrategy
usercenteredstrategy
Neue Patterns Feed, Stream Direct Interaction usw…  usercenteredstrategy
usercenteredstrategy
usercenteredstrategy
Vorsicht beim kopieren Nicht alles was bei den Big 5 (Google, Yahoo, Ebay, Amazon usw.) verwendet wird ist ein Pattern Manches ist spezifisch Manches nicht überall geeignet usercenteredstrategy
Probleme mit Patterns Das ist kein Pattern! usercenteredstrategy
Probleme mit Patterns Vorsicht:  Funktionen die aussehen wie etablierte Patterns, aber etwas ganz anderes tun! usercenteredstrategy
Fazit Bei einfachen Funktionen Patterns verwenden Bei komplexen Funktionen Patterns überprüfen Informationsarchitektur an sich entwickelnden Patterns ausrichten Es sind nicht nur unsere Nutzer,  sie sind nur kurz zu Besuch und eventuell gleichzeitignoch auf 30 anderen Seiten (Tabs) usercenteredstrategy
Fragen:                     @florianbailey      		 bailey@usercenteredstrategy.de www.id.o.de www.usercenteredstrategy.de

Contenu connexe

Similaire à Design Patterns - Warum Patterns benutzen

Online texten-für-pr andreas-gnann-abp_11-08-29
Online texten-für-pr andreas-gnann-abp_11-08-29Online texten-für-pr andreas-gnann-abp_11-08-29
Online texten-für-pr andreas-gnann-abp_11-08-29andreasgnann
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content ExperiencePeter Rozek
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitOliver Annen
 
User Experience Design - von der Idee zum erfolgreichen Produkt
User Experience Design - von der Idee zum erfolgreichen ProduktUser Experience Design - von der Idee zum erfolgreichen Produkt
User Experience Design - von der Idee zum erfolgreichen ProduktMartin Huber
 
Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"
Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"
Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"Jan Schmidt
 
Einführung Communote - Enterprise Microblogging
Einführung Communote - Enterprise MicrobloggingEinführung Communote - Enterprise Microblogging
Einführung Communote - Enterprise MicrobloggingCommunote GmbH
 
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Ponton-Lab GmbH
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterCity & Bits GmbH
 
Ergosign-Hilfekonzepte-2013
Ergosign-Hilfekonzepte-2013Ergosign-Hilfekonzepte-2013
Ergosign-Hilfekonzepte-2013Ergosign GmbH
 
Design Systeme – Werkzeug in der digitalen Marken- und Produktentwicklung
Design Systeme – Werkzeug in der digitalen Marken- und ProduktentwicklungDesign Systeme – Werkzeug in der digitalen Marken- und Produktentwicklung
Design Systeme – Werkzeug in der digitalen Marken- und ProduktentwicklungMatthias Feit
 
Szenarien userstories usecases
Szenarien userstories usecasesSzenarien userstories usecases
Szenarien userstories usecasesMaria Mory
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...usability.de
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Johannes Baeck
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentralePatric Schmid
 
UX-Methoden im Projektmanagement
UX-Methoden im ProjektmanagementUX-Methoden im Projektmanagement
UX-Methoden im ProjektmanagementUwe Thimel
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das WebAngelika Röck
 
Wieviel Facebook braucht ein Unternehmen?
Wieviel Facebook braucht ein Unternehmen?Wieviel Facebook braucht ein Unternehmen?
Wieviel Facebook braucht ein Unternehmen?Bogo Vatovec
 
Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...
Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...
Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...Claus Neugebauer
 
2022 02 rpa-round-table_chatbots
2022 02 rpa-round-table_chatbots2022 02 rpa-round-table_chatbots
2022 02 rpa-round-table_chatbotsFotiosKaramitsos
 

Similaire à Design Patterns - Warum Patterns benutzen (20)

Online texten-für-pr andreas-gnann-abp_11-08-29
Online texten-für-pr andreas-gnann-abp_11-08-29Online texten-für-pr andreas-gnann-abp_11-08-29
Online texten-für-pr andreas-gnann-abp_11-08-29
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre Teamarbeit
 
User Experience Design - von der Idee zum erfolgreichen Produkt
User Experience Design - von der Idee zum erfolgreichen ProduktUser Experience Design - von der Idee zum erfolgreichen Produkt
User Experience Design - von der Idee zum erfolgreichen Produkt
 
Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"
Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"
Vernetzte Öffentlichkeiten 2013, Sitzung 4, "Technische Grundlagen"
 
Einführung Communote - Enterprise Microblogging
Einführung Communote - Enterprise MicrobloggingEinführung Communote - Enterprise Microblogging
Einführung Communote - Enterprise Microblogging
 
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
 
Ergosign-Hilfekonzepte-2013
Ergosign-Hilfekonzepte-2013Ergosign-Hilfekonzepte-2013
Ergosign-Hilfekonzepte-2013
 
Design Systeme – Werkzeug in der digitalen Marken- und Produktentwicklung
Design Systeme – Werkzeug in der digitalen Marken- und ProduktentwicklungDesign Systeme – Werkzeug in der digitalen Marken- und Produktentwicklung
Design Systeme – Werkzeug in der digitalen Marken- und Produktentwicklung
 
Szenarien userstories usecases
Szenarien userstories usecasesSzenarien userstories usecases
Szenarien userstories usecases
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
 
2010 10-28-dms expo-mk-v2.pptx
2010 10-28-dms expo-mk-v2.pptx2010 10-28-dms expo-mk-v2.pptx
2010 10-28-dms expo-mk-v2.pptx
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
 
UX-Methoden im Projektmanagement
UX-Methoden im ProjektmanagementUX-Methoden im Projektmanagement
UX-Methoden im Projektmanagement
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das Web
 
Wieviel Facebook braucht ein Unternehmen?
Wieviel Facebook braucht ein Unternehmen?Wieviel Facebook braucht ein Unternehmen?
Wieviel Facebook braucht ein Unternehmen?
 
Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...
Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...
Veranstaltungsreihe:” Software-ergonomische Herausforderungen in verteilten u...
 
2022 02 rpa-round-table_chatbots
2022 02 rpa-round-table_chatbots2022 02 rpa-round-table_chatbots
2022 02 rpa-round-table_chatbots
 

Plus de Florian Bailey

Von likes zu echten botschaftern
Von likes zu echten botschafternVon likes zu echten botschaftern
Von likes zu echten botschafternFlorian Bailey
 
Trust and Authority online
Trust and Authority onlineTrust and Authority online
Trust and Authority onlineFlorian Bailey
 
Virales Design - Grundlagen, Viral Loop
Virales Design - Grundlagen, Viral LoopVirales Design - Grundlagen, Viral Loop
Virales Design - Grundlagen, Viral LoopFlorian Bailey
 
Facebook Apps - Soziale Effekte aus Usersicht
Facebook Apps - Soziale Effekte aus UsersichtFacebook Apps - Soziale Effekte aus Usersicht
Facebook Apps - Soziale Effekte aus UsersichtFlorian Bailey
 

Plus de Florian Bailey (6)

Von likes zu echten botschaftern
Von likes zu echten botschafternVon likes zu echten botschaftern
Von likes zu echten botschaftern
 
Gofundit pitch
Gofundit pitchGofundit pitch
Gofundit pitch
 
Trust and Authority online
Trust and Authority onlineTrust and Authority online
Trust and Authority online
 
Virales Design - Grundlagen, Viral Loop
Virales Design - Grundlagen, Viral LoopVirales Design - Grundlagen, Viral Loop
Virales Design - Grundlagen, Viral Loop
 
Usability Ursachen
Usability UrsachenUsability Ursachen
Usability Ursachen
 
Facebook Apps - Soziale Effekte aus Usersicht
Facebook Apps - Soziale Effekte aus UsersichtFacebook Apps - Soziale Effekte aus Usersicht
Facebook Apps - Soziale Effekte aus Usersicht
 

Design Patterns - Warum Patterns benutzen

  • 1. Design PatternsStandards und Best Practices Florian Baileyusercenteredstrategy www.usercenteredstrategy.de Blog: www.id-o.de
  • 2. Was ist ein Pattern? Jedes Element das oft im gleichen Kontext verwendet wird, kann zu einem Pattern werden. Interaction Design Patterns bilden sich aus usagepatterns, User benutzen bestimmte Dinge immer wieder in ähnlichem Kontext. Irgendwann wird die Interaktion standardisiert. usercenteredstrategy
  • 3. Die ON Taste einer Fernbedienung ist ein Pattern. Dadurch das sie ein Pattern ist, ist sie für jeden User sofort nutzbar. usercenteredstrategy
  • 4. Entstehen von Patterns usercenteredstrategy
  • 5. Neuronen und Patterns Das Gehirn versucht immer in gewohnten Bahnen zu gehen Ungewohntes überrascht uns Ungewohntes wird ausgeblendet Ungewohntes kostet Energie usercenteredstrategy
  • 6. Jakob Nielsen: Users spend most of their time on other sites, so that's where they form their expectations for how the Web works. usercenteredstrategy
  • 7. Folgerung Wenn die User den Großteil ihrer Zeit auf anderen Websites verbringen, gewöhnen sie sich an Patterns Teilweise nutzen User bis zu 30 Websites des gleichen Themengebietes gleichzeitig (Recherche, Tabs) Alles was kein Pattern ist zwingt den User zum Nachdenken und lenkt evtl. vom USP ab usercenteredstrategy
  • 8. Useit Jakob Nielsen usercenteredstrategy
  • 10. Entwicklung Schrittweise Entwicklung von Patterns für sehr einfache Elemente, z.B. Icons für Mail über komplexen Interaktionen (RIA) zu kompletter Informationsarchitektur. 2003-2008 2008-2010 90s-2003 usercenteredstrategy
  • 12. Patterns in der Informationsarchitektur Am Beispiel von Spiegel Online, Konkurrenz übernimmt grundsätzliche Struktur. Nutzer können auf gewohnte Art nutzenWettbewerb verschiebt sich vom Interface zum Inhalt usercenteredstrategy
  • 13.
  • 14.
  • 16.
  • 18. Patterns sind kein Automatismus (nicht einzige oder beste Lösung) sondern entwickeln sich einfach Siehe englischsprachige Newsseiten mit völlig anderer Struktur: usercenteredstrategy
  • 20.
  • 21. IA Patterns bei Suchmaschinen usercenteredstrategy
  • 26. Neue Patterns Feed, Stream Direct Interaction usw… usercenteredstrategy
  • 29. Vorsicht beim kopieren Nicht alles was bei den Big 5 (Google, Yahoo, Ebay, Amazon usw.) verwendet wird ist ein Pattern Manches ist spezifisch Manches nicht überall geeignet usercenteredstrategy
  • 30. Probleme mit Patterns Das ist kein Pattern! usercenteredstrategy
  • 31. Probleme mit Patterns Vorsicht: Funktionen die aussehen wie etablierte Patterns, aber etwas ganz anderes tun! usercenteredstrategy
  • 32. Fazit Bei einfachen Funktionen Patterns verwenden Bei komplexen Funktionen Patterns überprüfen Informationsarchitektur an sich entwickelnden Patterns ausrichten Es sind nicht nur unsere Nutzer, sie sind nur kurz zu Besuch und eventuell gleichzeitignoch auf 30 anderen Seiten (Tabs) usercenteredstrategy
  • 33. Fragen: @florianbailey bailey@usercenteredstrategy.de www.id.o.de www.usercenteredstrategy.de