Inhalte und Funktionen von Websites:   Erfolg durch konsequente Ausrichtung an den Nutzern Patrick Roelofs, Geschäftsführe...
Patrick Roelofs Unternehmer, Designer, Internetfreak, Vater, Ehemann
(User Experience)  Designer
„ Design is not just what it looks like  and feels like, design is how it works.“
How it works
Performance KPI Konversionsraten Effizienzsteigerung
Was macht ihr (eparo) eigentlich?
„ Wir denken uns Websites aus –  und weil wir dabei echte Nutzer  in die Entwicklung mit ein- beziehen, funktionieren dies...
„ Wir planen, konzipieren und  optimieren prozess- und  transaktionsorientierte  Webapplikationen.  Unsere Schwerpunkte li...
Usability
Nutzer-Feedback
#1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders  wichtig Inhalte und Funktionen an Nutzern  aus...
 
 
#1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders  wichtig Inhalte und Funktionen an Nutzern  aus...
65,1 % der Deutschen  sind online. Mit 42,2 Mio. Personen über 14 Jahren sind über  3 Millionen Personen mehr online als 2...
Deutscher Onlinewerbemarkt  wächst um 11,2 Prozent. Inhaltspunkt Quelle:  BITKOM, 18.05.2009,  http:// www.internetworld.d...
 
Wettbewerb! Wettbewerb! Wettbewerb! ©  http://www.flickr.com/photos/sea-turtle/2929652499/sizes/l/
 
„ Insgesamt gaben  52% der Befragten an, schon häufiger  eine Webseite verlassen zu haben, weil die Inhalte  unverständlic...
+83%.   Inhaltspunkt Quelle:   Nielsen Norman Group, 22.01.2008, n=66,  http:// www.useit.com / alertbox / roi.html , KPIs...
Alice: Usability-Test
„ Wie viele Produktpakete sehen  Sie auf dieser Seite?“
Kurz nach dem Test
Feedback von echten Nutzern! ©  www.flickr.com/photos/neverdie/196252361/
Sonst kann es böse enden…
 
#1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders  wichtig Inhalte und Funktionen an Nutzern  aus...
„ Typische“ Website-Entwicklung Feinkonzept Programmierung Grobkonzept Nutzer Feedback,  (wenn überhaupt, dann hier) Usabi...
„ Hoffentlich geht bei dem Test  jetzt nix schief.“ ©  http://www.flickr.com/photos/vvoody/1116838408/sizes/o/
Wie geht es besser? Wie schafft man es, seine Inhalte und Funktionen  konsequent am Nutzer auszurichten?
<ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>Inhalte, Funktionen </li></ul><ul><li>User-Interface </li...
©  http://www.flickr.com/photos/37925259@N00/2271496153/ <ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>...
©  http://www.flickr.com/photos/luketanner/1385308436/sizes/o/
©  http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Der Wettbewerb (ein Beispiel)
User Research
User Research beantwortet erfolgskritische Fragen Welche Detailinfor- mationen brauchen  unsere Kunden, um  eine Kauf- ent...
©  http://www.flickr.com/photos/luketanner/1385308436/sizes/o/
 
… und dabei haben wir festgestellt, dass die Beratung fast immer so beginnt…
„ Was wollen Sie machen?“   Dann kann ich Ihnen sagen, welches Produkt für Sie am besten passt“
… und so weiter geht…
„ Ich möchte  privat surfen , viel im Festnetz  telefonieren  und ab und zu Musik  herunterladen.“
Die Kundenwünsche sind  so vielfältig wie das  Produktangebot!
Surfen + telefonieren + mobil telefonieren + fernsehen Surfen + telefonieren + mobil telefonieren Surfen + telefonieren Su...
©  http://www.flickr.com/photos/37925259@N00/2271496153/ <ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>...
©  http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Anforderungs-Workshop
©  http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Grobe Site-Struktur
Detaillierte Site-Struktur
Flowcharts
User Interface Scribble
User Interface Wireframe
<ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>Inhalte, Funktionen </li></ul><ul><li>User-Interface </li...
Prototypen Test
Die drei Schritte  zusammengefasst 2 3 1
4 einfache, aber wichtige Regeln für  konsequente Nutzerorientierung Nutzer frühzeitig mit einbeziehen  Website-Konzept z...
Vielen Dank!  Follow me: twitter.com/patrickroelofs eparo GmbH  User Experience Design & Usability Tests  Stahltwiete 22 2...
Nächste SlideShare
Wird geladen in …5
×

eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rolf Schulte Strathaus)

3.869 Aufrufe

Veröffentlicht am

iico-Kongress zu Berlin / Juni 2009

Veröffentlicht in: Technologie, Design
0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
3.869
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
8
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • Notizen:
  • eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rolf Schulte Strathaus)

    1. 1. Inhalte und Funktionen von Websites: Erfolg durch konsequente Ausrichtung an den Nutzern Patrick Roelofs, Geschäftsführer eparo GmbH iico Kongress, Berlin 16.06.2009
    2. 2. Patrick Roelofs Unternehmer, Designer, Internetfreak, Vater, Ehemann
    3. 3. (User Experience) Designer
    4. 4. „ Design is not just what it looks like and feels like, design is how it works.“
    5. 5. How it works
    6. 6. Performance KPI Konversionsraten Effizienzsteigerung
    7. 7. Was macht ihr (eparo) eigentlich?
    8. 8. „ Wir denken uns Websites aus – und weil wir dabei echte Nutzer in die Entwicklung mit ein- beziehen, funktionieren diese Websites eben besser als Andere.“ Eltern
    9. 9. „ Wir planen, konzipieren und optimieren prozess- und transaktionsorientierte Webapplikationen. Unsere Schwerpunkte liegen in den Bereichen E-Commerce, Portale, Webservices und Social Media.“ Fachleute
    10. 10. Usability
    11. 11. Nutzer-Feedback
    12. 12. #1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders wichtig Inhalte und Funktionen an Nutzern auszurichten?
    13. 15. #1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders wichtig Inhalte und Funktionen an Nutzern auszurichten?
    14. 16. 65,1 % der Deutschen sind online. Mit 42,2 Mio. Personen über 14 Jahren sind über 3 Millionen Personen mehr online als 2007. Inhaltspunkt Quelle: Initiative D21, (N)Onliner Atlas 2008
    15. 17. Deutscher Onlinewerbemarkt wächst um 11,2 Prozent. Inhaltspunkt Quelle: BITKOM, 18.05.2009, http:// www.internetworld.de /Nachrichten/Zahlen-Studien/Deutscher-Onlinewerbemarkt-waechst-um-11-2-Prozent-18888.html
    16. 19. Wettbewerb! Wettbewerb! Wettbewerb! © http://www.flickr.com/photos/sea-turtle/2929652499/sizes/l/
    17. 21. „ Insgesamt gaben 52% der Befragten an, schon häufiger eine Webseite verlassen zu haben, weil die Inhalte unverständlich waren. 35% davon verzweifelten an der Navigation und 9% Prozent fanden die Schriftgröße zu klein.“ Inhaltspunkt Quelle: TNS-EMNID, Stichprobe n=1000, 20.05.2009, http:// www.internetworld.de /Nachrichten/Zahlen-Studien/Komplizierte-Benutzerfuehrung-vergrault-Haelfte-der-Internetuser-18934.html
    18. 22. +83%. Inhaltspunkt Quelle: Nielsen Norman Group, 22.01.2008, n=66, http:// www.useit.com / alertbox / roi.html , KPIs: Conversion Rates, Traffic Numbers, User Performance, Target audience usage KPI-Improvement through Usability
    19. 23. Alice: Usability-Test
    20. 24. „ Wie viele Produktpakete sehen Sie auf dieser Seite?“
    21. 25. Kurz nach dem Test
    22. 26. Feedback von echten Nutzern! © www.flickr.com/photos/neverdie/196252361/
    23. 27. Sonst kann es böse enden…
    24. 29. #1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders wichtig Inhalte und Funktionen an Nutzern auszurichten?
    25. 30. „ Typische“ Website-Entwicklung Feinkonzept Programmierung Grobkonzept Nutzer Feedback, (wenn überhaupt, dann hier) Usability Test website.com
    26. 31. „ Hoffentlich geht bei dem Test jetzt nix schief.“ © http://www.flickr.com/photos/vvoody/1116838408/sizes/o/
    27. 32. Wie geht es besser? Wie schafft man es, seine Inhalte und Funktionen konsequent am Nutzer auszurichten?
    28. 33. <ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>Inhalte, Funktionen </li></ul><ul><li>User-Interface </li></ul><ul><li>… </li></ul><ul><li>Usability Test </li></ul><ul><li>Experten Review </li></ul><ul><li>Erwartungen </li></ul><ul><li>Bedürfnisse </li></ul><ul><li>Verhaltensweisen </li></ul><ul><li>Gewohnheiten </li></ul><ul><li>… </li></ul>#1 Verstehen #2 Entwerfen #3 Testen Auch während der Entwurfsphase bei Nutzern nachfragen, ob man noch auf Kurs ist.
    29. 34. © http://www.flickr.com/photos/37925259@N00/2271496153/ <ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>Inhalte, Funktionen </li></ul><ul><li>User-Interface </li></ul><ul><li>… </li></ul><ul><li>Usability Test </li></ul><ul><li>Experten Review </li></ul><ul><li>Erwartungen </li></ul><ul><li>Bedürfnisse </li></ul><ul><li>Verhaltensweisen </li></ul><ul><li>Gewohnheiten </li></ul><ul><li>… </li></ul>#1 Verstehen #2 Entwerfen #3 Testen
    30. 35. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/
    31. 36. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Der Wettbewerb (ein Beispiel)
    32. 37. User Research
    33. 38. User Research beantwortet erfolgskritische Fragen Welche Detailinfor- mationen brauchen unsere Kunden, um eine Kauf- entscheidung zu treffen? Erwarten unsere Kunden Online- Beratungstools zu Problemzonen? Wollen unsere Kunden wirklich als „mollig“ angesprochen werden?
    34. 39. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/
    35. 41. … und dabei haben wir festgestellt, dass die Beratung fast immer so beginnt…
    36. 42. „ Was wollen Sie machen?“ Dann kann ich Ihnen sagen, welches Produkt für Sie am besten passt“
    37. 43. … und so weiter geht…
    38. 44. „ Ich möchte privat surfen , viel im Festnetz telefonieren und ab und zu Musik herunterladen.“
    39. 45. Die Kundenwünsche sind so vielfältig wie das Produktangebot!
    40. 46. Surfen + telefonieren + mobil telefonieren + fernsehen Surfen + telefonieren + mobil telefonieren Surfen + telefonieren Surfen Telefonieren Mobil telefonieren Surfen + telefonieren + fernsehen Die passende Navigation dazu könnte so aussehen.
    41. 47. © http://www.flickr.com/photos/37925259@N00/2271496153/ <ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>Inhalte, Funktionen </li></ul><ul><li>User-Interface </li></ul><ul><li>… </li></ul><ul><li>Usability Test </li></ul><ul><li>Experten Review </li></ul><ul><li>Erwartungen </li></ul><ul><li>Bedürfnisse </li></ul><ul><li>Verhaltensweisen </li></ul><ul><li>Gewohnheiten </li></ul><ul><li>… </li></ul>#1 Verstehen #2 Entwerfen #3 Testen
    42. 48. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Anforderungs-Workshop
    43. 49. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Grobe Site-Struktur
    44. 50. Detaillierte Site-Struktur
    45. 51. Flowcharts
    46. 52. User Interface Scribble
    47. 53. User Interface Wireframe
    48. 54. <ul><li>Strategie </li></ul><ul><li>Navigation </li></ul><ul><li>Inhalte, Funktionen </li></ul><ul><li>User-Interface </li></ul><ul><li>… </li></ul><ul><li>Usability Test </li></ul><ul><li>Experten Review </li></ul><ul><li>Erwartungen </li></ul><ul><li>Bedürfnisse </li></ul><ul><li>Verhaltensweisen </li></ul><ul><li>Gewohnheiten </li></ul><ul><li>… </li></ul>#1 Verstehen #2 Entwerfen #3 Testen
    49. 55. Prototypen Test
    50. 56. Die drei Schritte zusammengefasst 2 3 1
    51. 57. 4 einfache, aber wichtige Regeln für konsequente Nutzerorientierung Nutzer frühzeitig mit einbeziehen  Website-Konzept zu mehreren Zeitpunkten kurz testen  Erst Nutzerdaten erheben, dann ein fundiertes Konzept/Design entwerfen  eparo anrufen! ;-) 
    52. 58. Vielen Dank! Follow me: twitter.com/patrickroelofs eparo GmbH User Experience Design & Usability Tests Stahltwiete 22 22761 Hamburg www.eparo.de Ihr Ansprechpartner: Patrick Roelofs T +49 40 76 99 12 78 M +49 175 160 26 01 patrick.roelofs@eparo.de

    ×