#GoldenRules: 7 Rules for a better website

Was macht eine (mobile) Webseite perfekt? Worauf muss man als Entwickler bei Design und Aufbau achten? Worauf als Marketing-Verantwortlicher, damit die Conversion am Ende stimmt? Entscheidend für den Erfolg einer Webseite ist heute mehr denn je das „Wie“ und gar nicht so sehr das „Was“. Damit sich Klicks, Views, Einkäufe und Buchungen im E-Commerce weiter positiv entwickeln, stellen wir in den kommenden Wochen auf Twitter unsere sieben goldenen Regeln vor, mit denen ein Webprojekt gelingt.

Dabei blicken wir auch in die Zukunft, denn sie beinhaltet sowohl den Blick auf die kommenden Consumer-Ansprüche als auch auf mögliche Entwicklungen der Anwender-Technik sowie der Programmierung, dem Hosting, bei Datenbanksystemen oder Lagerwirtschaft. Zu jeder Regel veröffentlichen wir Tipps und weitere Informationen.

Die Regel Nummer Eins: Sei so schnell wie möglich! Kurze Ladezeiten haben den direktesten Einfluss auf die Conversion. Startseiten, die länger als drei Sekunden laden, stellen die Geduld vieler Verbraucher bereits auf die Probe. Diese landen am Ende nicht an Ihrer Kasse, sondern bei der Konkurrenz.

Die zweite Regel lautet: Responsive Design, für jedes Gerät. Eine gute Webseite sollte in jeden denkbaren Display und Browser einwandfrei funktionieren.

Regel Nummer drei: Sei feature-orientiert! Warum? So kann man schneller Bugs ausmerzen, aber auch gewährleisten, dass die Seite für neuere Betriebssysteme genau wie für ältere Varianten optimiert läuft.

Die vierte Regel geht mit dieser Hand in Hand: Immer kompatibel bleiben! Aus diesem Grund lohnt es sich, die Platzhirsche der Mobile-Devices im Auge zu behalten. Trotzdem: Die Welt besteht nicht nur aus Galaxy- oder iPhone-Usern. Deshalb lohnt es sich, die Kompatibilität in vielen möglichen Varianten zu testen.

Für die prozessorientierten Denker gilt besonders Regel fünf: Behalte die Kosten im Auge und die Conversion hoch! Entwickler sollten sich auf die Umsetzung der digitalen Geschäftsstrategie konzentrieren und  Bug-Fixing und Updates im Front-End externen Anbietern überlassen.

Regel Nummer sechs: Mobile first! Experten wie Jeremy Keith sprechen sich für das Lean Management von Inhalten aus. Zuerst an den kleinen Screen denken! Welche Information ist am wichtigsten? Das hilft dem Nutzer Euer Angebot zu verstehen – auf allen Geräten. Denn auch die Desktop-Seite kann von dieser Schlankheitskur profitieren.

Die siebte Regel bescheren uns schließlich die User, die genau deshalb gerne wiederkehren: Biete hohe Qualität, zu jeder Zeit. Hier geht es nicht nur um die möglicherweise vertriebene Ware, sondern auch um sämtliche Usability-Gesichtspunkte wie Funktionalität, Funktion, serverseitige Laufsicherheit und auch der richtige Umgang mit Datenschutz oder der unternehmenseigenen Compliance.

Über die nächsten Wochen sammeln wir hier unter den einzelnen Regeln unsere und eure Tipps, Tricks und Cheat-Sheets. Wir bitten um tatkräftige Mithilfe in den Kommentaren und auf Twitter: Folgt uns unter @Sevenval und twittert eure Vorschläge für jede Regel unter #GoldenRules!

 

Weekly #24

Not a mobile web, merely a 320px-wide one
http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one

SPDY of the Future Might Blow Your Mind Today
http://www.belshe.com/2011/11/17/spdy-of-the-future-might-blow-your-mind-today/

Web Debugging for Safari on iPhone, iPad and PhoneGap
http://www.iwebinspector.com/

Collection: Must Read Mobile- & Content-Focused Presentations
http://www.dmolsen.com/mobile-in-higher-ed/2011/11/21/must-read-mobile-content-focused-presentations/

WHATWG on Google+: Welcome to the new web…
http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-November/033914.html

Keep in mind when talking about platforms and HTML5: iOS 5 (nearly) double scores Android 2.3
http://html5test.com/results-mobile.html

When People Use Different Devices?
http://www.lukew.com/ff/entry.asp?1451

The Global Smartphone Market Landscape
http://www.asymco.com/2011/11/17/the-global-smartphone-market-landscape/

You don’t need a mobile strategy(?)
http://www.gerrymcgovern.com/nt/2011/nt-2011-11-21-Mobile-strategy.htm