29. September 2008

Ideen sammeln 2

Heute schließen wir unsere “Ideen Liste” ab, nachdem letzte Woche (Ideen sammeln 1) schon viele Überlegungen gemacht werden konnten. Je mehr ich mich um den eigenen Relaunch kümmere, um so mehr neue Sachen fallen mir ein, die mit in die Webseiten Relaunch Serie eingebaut werden können. Doch heute sollen überwiegend Inspirationsquellen der Ideen Liste dienen.

Inspirationsquellen für Webdesign und Layout

Hier gibt es weitere sehr gute CSS Design Seiten.

Konkurrenzseiten analysieren und sich andere gute Webseiten anschauen, können die ein oder andere Idee entstehen lassen. Es geht nicht darum etwas zu kopieren, sondern man kann mit den genannten Beispielen überzeigt werden, dass auch andere Entwürfe eine positive Wirkung auf den Besucher haben können. Jedoch muss immer wieder abgewägt werden, ob das Design oder der Inhalt der Webseite im Vordergrund stehen soll.

Statistiken auswerten

Anhand der Statistik könnt ihr eure Besucher etwas besser einschätzen. Wie im letzten Artikel bereits erläutert, macht es wenig Sinn eine sehr bunte und verspielte Seite zu gestalten, wenn die Zielgruppe überwiegend ältere Herrschaften sind. Sie würden sich anhand den vielen Farben nicht zurechtfinden (siehe Usability).

Ich verwende die Statistiken von Google Analytics, weil es kostenlos ist und sehr viele Informationen bietet.

Browser

Achtet darauf, ob nicht vielleicht ein größerer Teil eurer Besucher noch den Internet Explorer 6 benutzt. Ich denke mal ab 15% sollte man ihnen schon mehr Aufmerksamkeit schenken und darauf achten, dass gewisse CSS Gestaltungseingeschaften in diesem Browser nicht funktionieren. Achte darauf, dass die Effekte, die sonst im Firefox und IE 7 + IE 8 funktionieren, keine bösen Überraschungen im IE 6 hervorrufen. (zu finden unter: Besucher->Browserfunktion->Browser).

Bildschirmauflösung

Dank günstigen TFT Preisen und leistungsfähigen Rechnern sind auch die Bildschirmauflösungen um ein vielfaches höher. Achtet darauf bzw. schaut euch eure eigene Seite (wenn möglich) in vielen verschiedenen Auflösungen an. Die 1024*768 bilden bei mir schon länger nicht mehr die Mehrheit. Auffällig ist bei mir, das schon rund 31% meiner Besucher eine höhere Auflösung als 1280×1024 Pixel haben. Da sieht eine Seite rechts und links doch sehr, sehr nackt aus, wenn das gesamte Layout zentriert ist und keine Skalierung erlaubt. Hier würde sich ein dynamisches Layout lohnen. Der User könnte zum Beispiel selber wählen, ob er nun eine größere Schriftart wünscht und sich das gesamte Layout dementsprechend strecken lässt, so dass mehr der Bildfläche ausgenutzt wird (Javascript/Ajax macht es möglich). Moderne Browser wie der Opera und (glaube der Firefox 3 kann es mittlerweile auch), können das gesamte Layout proportional vergrößern, ohne dass irgendwelche Linien oder Schriften verzehrt werden. Da dies aber nicht alle Browser können, sollte man vielleicht selber darauf achten, selber dieses Feature anzubieten/umzusetzen.

Wo klickt der User ?

Ein weitere Funktion von Analytics ist das “Website Overlay” (zu finden: Content-> Website Overlay). Es ist sozusagen eine neue Ebene über der eigenen Webseite, die die Klickrate auf einzelne Elemente/Links der Webseite anzeigt. Diese ist zwar nicht so effektiv wie die Eye-Tracking Methode, aber sie kann hilfreiche Informationen zum Klickverhalten und Interesse der Elemente geben.

Der erste Eindruck

Da es bekanntlich nur eine Chance für den ersten Eindruck gibt und die Brauchbarkeit einer Seite in den ersten Sekunden eines Besuches festgestellt wird, macht es Sinn, einen Entwurf (aber auch die aktuelle Seite) Freunden und Bekannten zu präsentieren. Die “Testpersonen” sollten aber möglichst die Seite nicht kennen, um optimale Ergebnisse zu erhalten. Die Personen sollten in der Lage sein, ihr Verhalten anschließend auf ein Blatt Papier verfassen zu können.

• Wo guckt er zuerst?
• Wohin guckt er danach?
• Welche Stellen und Elemente werden besonders lange betrachtet?
• allgemein erster Eindruck + Meinung

Solche Tipps können einen (Neu-) Entwurf und gewissen eigenen Ideen zum Überarbeiten anregen. Bevor eine Seite neu relauncht bzw. neu überarbeitet wird. Wenn wichtige Elemente immer noch sehr intensiv betrachtet werden, sollte man überlegen, diesen Abschnitt im Relaunch möglichst genauso zu machen. Andere Bereiche der Seite, die eigentlich gar nicht bemerkt wurden, können/sollten dann neu durchdacht werden, wenn diese Elemente für dich persönlich einen wichtigen Teil der Seite bilden sollen.

Nun haben wir vermutlich eine lange Liste mit Ideen, Verbesserungsvorschlägen und eine kleine Tabelle mit guten und schlechten Umsetzungen aus dem aktuellen/alten Design. Da die Liste recht unübersichtlich geworden ist, werden im nächsten Teil die gesammelten Ideen und Gedanken etwas strukturiert, damit wir uns vom zukünftigen Layout + Design ein besseres Bild machen können. Um nichts zu verpassen, empfiehlt es sich, den Feed zu abonnieren.

Kennt ihr noch weitere gute Inspirationsquellen oder habt ihr noch andere Ideen, die bei einem Relaunch mitbeachtet werden sollten? Schreibt es mir in den Kommentarbereich!