Activ Web Design

Wichtig, wichtig: Die Navigation

von Tobi am 15. Jul. 2010, unter Design

Sie kennen es selbst: An Orten, die übersichtlich sind und an denen Sie sich schnell orientieren können, fühlen Sie sich wohler. Genauso geht es auch den Besuchern Ihrer Webseite. Deshalb ist es wichtig, mit der Navigation ein Werkzeug zu an die Hand zu geben, die dem User schnelle Orientierung ermöglicht.

Dazu sollten Sie darauf achten, dass ihr Menü konsistent gestaltet ist. D.h. das Navigationsmenü sollte sich auf Haupt- und Unterseiten immer an der gleichen Stelle befinden und die gleiche Struktur haben.

Das Menü: Identifizieren, bitte!

Außerdem sollte das Navigationsmenü sofort als solches erkennbar sein und sich vom Rest der Seite abheben. Denken Sie beim Gestalten am besten an einen völlig unerfahrenen User. Dazu können Sie natürlich „Navigationsmenü“ als Begriff wählen. Eine farbliche Markierung tut es vielleicht aber auch. Bei Links sollten Sie beachten, dass die Besucher solche am schnellsten identifizieren, die blau und unterstrichen erscheinen. Heben Sie also auf keinen Fall Passagen auf diese Art hervor, die gar keine Links sind. Insgesamt sollten verlinkte Begriffe immer klar aufzeigen, wohin sie führen.

Logisch ist immer gut

Wenn Sie also dem Besucher die Option bieten, eine Ebene tiefer in Ihre Website einzusteigen, dass schaffen Sie auch die Möglichkeit, dass er einfach wieder zurückkommt – und zwar von jeder Unterseite. Das Gleiche gilt für die Verbindung von Startseite und Unterseiten in umgekehrter Richtung.

Wenn Sie einen Konflikt sehen zwischen Nutzerfreundlichkeit und Ihren Design-Ansprüchen, stellen Sie letztere zurück. Denn das sogenannte Usability-Niveau ist der wichtigste Faktor beim Webdesign.

Schreibe einen Kommentar :, , mehr...

Design: Die häufigsten Fehler

von Tobi am 13. Jul. 2010, unter Design

Schön sieht die Webseite schon aus, aber irgendwas stimmt noch nicht – dieses Gefühl beschleicht viele Anfänger bei der Gestaltung ihrer Internetrepräsentanz. Und das ist auch gut so. Denn es gibt Fehler, die sollte man zugunsten der Usability – also der Benutzerfreundlichkeit – unbedingt vermeiden. Hier eine kleine Stilkunde:

1.

Der Kontrast zwischen Hintergrund- und Schriftfarbe sollte immer deutlich sein, aber das Auge nicht überanstrengen. Gelbe Schrift auf weißem Grund sollte deshalb genauso vermieden werden wie pinke Schrift auf gelbem Grund.
2. Häufig wird die eigene Webseite von den Gestaltern nicht in verschiedenen Auflösungen betrachtet. Das ist aber wichtig, weil der Durchschnitts-User über einen Bildschirm mit 800 x 600 Pixeln, oder, inzwischen fast verbreiteter, über solche mit 1024 x 768 Bildpunkten verfügt.
3. Die Startseite sollte nicht zu groß sein – am besten nicht über 50 KB, inklusive der Bilder – weil die Ladezeit sonst so lange dauert, dass viele Besucher die Seite vorzeitig verlassen.
4. Java Scripte werden von Anfängern gerne üppig eingesetzt, weil sie einen vermeintlich professionellen Eindruck machen. Fortgeschrittene Webmaster wissen aber, dass man mit der Skriptsprache eher sparsam umgehen sollte, also höchstens ein paar Java Scripte mit ein paar Zeilen Quellcode einfügen. Überlegen Sie gut, ob Sie sie Frames, Banner oder Formulareingaben wirklich brauchen. Die Ladezeit verlängert sich durch die Nutzung nämlich erheblich.
5. Meist gar nicht gut für das Design einer Seite sind animierte Gifs. Sie verfügen jedoch über eine magische Anziehung auf viele Webmaster. Man kann eine Anfänger-Homepage häufig schon an der verschwenderischen Nutzung solcher Bilder erkennen. Die ergeben dann wenig Sinn und sorgen dafür, dass sich die Ladezeit verlängert und das Scrollen stockt. Einfache Grafiken sind überzeugender.
6. Flash sollte man auf einer Webseite erst einbauen, wenn man das Tool wirklich, wirklich beherrscht – alles andere wirkt stümperhaft.
7. Links sollten auch zum richtigen Ziel führen – also besser zweimal prüfen

Wenn Sie diese Regeln beherzigen, ist damit schon mal eine gute Grundlage geschaffen, damit die Besucher sich wohl auf Ihrer Seite fühlen.

Schreibe einen Kommentar :, mehr...

Homepage-Farben: Treiben sie es nicht zu bunt!

von Tobi am 12. Jul. 2010, unter Design

Farben sprechen – auch auf der Homepage. Deshalb sollte die Colorierung der Webseiten wohl überlegt sein. Es ist stets ratsam, dass Inhalt und Form zueinander passen. Wenn sich eine Webseite also um Naturkosmetik dreht, ist von grellen, künstlich wirkenden Farben eher abzuraten. Wenn es auf einer Seite um Kaugummi geht, passen die hingegen wieder ganz gut. Jemand, der keine Ahnung davon hat, sollte sich deshalb wenigstens kurz einmal mit Farbsymbolik beschäftigen.

Farben und ihre Wirkung

Hier dazu nur soviel:
• Blau ist die beliebteste Farbe. Mit ihr werden Sympathie, Harmonie, Freundschaft sowie Vertrauen und Verlässlichkeit assoziiert. Bei Banken und Versicherungen ist sie oft eine dominierende Farbe.
• Rot hat auch viele Anhänger, aber ein ganz andere Wirkung: Zu der Farbe werden Leidenschaft, Aufregung, Wut, Sexualität und Wärme assoziiert.
• Grün ist die Farbe de Natur und des Lebens. Sie steht für Frühling, Hoffnung und Anfang. Assoziiert wird auch Frische, Gesundheit und Unreife. Grün wird eine beruhigende Wirkung zugeschrieben.
• Gelb steht für Sonne, Licht und Wärme, in einer schwächeren Form als Rot, und wird auch auch mit Säure verbunden.
• Schwarz steht für viele negative Gefühle wie Trauer und Einsamkeit, wirkt aber auch elegant, modern, sachlich und eindeutig.
• Rosa wirkt zart, kindlich, süß, naiv
• Mit Weiß werden Adjektive wie vollkommen, gut, sachlich, klar und ehrlich assoziiert.
• Violett erscheint magisch, geheimnisvoll, dekadent und zweideutig.
• Gold wird verwendet, wenn etwas edel und vornehm wirken soll. Das kann aber auch schnell in Kitsch abdriften.
• Silber ruft ähnlich Assoziationen hervor, es wirkt jedoch kühler.

Natürlich gilt diese Symbolik nur für die westliche Welt, denn die Farb-Wahrnehmungen variieren je nach Kulturkreis.

Der Kontrast macht’s

Interessant wird es, wenn verschiedene Farben zusammenkommen. Im Wesentlichen ist zwischen Voder- und Hintergrundfarbe zu unterscheiden. Da letztere große Flächen ausfüllt, sollte sie nicht zu schmerzhaft für das Auge sein. Neon-Gelb ist so z.B. wenig geeignet.

Die Vordergrundfarbe definiert sich auch über den Hintergrund – denn es sollte wegen der Lesbarkeit ein deutlicher Kontrast vorhanden sein. Klassisch auf Webseiten ist der Schwarz-Weiß-Kontrast. Als angenehmer wird aber ein Kontrast voll Hellgrau und Schwarz wahrgenommen.
Bestimmte Farbkombinationen können z.T. extreme Wirkungen hervorrufen. Grüne Schrift auf pinkem Hintergrund kann so etwa für eine erhöhte Atemfrequenz, schnellen Herzschlag und sogar Stress sorgen – also insgesamt keine sehr angenehmen Reaktionen.

Deshalb gilt: Weniger ist mehr! Grundsätzlich ist es ratsam, sich auf einige wenige Farben zu beschränken, die miteinander harmonieren. Idealerweise treten die dann wiederholt auf. Eine hilfreicher Schritt ist, eine Grundfarbe auszuwählen und diese Farbe dann abzustufen. Das vermittelt ein einheitliches Bild. Und schließlich einen professionellen Auftritt.

Schreibe einen Kommentar :, , mehr...

Auf der Suche nach dem richtigen Webhost

von Tobi am 10. Jul. 2010, unter Erste Schritte

Es ist mal wider das grundsätzliche Problem: Die Anbieter von Webspace treten im Netz so zahlreich auf, dass es schwierig ist, das richtiges Angebot plus passenden Tarif ausfindig zu machen. Hier finden Sie ein paar wichtige Tipps, auf was sie bei Suche und Auswahl achten sollten. (weiterlesen…)

Schreibe einen Kommentar :, mehr...

Das erste Mal

von Tobi am 08. Jul. 2010, unter Erste Schritte

Wer eine eigenen Internetrepräsentanz für sich oder Freunde bauen will, holt sich wahrscheinlich im Internet Rat. Zwar bieten auch Volkshochschule und Bücher Anleitungen, aber kein Medium ist dem Vorhaben so angemessen und bietet so viele Informationen wie das Netz. Das macht es allerdings auch so schwierig, das richtige und wichtige Wissen herauszufiltern. (weiterlesen…)

Schreibe einen Kommentar :, , mehr...

Herzlich Willkommen auf unserem Blog

von Tobi am 21. Jun. 2010, unter Allgemein

Hier finden sowohl Webmaster, die gerade ihre erste Seite bauen als auch professionelle Webdesigner Hilfen, Tipps und Infos zu neuen Entwicklungen und Trends rund um das Thema Webdesign.

Willkommens Feuerwerk

Schreibe einen Kommentar :, mehr...

Suchst du etwas?

Du kannst das Eingabefeld nutzen um die Seite zu durchsuchen:

Immer noch nichts gefunden? Dann hinterlasse einen Kommentar und wir werden uns bei dir melden!

Blogroll

Ein paar interessante Links...

    Archiv

    Alle Beiträge, chronologisch...