OnlineMarketing13, 29.5.2013„Jakob was right“The top 10 mistakes in webdesignrevisited
Ein kurzer Zeitsprung• 1995 Jakob Nielsen startet Useit.com• 2000: Usability ist doof und spießig• „Aber es gibt doch den ...
Fehler passieren
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
Bad Search– Platzierung der Suchbox– Falscher Standardwert– Suchbutton deutlich genug– Entertaste– Type-ahead – Autocomple...
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
PDF-Dateien und andere verbotene Formate– Flash– Silverlight– Word– PNG– ZIP– MOV, AVI
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
• Versteck den Hyperlink– Formatierung wie Fließtext– Keine Hand bei Mausberührung– Keine Unterstreichung– Minipfeil statt...
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
„User entscheiden in den ersten dreiSekunden, ob sie auf einer Seitebleiben.“Graham Carlton
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
„Responsive Design ist mehr alsbeweglicher HTML-Code, es ist eineInhaltsstrategie, die den Nutzer inden Mittelpunkt stellt...
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
Vorsicht vor BetriebsblindheitVorsicht vor BannerblindheitVorsicht vor starren Regeln
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
Einige Gesetze• Nähe (Position & Farbe!)• Kontrastprinzip• Konsistenz• Konventionen– Warenkorb rechts oben– Suchbox oben M...
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
• Links in neuem Fenster öffnen– Kontext geht verloren– Daten gehen verloren– Ich komme nicht zurück
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
Bonusmaterial
http://conversionoptimizing.eu/conversion-toolkit/
Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Sei...
dankefrank@puscher.de
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013
Nächste SlideShare
Wird geladen in …5
×

„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013

605 Aufrufe

Veröffentlicht am

Vortrag von Frank Puscher, Buchautor und Journalist zum Thema "Jakob was right" - The top 10 mistakes in webdesign revisited" auf dem Online Marketing Kongress 2013

Online Marketing Kongress 2013
28.-29. Mai 2013, Berlin
Veranstalter: Management Forum der Verlagsgruppe Handelsblatt GmbH
Weitere Infos unter: www.managementforum.com

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
605
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

„Jakob was right“ von Frank Puscher auf dem Online Marketing Kongress 2013

  1. 1. OnlineMarketing13, 29.5.2013„Jakob was right“The top 10 mistakes in webdesignrevisited
  2. 2. Ein kurzer Zeitsprung• 1995 Jakob Nielsen startet Useit.com• 2000: Usability ist doof und spießig• „Aber es gibt doch den Browserkrieg“• 2005 Browserkrieg ist vorbei …. es beginntder Mobile-Krieg• 2007: Usability ist doof, wir machenConversionrate-Optimierung• 2013: Multiscreen, Multiplattform, schonwieder viele Browser und sehr mächtige User.
  3. 3. Fehler passieren
  4. 4. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  5. 5. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  6. 6. Bad Search– Platzierung der Suchbox– Falscher Standardwert– Suchbutton deutlich genug– Entertaste– Type-ahead – Autocomplete– Und natürlich Umlaute/Sonderzeichen– Übersichtliche Ergebnisseite
  7. 7. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  8. 8. PDF-Dateien und andere verbotene Formate– Flash– Silverlight– Word– PNG– ZIP– MOV, AVI
  9. 9. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  10. 10. • Versteck den Hyperlink– Formatierung wie Fließtext– Keine Hand bei Mausberührung– Keine Unterstreichung– Minipfeil statt Verlinkung– Ausgegraute Interaktionselemente– RollOver (mobile?)
  11. 11. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  12. 12. „User entscheiden in den ersten dreiSekunden, ob sie auf einer Seitebleiben.“Graham Carlton
  13. 13. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  14. 14. „Responsive Design ist mehr alsbeweglicher HTML-Code, es ist eineInhaltsstrategie, die den Nutzer inden Mittelpunkt stellt.“Vitaly Friedman
  15. 15. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  16. 16. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  17. 17. Vorsicht vor BetriebsblindheitVorsicht vor BannerblindheitVorsicht vor starren Regeln
  18. 18. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  19. 19. Einige Gesetze• Nähe (Position & Farbe!)• Kontrastprinzip• Konsistenz• Konventionen– Warenkorb rechts oben– Suchbox oben Mitte– Service-Spalte rechts– Checkout von links nach rechts
  20. 20. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  21. 21. • Links in neuem Fenster öffnen– Kontext geht verloren– Daten gehen verloren– Ich komme nicht zurück
  22. 22. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  23. 23. Bonusmaterial
  24. 24. http://conversionoptimizing.eu/conversion-toolkit/
  25. 25. Top 10 mistakes in webdesign• Bad Search• PDF-Dateien und andere verbotene Formate• Versteck den Hyperlink• Überfüllte Seiten, nicht scanbare Texte• Feste Seitenformatierung• Keine oder schlechte Seitentitel• Inhalt sieht wie Werbung aus• Designgesetze brechen• Links in neuem Fenster öffnen• Die Nutzerfragen nicht beantworten
  26. 26. dankefrank@puscher.de

×