Das Dokument erläutert die Bedeutung der Nutzerorientierung bei der Entwicklung von Websites, wobei die Firma eparo gmbh betont, dass die Einbeziehung echter Nutzer in den Entwicklungsprozess zu besseren Ergebnissen führt. Statistiken zeigen, dass über die Hälfte der Nutzer Webseiten aufgrund unverständlicher Inhalte oder schlechter Navigation verlassen, was die Notwendigkeit unterstreicht, user-centered Design weitreichend anzuwenden. Der Vortrag bietet Strategien zur Verbesserung der Usability durch frühzeitige Nutzerfeedbacks und kontinuierliche Tests während des Entwicklungsprozesses.

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. Patrick Roelofs Unternehmer, Designer, Internetfreak, Vater, Ehemann

3. (User Experience) Designer

4. „ Design is not just what it looks like and feels like, design is how it works.“

5. How it works

6. Performance KPI Konversionsraten Effizienzsteigerung

7. Was macht ihr (eparo) eigentlich?

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. „ Wir planen, konzipieren und optimieren prozess- und transaktionsorientierte Webapplikationen. Unsere Schwerpunkte liegen in den Bereichen E-Commerce, Portale, Webservices und Social Media.“ Fachleute

10. Usability

11. Nutzer-Feedback

12. #1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders wichtig Inhalte und Funktionen an Nutzern auszurichten?

15. #1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders wichtig Inhalte und Funktionen an Nutzern auszurichten?

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

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

19. Wettbewerb! Wettbewerb! Wettbewerb! © http://www.flickr.com/photos/sea-turtle/2929652499/sizes/l/

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

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

23. Alice: Usability-Test

24. „ Wie viele Produktpakete sehen Sie auf dieser Seite?“

25. Kurz nach dem Test

26. Feedback von echten Nutzern! © www.flickr.com/photos/neverdie/196252361/

27. Sonst kann es böse enden…

29. #1 #2 Wie kann man das erreichen? Warum ist es (gerade heute) so besonders wichtig Inhalte und Funktionen an Nutzern auszurichten?

30. „ Typische“ Website-Entwicklung Feinkonzept Programmierung Grobkonzept Nutzer Feedback, (wenn überhaupt, dann hier) Usability Test website.com

31. „ Hoffentlich geht bei dem Test jetzt nix schief.“ © http://www.flickr.com/photos/vvoody/1116838408/sizes/o/

32. Wie geht es besser? Wie schafft man es, seine Inhalte und Funktionen konsequent am Nutzer auszurichten?

33. Strategie Navigation Inhalte, Funktionen User-Interface … Usability Test Experten Review Erwartungen Bedürfnisse Verhaltensweisen Gewohnheiten … #1 Verstehen #2 Entwerfen #3 Testen Auch während der Entwurfsphase bei Nutzern nachfragen, ob man noch auf Kurs ist.

34. © http://www.flickr.com/photos/37925259@N00/2271496153/ Strategie Navigation Inhalte, Funktionen User-Interface … Usability Test Experten Review Erwartungen Bedürfnisse Verhaltensweisen Gewohnheiten … #1 Verstehen #2 Entwerfen #3 Testen

35. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/

36. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Der Wettbewerb (ein Beispiel)

37. User Research

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?

39. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/

41. … und dabei haben wir festgestellt, dass die Beratung fast immer so beginnt…

42. „ Was wollen Sie machen?“ Dann kann ich Ihnen sagen, welches Produkt für Sie am besten passt“

43. … und so weiter geht…

44. „ Ich möchte privat surfen , viel im Festnetz telefonieren und ab und zu Musik herunterladen.“

45. Die Kundenwünsche sind so vielfältig wie das Produktangebot!

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.

47. © http://www.flickr.com/photos/37925259@N00/2271496153/ Strategie Navigation Inhalte, Funktionen User-Interface … Usability Test Experten Review Erwartungen Bedürfnisse Verhaltensweisen Gewohnheiten … #1 Verstehen #2 Entwerfen #3 Testen

48. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Anforderungs-Workshop

49. © http://www.flickr.com/photos/luketanner/1385308436/sizes/o/ Grobe Site-Struktur

50. Detaillierte Site-Struktur

51. Flowcharts

52. User Interface Scribble

53. User Interface Wireframe

54. Strategie Navigation Inhalte, Funktionen User-Interface … Usability Test Experten Review Erwartungen Bedürfnisse Verhaltensweisen Gewohnheiten … #1 Verstehen #2 Entwerfen #3 Testen

55. Prototypen Test

56. Die drei Schritte zusammengefasst 2 3 1

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! ;-) 

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