Successfully reported this slideshow.
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)

4.789 Aufrufe

Veröffentlicht am

iico-Kongress zu Berlin / Juni 2009

Veröffentlicht in: Technologie, Design
  • Als Erste(r) kommentieren

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

×