morning session: qualitätskriterien für erfolgreiche websites - für "nicht-techniker"
Post on 02-Nov-2014
779 Views
Preview:
DESCRIPTION
TRANSCRIPT
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.
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 3
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 4
Geschwindigkeit
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 5
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?
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 6
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 7
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 8
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 9
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 10
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 11
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 12
Good Website Inspector
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
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 13
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/
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 14
Kontakt
Weitere Fragen?
Stefan Seifarth, Head of Production Services, +49 89 9250-1415, stefan.seifarth@burda.com Media Innovation Lab GmbH Hubert Burda Media
24.03.2011 Stefan Seifarth, Media Innovation Lab GmbH 15
top related