SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
Design Pattern
Gründe für den Einsatz von Design
Pattern in der User Experience
Jens Bothmer, Iconstorm
2 % Körpergewicht aber
20 % Energieverbrauch
Unser Gehirn ist faul
Daher liebt das Gehirn Vorgänge, die
es bei Wiederholung chemisch
abspeichern kann, um Energie zu
sparen.
• Driving-Effect
In der Fahrschule mussten wir noch beim Kuppeln denken, heute essen wir nebenbei und manche surfen oder
senden gar E-Mails während einer Autofahrt.
• Redesign-Effect
Verändert sich Struktur einer häufig besucht Webseite, navigieren wir häufig an die gewohnte Stelle, obwohl die
Information dort gar nicht mehr verortet ist.
• Lost-in-Translation-Effect
Stellte Ihnen ein Spaßvogel die Sprache ihres geliebten Smartphones um, können Sie häufig trotzdem noch zu den
Einstellungen navigieren und den Spaß rückgängig machen.Auch wenn Sie kein Wort der Navigation verstehen.
• Contact-Effect
Um zum Kontakt einer Webseite zu gelangen, orientieren Sie sich automatisch auf den Header oder den Footer einer
Webseite
• Burnrate-Effect
Untersuchungen haben ergeben, dass Nutzer automatisch und selektiv bereits gesehene Banner spätestens nach
zwei Wochen unbewusst ausblenden und nicht mehr wahrnehmen.
Beispiele dafür
Die meisten Gehirne mögen deshalb
• nichts Neues
• nichts Ungewohntes
• nichts Ungeplantes
• keine Überraschungen
Schließen Sie mal in Ihrem Unternehmen eine Tür ab, obwohl diese offen sein müsste und beobachten Sie,
was passiert.
1. Die Klinke wird gedrückt.
Das Gehirn erkennt logisch, dass die Tür verschlossen ist.
2. Die Klinke wird noch einmal gedrückt. Obwohl vom Gehirn beim ersten Mal erkannt worden ist, dass die
Tür zu ist, überschreibt der chemische Prozess der Gewohnheit den rationalen Erkenntnis-Vorgang im
Gehirn.
3. Die Klinke wird zum dritten Mal gedrückt. Denn was nicht sein darf, kann nicht sein. Nun ist klar: Die Tür
ist verschlossen. Erst jetzt werden Maßnahmen getroffen, um die Tür durch Dritte, wie den Hausmeister
öffnen zu lassen.
Versuch nach Prof. Peter Kruse
6
Gewohnheit schlägt Ratio
„Nutzer surfen die meiste Zeit nicht auf Ihrer sondern auf
anderen Webseiten. Hier bekommen sie Erfahrungen, wie das
Web funktioniert.“
Interessant
7
übersetzt nach Jacob Nielsen
Gewohnheit durch kritische Masse
8
Design
Pattern
Design Pattern befassen sich mit der formalen Art und Weise,
Lösungen zu dokumentieren, die eine Antwort auf ein typisches
Design Problem sind. Der Grundgedanke ist, Lösungswege für
Probleme aufzuzeigen, die immer und immer wieder
auftauchen.
Definition Design Pattern in der User Experience
9
Gründe für den Einsatz von Design Pattern
Strukturen sind mit
Pattern einfacher und
schneller erkennbar -
besonders im Team,
dem die Pattern
bekannt sind.
Die Regel sagt, dass
über 2/3 der Probleme
beispielsweise in der IT
mit Design Pattern
gelöst werden können.
Die Wiederverwend-
barkeit von Mustern
schützt vor massiven
Problemen die anfangs
nicht offensichtlich
sind.
Design Pattern
beschleunigen den
Entwicklungs-prozess
in der User Experience
Design Pattern sind
bereits erfolgreich
eingesetzt und
reduzieren Risiken.
Design Pattern
ermöglichen es Dritten,
sich schneller in die
Materie einzuarbeiten.
10
Redundante
Entwicklungen und
damit Neuerfindungen
des Rades werden
vermieden.
Pattern ermöglichen in
der Kommunikation die
Nutzung gleicher
Namen und
Bedeutungen für mehr
Effektivität.
Pattern gewährleisten
eine einheitliche und
vorhersehbare
Nutzerführung
innerhalb eines
Unternehmen.
Sie wollen mehr über den Einsatz von Design
Pattern in Ihrem Unternehmen erfahren, dann
klicken Sie hier oder rufen Sie uns an unter
Tel.: +49 69 401484 0.
Design-Pattern - Beispiel
11
Anwendung – Design Pattern
12
Die User Experience (UX) umschreibt alle Aspekte der Erfahrungen eines Nutzers bei der
Interaktion mit einem Dienst, einem Produkt oder einer Software - zu Deutsch auch
„Nutzungserlebnis“. Der gesamte Prozess für die Optimierung und seine Einzeldisziplinen
gehören zum Iconstorm-Vorgehensmodell des Digital Design. Die UX Werkzeuge dienen
dazu, die Abrufzahlen zu erhöhen und zu verbessern, das Marken-Image auszubauen
sowie Ihre Prozesse der Umsetzung zu optimieren.
Kunden, die uns Ihre User Experience anvertrauen
Gründe, warum Sie mit uns arbeiten
Eigene UX-Tools mit
Rollen und Rechten
Beschleunigen Sie Ihre
Prozesse mit unserer ready-to-
use Cloud-Software.
Nutzer im Mittelpunkt
ihrer Geschäfte
Befreien Sie sich von den
Fesseln Ihrer IT und setzen Sie
auf mehr Usabiliy und Design.
15 Jahre Digital Design
in über 200 Projekten
Vertrauen Sie auf die
professionellen Ergebnisse
unser jahrelangen Erfahrung.
Expertise im
kompletten UX-Prozess
Greifen Sie auf unser Knowhow
zurück durch unser umfang-
reiches Wissen in der UX.
Erfahrung in der
Moderation
Profitieren Sie von unseren
eigenen und maßge-
schneiderten Workshops.
Scrum
zertifiziert
Nutzen Sie unser Erfahrung im
Management zahlreicher agiler
Projekte.
14
Professionelle IT-
Umgebung
Sichern Sie sich ab durch die
Nutzung unserer IT-Marken-
produkten
Analysen für mehr
Transparenz
Beweisen Sie endlich, das
Potential Ihrer Produkte und
Marken mit unseren Analysen.
Kontakt
Iconstorm - Agentur für
Markentechnik GmbH & Co. KG
Hanauer Landstraße 184
D-60314 Frankfurt am Main
www.iconstorm.de
info@iconstorm.de
Dieses Konzept ist geistiges Eigentum der Iconstorm – Agentur für
Markentechnik GmbH & Co. KG. Es ist urheberrechtlich geschützt und darf
nur mit ausdrücklicher vorheriger Einwilligung verwendet werden.
© 2013 Iconstorm
Rufen Sie uns bei Fragen an. Sie erreichen
uns unter Tel.: 069–4014840
Mehr Infos zum Thema auch unter
http://blog.iconstorm.de
Oder schreiben Sie uns eine Nachricht.
E-Mail senden Web-Formular
„Liken“ Sie uns auf Facebook, wenn Ihnen
unsere Themen gefallen
Ihr persönlicher Ansprechpartner
Jens Bothmer
Geschäftsführender Gesellschafter

Contenu connexe

En vedette

Taller informatica stefanny morato
Taller informatica stefanny morato Taller informatica stefanny morato
Taller informatica stefanny morato stefanny
 
FORAG - Social Trends 2012 - Jobs & Online-Business-Netzwerke
FORAG - Social Trends 2012 - Jobs & Online-Business-NetzwerkeFORAG - Social Trends 2012 - Jobs & Online-Business-Netzwerke
FORAG - Social Trends 2012 - Jobs & Online-Business-NetzwerkeBurdaForward Advertising
 
FORAG - Social Trends 2012 - Karneval/Fasching
FORAG - Social Trends 2012 - Karneval/FaschingFORAG - Social Trends 2012 - Karneval/Fasching
FORAG - Social Trends 2012 - Karneval/FaschingBurdaForward Advertising
 
Présentation pmb rbd santé
Présentation pmb rbd santéPrésentation pmb rbd santé
Présentation pmb rbd santéJonathan Martins
 
Social Trends 2013 - Essen, Trinken & Genießen
Social Trends 2013 - Essen, Trinken & GenießenSocial Trends 2013 - Essen, Trinken & Genießen
Social Trends 2013 - Essen, Trinken & GenießenBurdaForward Advertising
 
Tecnología y educación
Tecnología y educaciónTecnología y educación
Tecnología y educaciónCinthia Lopez
 
Feuilleton CRM by Pyctora 2/3
Feuilleton CRM by Pyctora 2/3Feuilleton CRM by Pyctora 2/3
Feuilleton CRM by Pyctora 2/3LIOTTA Bruno
 
Codificación de la Información
Codificación de la InformaciónCodificación de la Información
Codificación de la InformaciónNobita5
 
KDK Training 7
KDK Training 7KDK Training 7
KDK Training 7pprem
 
Empresa (Alex Toloza - Daniel Vergara)
Empresa (Alex Toloza - Daniel Vergara)Empresa (Alex Toloza - Daniel Vergara)
Empresa (Alex Toloza - Daniel Vergara)vercat2000
 
Kulinare stadtrundfahrt
Kulinare stadtrundfahrtKulinare stadtrundfahrt
Kulinare stadtrundfahrtMatilda Inna
 
Vinko Möderndorfer - intervju
Vinko Möderndorfer -  intervjuVinko Möderndorfer -  intervju
Vinko Möderndorfer - intervjuOpechancanough
 
10 27 session 33
10 27 session 3310 27 session 33
10 27 session 33nblock
 

En vedette (18)

Taller informatica stefanny morato
Taller informatica stefanny morato Taller informatica stefanny morato
Taller informatica stefanny morato
 
FORAG - Social Trends 2012 - Jobs & Online-Business-Netzwerke
FORAG - Social Trends 2012 - Jobs & Online-Business-NetzwerkeFORAG - Social Trends 2012 - Jobs & Online-Business-Netzwerke
FORAG - Social Trends 2012 - Jobs & Online-Business-Netzwerke
 
FORAG - Social Trends 2012 - Karneval/Fasching
FORAG - Social Trends 2012 - Karneval/FaschingFORAG - Social Trends 2012 - Karneval/Fasching
FORAG - Social Trends 2012 - Karneval/Fasching
 
Présentation pmb rbd santé
Présentation pmb rbd santéPrésentation pmb rbd santé
Présentation pmb rbd santé
 
Social Trends 2013 - Essen, Trinken & Genießen
Social Trends 2013 - Essen, Trinken & GenießenSocial Trends 2013 - Essen, Trinken & Genießen
Social Trends 2013 - Essen, Trinken & Genießen
 
Tecnología y educación
Tecnología y educaciónTecnología y educación
Tecnología y educación
 
Feuilleton CRM by Pyctora 2/3
Feuilleton CRM by Pyctora 2/3Feuilleton CRM by Pyctora 2/3
Feuilleton CRM by Pyctora 2/3
 
Was will ein jugendliche
Was will ein jugendlicheWas will ein jugendliche
Was will ein jugendliche
 
Codificación de la Información
Codificación de la InformaciónCodificación de la Información
Codificación de la Información
 
KDK Training 7
KDK Training 7KDK Training 7
KDK Training 7
 
Empresa (Alex Toloza - Daniel Vergara)
Empresa (Alex Toloza - Daniel Vergara)Empresa (Alex Toloza - Daniel Vergara)
Empresa (Alex Toloza - Daniel Vergara)
 
Kulinare stadtrundfahrt
Kulinare stadtrundfahrtKulinare stadtrundfahrt
Kulinare stadtrundfahrt
 
MargueriteDeRorthrayIdentiteReconversion
MargueriteDeRorthrayIdentiteReconversionMargueriteDeRorthrayIdentiteReconversion
MargueriteDeRorthrayIdentiteReconversion
 
Animación mafalda
Animación mafaldaAnimación mafalda
Animación mafalda
 
Vinko Möderndorfer - intervju
Vinko Möderndorfer -  intervjuVinko Möderndorfer -  intervju
Vinko Möderndorfer - intervju
 
Subscriptions
SubscriptionsSubscriptions
Subscriptions
 
10 27 session 33
10 27 session 3310 27 session 33
10 27 session 33
 
Sa
SaSa
Sa
 

Gründe und Vorteile für den Einsatz von Design Pattern im User Experience Design

  • 1. Design Pattern Gründe für den Einsatz von Design Pattern in der User Experience Jens Bothmer, Iconstorm
  • 2. 2 % Körpergewicht aber 20 % Energieverbrauch Unser Gehirn ist faul
  • 3. Daher liebt das Gehirn Vorgänge, die es bei Wiederholung chemisch abspeichern kann, um Energie zu sparen.
  • 4. • Driving-Effect In der Fahrschule mussten wir noch beim Kuppeln denken, heute essen wir nebenbei und manche surfen oder senden gar E-Mails während einer Autofahrt. • Redesign-Effect Verändert sich Struktur einer häufig besucht Webseite, navigieren wir häufig an die gewohnte Stelle, obwohl die Information dort gar nicht mehr verortet ist. • Lost-in-Translation-Effect Stellte Ihnen ein Spaßvogel die Sprache ihres geliebten Smartphones um, können Sie häufig trotzdem noch zu den Einstellungen navigieren und den Spaß rückgängig machen.Auch wenn Sie kein Wort der Navigation verstehen. • Contact-Effect Um zum Kontakt einer Webseite zu gelangen, orientieren Sie sich automatisch auf den Header oder den Footer einer Webseite • Burnrate-Effect Untersuchungen haben ergeben, dass Nutzer automatisch und selektiv bereits gesehene Banner spätestens nach zwei Wochen unbewusst ausblenden und nicht mehr wahrnehmen. Beispiele dafür
  • 5. Die meisten Gehirne mögen deshalb • nichts Neues • nichts Ungewohntes • nichts Ungeplantes • keine Überraschungen
  • 6. Schließen Sie mal in Ihrem Unternehmen eine Tür ab, obwohl diese offen sein müsste und beobachten Sie, was passiert. 1. Die Klinke wird gedrückt. Das Gehirn erkennt logisch, dass die Tür verschlossen ist. 2. Die Klinke wird noch einmal gedrückt. Obwohl vom Gehirn beim ersten Mal erkannt worden ist, dass die Tür zu ist, überschreibt der chemische Prozess der Gewohnheit den rationalen Erkenntnis-Vorgang im Gehirn. 3. Die Klinke wird zum dritten Mal gedrückt. Denn was nicht sein darf, kann nicht sein. Nun ist klar: Die Tür ist verschlossen. Erst jetzt werden Maßnahmen getroffen, um die Tür durch Dritte, wie den Hausmeister öffnen zu lassen. Versuch nach Prof. Peter Kruse 6 Gewohnheit schlägt Ratio
  • 7. „Nutzer surfen die meiste Zeit nicht auf Ihrer sondern auf anderen Webseiten. Hier bekommen sie Erfahrungen, wie das Web funktioniert.“ Interessant 7 übersetzt nach Jacob Nielsen Gewohnheit durch kritische Masse
  • 9. Design Pattern befassen sich mit der formalen Art und Weise, Lösungen zu dokumentieren, die eine Antwort auf ein typisches Design Problem sind. Der Grundgedanke ist, Lösungswege für Probleme aufzuzeigen, die immer und immer wieder auftauchen. Definition Design Pattern in der User Experience 9
  • 10. Gründe für den Einsatz von Design Pattern Strukturen sind mit Pattern einfacher und schneller erkennbar - besonders im Team, dem die Pattern bekannt sind. Die Regel sagt, dass über 2/3 der Probleme beispielsweise in der IT mit Design Pattern gelöst werden können. Die Wiederverwend- barkeit von Mustern schützt vor massiven Problemen die anfangs nicht offensichtlich sind. Design Pattern beschleunigen den Entwicklungs-prozess in der User Experience Design Pattern sind bereits erfolgreich eingesetzt und reduzieren Risiken. Design Pattern ermöglichen es Dritten, sich schneller in die Materie einzuarbeiten. 10 Redundante Entwicklungen und damit Neuerfindungen des Rades werden vermieden. Pattern ermöglichen in der Kommunikation die Nutzung gleicher Namen und Bedeutungen für mehr Effektivität. Pattern gewährleisten eine einheitliche und vorhersehbare Nutzerführung innerhalb eines Unternehmen. Sie wollen mehr über den Einsatz von Design Pattern in Ihrem Unternehmen erfahren, dann klicken Sie hier oder rufen Sie uns an unter Tel.: +49 69 401484 0.
  • 12. Anwendung – Design Pattern 12
  • 13. Die User Experience (UX) umschreibt alle Aspekte der Erfahrungen eines Nutzers bei der Interaktion mit einem Dienst, einem Produkt oder einer Software - zu Deutsch auch „Nutzungserlebnis“. Der gesamte Prozess für die Optimierung und seine Einzeldisziplinen gehören zum Iconstorm-Vorgehensmodell des Digital Design. Die UX Werkzeuge dienen dazu, die Abrufzahlen zu erhöhen und zu verbessern, das Marken-Image auszubauen sowie Ihre Prozesse der Umsetzung zu optimieren. Kunden, die uns Ihre User Experience anvertrauen
  • 14. Gründe, warum Sie mit uns arbeiten Eigene UX-Tools mit Rollen und Rechten Beschleunigen Sie Ihre Prozesse mit unserer ready-to- use Cloud-Software. Nutzer im Mittelpunkt ihrer Geschäfte Befreien Sie sich von den Fesseln Ihrer IT und setzen Sie auf mehr Usabiliy und Design. 15 Jahre Digital Design in über 200 Projekten Vertrauen Sie auf die professionellen Ergebnisse unser jahrelangen Erfahrung. Expertise im kompletten UX-Prozess Greifen Sie auf unser Knowhow zurück durch unser umfang- reiches Wissen in der UX. Erfahrung in der Moderation Profitieren Sie von unseren eigenen und maßge- schneiderten Workshops. Scrum zertifiziert Nutzen Sie unser Erfahrung im Management zahlreicher agiler Projekte. 14 Professionelle IT- Umgebung Sichern Sie sich ab durch die Nutzung unserer IT-Marken- produkten Analysen für mehr Transparenz Beweisen Sie endlich, das Potential Ihrer Produkte und Marken mit unseren Analysen.
  • 15. Kontakt Iconstorm - Agentur für Markentechnik GmbH & Co. KG Hanauer Landstraße 184 D-60314 Frankfurt am Main www.iconstorm.de info@iconstorm.de Dieses Konzept ist geistiges Eigentum der Iconstorm – Agentur für Markentechnik GmbH & Co. KG. Es ist urheberrechtlich geschützt und darf nur mit ausdrücklicher vorheriger Einwilligung verwendet werden. © 2013 Iconstorm Rufen Sie uns bei Fragen an. Sie erreichen uns unter Tel.: 069–4014840 Mehr Infos zum Thema auch unter http://blog.iconstorm.de Oder schreiben Sie uns eine Nachricht. E-Mail senden Web-Formular „Liken“ Sie uns auf Facebook, wenn Ihnen unsere Themen gefallen Ihr persönlicher Ansprechpartner Jens Bothmer Geschäftsführender Gesellschafter