Sechs Tipps für die Gestaltung einer anwenderfreundlichen Startseite

Design und Usability im Einklang

Ob im Intranet oder Internet, die Startseite heißt den User willkommen und führt ihn in die Tiefen der Website ein. Umso wichtiger ist es, dass die Startseite anwenderfreundlich und gut strukturiert ist. Entscheidend dabei sind mehrere Faktoren. Design- und Usability-Kriterien bilden die Grundlage, um eine optimale Gestaltung der Website und Wahrnehmung seitens der User zu gewährleisten.

Hier die sechs entscheidenden Tipps, die Sie bei der Gestaltung Ihrer Websites beachten sollten:

1. Nutzen Sie Bilder als Eyecatcher.

Überladen Sie Ihre Website nicht mit Bildern, arbeiten Sie lieber mit einer begrenzten Anzahl an Bildern, dafür aber mit durchaus größeren, um eine Gewichtung der Inhalte bzw. des Abgebildeten darzulegen.

2. Verdeutlichen Sie Ihre Intention durch gestalterische Mittel.

  • Der Umgang mit Farbe, Helligkeit, Kontrast und Bewegung/Animation sollte auf die Intention des Intranets oder Internets abgestimmt sein. Möchten Sie Ihre User sachlich informieren, arbeiten Sie mit schlichten Gestaltungsmitteln, die möglichst wenig vom Inhalt ablenken. Möchten Sie dagegen etwas verkaufen, darf es ruhig etwas mehr sein: Nutzen Sie Animationen, um auf Ihr Produkt aufmerksam zu machen.
  • Achten  Sie generell auf aufeinander abgestimmte Farben entsprechend des Farbkonzepts Ihres Unternehmens und nutzen Sie weitere gestalterische Mittel zur Hervorhebung relevanter Inhalte oder zur Auflockerung Ihres Online-Auftritts.

3. Erleichtern Sie den Einstieg durch eine passende Navigationsstruktur.

  • Die Haupt- und Unternavigation sollten so nah wie möglich beieinander stehen und nicht durch Balken oder Bilder getrennt sein.
  • Ziehen Sie auch Drop-Down-Menüs als platzsparende Navigationsstruktur in Betracht.
  • Fügen Sie Navigationspunkte entsprechend groß ein und heben Sie die Einstiegsmöglichkeiten für den User damit hervor.

4. Verorten Sie wichtige Inhalte möglichst prominent.

Die Informationsarchitektur sollte eine schnelle und bedarfsgerechte Bereitstellung von Informationen ermöglichen. Platzieren Sie arbeitsrelevante Inhalte auf der Startseite möglichst prominent und richten Sie diese an den Anwenderbedürfnissen aus. Orientieren Sie sich am eigenen Nutzerverhalten:

  • Wo suchen Sie beispielsweise das Suchfeld? Wo wünschen Sie sich den Login- und Logout-Button? Wo erwarten Sie Ihren Benutzernamen? – Rechts oben, nicht wahr?
  • Um einen schnellen Zugriff auf solch grundlegende Elemente zu ermöglichen, sollten diese immer nahe der Primärnavigation zu finden sein – und zwar nicht nur auf der Startseite.
  • Ordnen Sie Ihre News-Beiträge außerdem chronologisch und gewichten Sie diese durch Hervorhebungen in Farb- oder Größenänderungen.
  • Platzieren Sie auch die Funktionsleiste mit den üblichen Anwenderhandlungen (Favoriten anlegen, Feedback geben, Drucken, als Mail weiterleiten, bearbeiten etc.) möglichst prominent.

5. Passen Sie Ihre Artikel dem Leseverhalten der User an.

Bedenken Sie das Leseverhalten Ihrer User und steuern Sie es:

  • Fetten Sie Ihre Headlines und weitere relevante Inhalte. Färben Sie diese gegebenenfalls ein.
  • Denken Sie an einen erweiterten Zeilenabstand und ein erhöhtes Letter-Spacing.
  • Begrenzen Sie Ihre Zeilenlänge auf 85 bis 95 Zeichen.
  • Verwenden Sie eine webgerechte Schriftgröße von etwa 14-15 Pixel.

6. Vergessen Sie nicht, Ihre User zu belohnen!

Visuelle Effekte, beispielsweise Mouse Over-Effekte oder andere Animationen, wirken als Belohnung für die Aktionen Ihrer User. Berücksichtigen Sie diese Möglichkeit, denn dadurch motivieren Sie Ihre User weiterhin!

http://www.text-gold.de/wp-content/plugins/sociofluid/images/twitter_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/google_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/delicious_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/digg_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/reddit_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/dzone_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/blinklist_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/blogmarks_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/furl_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/newsvine_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/technorati_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/magnolia_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/myspace_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/facebook_48.png http://www.text-gold.de/wp-content/plugins/sociofluid/images/yahoobuzz_48.png

Kommentare