Effektives Design von Webseiten

Design und Layout sind keine leichten Aufgaben. Viele Designer haben jahrelang an Universitäten studiert, und Spitzendesigner sind hochbezahlt. Einige grundlegende Richtlinien zum effektiven Design können Ihnen jedoch dabei helfen, professionelle und attraktive Websites zu erstellen. Werfen Sie einen Blick in einige dieser Online-Ressourcen, und lesen Sie dann das Manifest.

Web Design 101
In dieser unterhaltsamen Einführung werden einige wichtige Fragen gestellt, die beantwortet werden müssen, noch bevor Sie mit dem Design einer Site beginnen. Das Design einer Site richtet sich in erster Linie nach dem Zweck und dem Publikum. Lesen Sie diese Informationen, bevor Sie beginnen.

Tips for Writers and Designers
Ein subjektives aber umfassendes und nützliches Dokument für Webdesigner von Dave Siegel. Der Großteil der Informationen dieser Site soll WWW-Designern bei HTML-Feinheiten helfen, Teile sind jedoch grade für das Shopdesign in ShopSite von Bedeutung.

Creating Graphics for the Web Designer
Hier finden Sie äußerst nützliche Tips, wenn Sie versuchen, vorhandene Logos und Grafiken in ein webfähiges Format zu konvertieren. Das Dokument richtet sich in erster Linie an Mac-Benutzer und wird sich als besonders nützlich erweisen, wenn Sie mit Photoshop arbeiten. Die Informationen sind zwar sehr technisch, doch gründlich und auf dem neuesten Stand. Es wird beschrieben, wie Sie EPS-Daten in Bitmaps für das Web konvertieren und Photoshop für den Einsatz im Web optimieren. Weiterhin erfahren Sie die besten Verwendungsmöglichkeiten von GIF- und JPEG-Bildern.

Yale Web Style Manual
Ein Online-Lehrbuch. Dieses Lehrbuch besticht zwar nicht grade durch ein auffälliges Design, ist jedoch komplett und bietet einen guten Einblick in das Thema. Es handelt sich um einen fast vollständigen Kurs über effektives und praktisches Weblayout. Sie werden wohl keinen Ruhm erlangen, wenn Sie sich diese Richtlinien zu Herzen nehmen, doch werden Sie in der Lage sein, eine konsistente und leicht zu navigierende Site zu erstellen und damit zufriedene Kunden zu gewinnen.

Ein Manifest: Die schlimmsten Sünden beim Internetdesign

Im Folgenden werden einige der Punkte aufgelistet, die ich während der letzten Jahre über effektives Layout von World Wide Web-Dokumenten gelernt habe. Sie brauchen nicht alle diese Richtlinien zu beachten. Vielleicht sind Sie auch völlig anderer Meinung. Das ist ok. Lesen sollten Sie sie trotzdem.

Text auf einem Computerbildschirm lässt sich nicht so einfach und problemlos lesen wie gedruckter Text. Wir müssen dieses Hindernis überwinden, indem der Text so elegant wie möglich präsentiert wird. Einige dieser Hinweise sollen Ihnen helfen, diese spezifischen Probleme zu umgehen, andere beziehen sich auf Konventionen, die sich im Laufe der Jahre im Internet durchgesetzt haben.

Vermeiden Sie GROSSBUCHSTABEN. IM INTERNET GILT DIES ALS "SCHREIEN", UND AUSSERDEM IST DIESER TEXT NUR SCHWER ZU LESEN. Sieht das nicht schrecklich aus? Wenn Sie ein bestimmtes Wort besonders hervorheben möchten, sollten Sie Fettschrift verwenden. In Titeln und Überschriften können Großbuchstaben hin und wieder durchaus angebracht sein, obwohl ich in den meisten Fällen ein Überschrift-Tag oder eine größere Schrift vorziehen würde.

Unterteilen Sie große Textblöcke. Text auf einem Computerbildschirm zu lesen, wird schnell langweilig und mühsam. Als Daumenregel gilt: Fassen Sie sich kurz. Wenn Ihr Text sehr lang ist, fügen Sie eine leere Zeile zwischen den einzelnen Absätzen ein, wie in diesem Manifest. Sie müssen dazu nur "<p>" zwischen die entsprechenden Absätze einfügen. Möchten Sie ein Zeilenende definieren, jedoch keinen Leerraum zwischen den Zeilen einfügen, verwenden Sie das Tag "<br>". Text sieht im Web häufig unorganisiert und chaotisch aus. Versuchen Sie, einen goldenen Mittelweg zwischen großen, schwer leserlichen Textblöcken und einsamen, zusammenhanglosen Textzeilen zu finden.

Verwenden Sie keine Zeichen, die vom Inhalt ablenken. Sie springen unangenehm ins Auge und sind schwer zu lesen. Setzen Sie Ausrufe- und Fragezeichen sparsam ein. Mehrere Fragezeichen (??????) und Ausrufezeichen (!!!!) sehen furchtbar aus. Zu ... viele ... Auslassungszeichen ... stören den Textfluss und lassen Ihren Text unprofessionell aussehen. Wahllos im Absatz verteilte Fettschrift wirkt sich negativ auf das Erscheinungsbild Ihrer Seite aus. Sehen Sie sich doch einfach mal Ihr Lieblingsbuch an, und achten Sie darauf, wie sorgsam linguistische Mittel eingesetzt werden. (Wenn Ihre Lieblingslektüre Garfield-Comics sind, vergessen Sie den letzten Satz.)

Wo wir schon beim Thema sind: Verwenden Sie Ausrufezeichen nur, wenn Sie etwas ausrufen. Und versuchen Sie, nicht zuviel auszurufen. Sie wollen schließlich keinen übereifrigen Eindruck erwecken, schon gar nicht, wenn Sie etwas verkaufen möchten. Nutzen Sie die Aussagekraft des Wortes, greifen Sie nicht auf Interpunktionszeichen zurück, um Ihre Argumente vorzubringen oder zu untermauern.

Wenn Sie überall "Anführungszeichen" verwenden, verlieren "Anführungszeichen" ihre Bedeutung. Sie sollten sie daher nur sparsam einsetzen. Verwenden Sie sie für Zitate oder für Ausdrücke und Wörter, die Sie normalerweise nicht verwenden würden. Ich setze zum Beispiel den Begriff "Information Superhighway" immer in Anführungszeichen, da ich der Meinung bin, dass dies ein alberner Begriff ist, den die Medien erfunden haben. Durch die Anführungszeichen mache ich mich quasi über den Begriff lustig.

Verwenden Sie kleine Bilder. Dies ist nicht nur aus Geschwindigkeitsgründen ratsam, sondern hat auch ästhetische Gründe. Wenn es sich jedoch um ein Bild handelt, bei dem die Detailgenauigkeit wichtig ist, wie ein Gemälde oder ein Foto, das Sie verkaufen möchten, dann können Sie natürlich ein Bild in voller Bildschirmgröße verwenden. Bei einem Logo oder der Abbildung eines Produkts sollten Sie jedoch darauf achten, dass es weniger als ein Drittel der Bildschirmhöhe und -breite in Anspruch nimmt. Bei den meisten Bildern gilt: Wenn man es erkennen kann, ist es groß genug. Die Größe der Bilddatei selbst sollte normalerweise bei 20 KB liegen. Weitere Ratschläge zu Bildern finden Sie unter Tips zu Grafiken für Online-Verkäufer.

Wenn Ihre Bilder in Spalten angeordnet werden, ist es wichtig, auf eine einheitliche Breite zu achten. Da Ihre Produkte in ShopSite in Spalten aufgelistet werden, sieht Ihr Shop einfach ordentlicher aus, wenn die Bilder alle gleich breit sind. In den meisten Bildbearbeitungsprogrammen können Sie die Breite für Ihre Bilder in Pixeln angeben.

Nehmen Sie sich vor allem Zeit, qualitativ hochwertige Bilder zu erstellen. Das Erscheinungsbild Ihrer Site bestimmt in hohem Maße, was Besucher Ihrer Site über Ihre Produkte und Dienstleistungen denken. Minderwertige Bilder werfen ein schlechtes Licht auf Sie. Wenn es Ihnen nicht gelingt, attraktive und professionelle Bilder zu erstellen, sollten Sie einen Fachmann beauftragen.

Kein blinkender Text! Auf meiner Liste der Designsünden steht dies ganz oben. Ich wünschte, blinkender Text wäre nie erfunden worden. Ich will nicht abstreiten, dass er manchmal nützlich sein kann, nämlich dann, wenn etwas sehr dringend ist. In den meisten Fällen lenkt er jedoch nur vom Inhalt ab. Ihre Augen werden davon richtiggehend angezogen, auch wenn Sie eigentlich etwas ganz anderes lesen möchten. (Obwohl er natürlich nützlich sein könnte, um vom Kleingedruckten abzulenken... ha, ha).

Zurück zur Hauptseite der Hilfe | Suchen | Ihr Feedback
Wenn Sie die benötigte Hilfe nicht finden können, hinterlassen Sie bitte detailliertes Feedback.