Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Techniker"

Qualitätskriterien für erfolgreiche Websites – für „Nicht-Techniker“

Oder, warum nicht nur ein gutes Design für den Erfolg entscheidend ist

Erfolgskriterien im Überblick

1.! Gutes Konzept (= gute Usability) 2.! Gutes Design 3.! Aktueller und eigenständiger Inhalt 4.! Geschwindigkeit 5.! Suchmaschinenoptimierung 6.! Fortlaufende Web-Analyse 7.! Kommunikation mit den Benutzern

24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 2

Konzept

•! Ausformulierte, messbare Ziele und Alleinstellungsmerkmale der Seite, Konkurrenzanalyse

•! Sorgfältige Anforderungsanalyse (Requirements Engineering)

•! Wireframes

•! Klickdummies (MockUp), um die Bedienbarkeit der zukünftigen Seite zu testen (Usability). Beugt unliebsamen Überraschungen beim Launch vor.


Was gehört zu einem guten Konzept?

Erfolgskriterien im Überblick

1.! Gutes Konzept (= gute Usability) 2.! Gutes Design 3.! Aktueller und eigenständiger Inhalt 4.! Geschwindigkeit 5.! Suchmaschinenoptimierung (SEO) 6.! Fortlaufende Web-Analyse 7.! Kommunikation mit den Benutzern


Geschwindigkeit


Amazon.com verliert pro 100ms längerer Ladezeit 1% an Verkaufsabschlüssen Quelle: Greg Linden, Amazon.com 2006 (http://bit.ly/faj13o)

500ms längere Ladezeit bedeuten 20% weniger Traffic Quelle: Marissa Mayer, Analyse der Google Suchseite 2006 (http://bit.ly/9dEnFt)

Shopzilla: 5 Sekunden weniger Ladezeit bedeuten 12% mehr Umsatz und 50% weniger Hardwarekosten Bing: 2 Sekunden mehr Ladezeit bedeuten 4,3 % weniger Umsatz

Quelle: Steve Souders, Fronteers conference 2009 (http://slidesha.re/gIwLWQ)

Firefox Landingpage für Internet Explorer Nutzer: 2,2 Sekunden weniger Ladezeit bedeuten 15,4% höhere Conversions (60 Mio. Downloads pro Jahr!) Quelle: Mozilla Weblog 2010

(http://bit.ly/fvMtda)

Geschwindigkeit & SEO

Ist meine Seite schnell genug und Suchmaschinenoptimiert?

Wie finde ich das heraus?


Geschwindigkeit & SEO

Es gibt unterschiedliche Tools und Helfer die Websites analysieren und Optimierungspotenziale aufzeigen. Einige kostenlose Tools werden nachfolgend beschrieben:

•! webpagetest.org

•! Firefox Plugin: Page Speed

•! Firefox Plugin: YSLOW

•! Firefox Plugin: Good Website Inspector


webpagetest.org

Beispiel www.bunte.de

Zeit bis die ersten Daten zum Benutzer gesandt werden: 0,264s

Zeit bis der Browser beginnt, etwas darzustellen: 2,232s

Ladezeit bis die Seite vollständig angezeigt wird: 12,553s

Ladezeit bis die Seite komplett geladen wurde: 15,332s

Übertragene Daten: 1,661 MB

Ergebnisdetailansicht: http://bit.ly/e9aWIU


Geschwindigkeit messen

Firefox Plugin: Page Speed

•! Basiert auf Plugin: Firebug •! Sprache: Englisch •! Arbeitsweise:

Analysiert die in der Website enthaltenen Elemente wie Bilder, Javascripte und Stylesheets und gibt Hinweise auf Optimierungspotenziale in Hinblick auf Geschwindig-keit

•! Hersteller: Google


Wodurch Geschwindigkeit optimieren?

Firefox Plugin: YSLOW

•! Basiert auf Plugin: Firebug •! Sprache: Englisch •! Arbeitsweise:

Analysiert die in der Website enthaltenen Elemente wie Bilder, Javascripte und Stylesheets und gibt Hinweise auf Optimierungspotenziale in Hinblick auf Geschwindig-keit

•! Hersteller: Yahoo •! Inhaltlich Deckungsgleich mit Plugin Page Speed


Wodurch Geschwindigkeit optimieren?

Firefox Plugin: Good Website Inspector

•! Basiert auf Plugin: Firebug, YSLOW •! Sprache: Deutsch / Englisch •! Arbeitsweise:

Analysiert die in der Website enthaltenen Elemente wie Bilder, Javascripte und Stylesheets und gibt Hinweise auf Optimierungs-potenziale in Hinblick auf Geschwindigkeit, Qualität, Suchmaschinenoptimierung

•! Hersteller: Media Innovation Lab, Hubert Burda Media


Optimierungspotenziale Insgesamt

Good Website Inspector

Warum der Good Website Inspector?

Verringerung der Kosten/ Steigerung der Erlöse

–! Erkennung der Schwachstellen im Code schon vor der Implementierung im CMS -> Änderungskosten gering!

–! Schnellere Websites bedeuten mehr Umsatz!

–! Qualitativ hochwertige Websites haben oftmals geringere laufende Kosten durch konsequente Caching-Technologien oder weniger übertragene Bytes.

–! Schnellere Websites bedeuten mehr User -> höhere Werbeerlöse



Warum der Good Website Inspector?

•! Qualitätskontrolle der Agenturen –! Agenturen und ProduktmanagerInnen können selbständig kontrollieren, ob

die erforderliche Qualität eingehalten wurde

•! Mehr Sicherheit für ProduktmanagerInnen –! Ein Report mit aufgezeigten Schwachstellen bietet Sicherheit

•! Erhöhte Nutzerbindung –! Durch schneller geladene Websites bleiben mehr Nutzer auf der Website

•! Konkurrenzanalyse –! Was macht eine Konkurrenz-Seite besser als meine Seite? Die Antwort auf

technische HTML/CSS/JS-Fragen bietet der Good Website Inspector



Woher bekomme ich den Good Website Inspector?

•! Installationsanleitung, Tipps & Tricks, Erklärung aller Regeln: www.goodwebsiteinspector.com

•! Oder auf der Firefox Addon-Website: https://addons.mozilla.org/de/firefox/addon/269534/


Kontakt

Weitere Fragen?

Stefan Seifarth, Head of Production Services, +49 89 9250-1415, [email protected] Media Innovation Lab GmbH Hubert Burda Media


Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Techniker"

Technology

Transcript of Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Techniker"