Web Design Blunders vermeiden

Web-Design Blunders vermeiden - Dummies

Reisen Sie einfach im Internet - vor allem in Bereichen mit vielen persönlichen Seiten, wie der GeoCities-Website oder dem AOL-Heimatstadtbereich - und Sie kann viele Beispiele schlecht gestalteter Seiten finden. Aber was macht diese Seiten schlecht? Von den vielen Konstruktionsfehlern, die Sie vornehmen können, sind drei unter den Erstellern neuer Webseiten üblich: langsam ladende Seiten, unschöne Farbkombinationen und kleiner Text.

Langsam ladende Seiten

Dies ist die Nr. 1 Fluch des Webseiten-Designs, ob Amateur oder Profi. Die Leute denken, dass sie ein Magazin entwerfen und große, unkomprimierte Grafiken herumwerfen, mehrere pro Seite. Dann fügen sie niedliche kleine Designelemente hinzu, von denen jedes als separate Datei vom Webserver gesendet werden muss. Während jedes der verschiedenen Elemente in Erscheinung tritt, verschiebt sich das Seitendesign und flimmert in einer Weise, die garantiert Reisekrankheit verursacht. Wenn eine Seite von Ihnen langsam geladen wird, liegt es normalerweise an der Tatsache, dass Sie einen von zwei Hauptfehlern begehen.

  • Fehler # 1 beinhaltet mangelnde Sorgfalt bei einer oder zwei individuellen Grafiken. Wenn Sie diese Grafikdateien groß halten, verlieren Sie die ganze Seite, um das Laden zu verlangsamen.
  • Fehler # 2 soll Grafiken im Allgemeinen verschwenderisch verwenden. Hoch gestaltete Seiten können viele kleine grafische Elemente enthalten, die beim Laden der Seite viele separate Dateiübertragungen verursachen. Wenn die Seite nicht sorgfältig entworfen ist, verschiebt sich die Seite tatsächlich etwas, wenn jede Grafik hereinkommt. Der Gesamteffekt kann ziemlich beunruhigend sein.

Grafiken können nicht nur dazu führen, dass Ihre Seite langsam geladen wird - sie benötigen auch viel Zeit zum Erstellen, neigen zu Urheberrechtsproblemen und stellen herausfordernde Design- und Seitenlayoutprobleme dar. Halten Sie die Verwendung von Grafiken auf Ihrer Seite einfach, bis Sie wirklich gut im Entwerfen mit Grafiken sind, oder bis Sie Hilfe von jemandem erhalten können, der dieses Talent selbst hat.

Hässliche Farbkombinationen

Vielen Webseitenherstellern ist es egal, ob die von ihnen verwendeten Farbkombinationen attraktiv sind oder nicht. Andere interessieren sich dafür, können aber ihre eigene Arbeit nicht kritisch beurteilen und sehen, wie hässlich und / oder schwierig das Ergebnis ist.

Sie können verstehen, dass bestimmte Farbkombinationen hässlich sein können, aber vielleicht erscheint es uns merkwürdig zu sagen, dass schlechte Farben zu schwierig zu verwendenden Seiten führen können. Der Grund dafür ist, dass im Internet Hyperlinks mit unbenutzten Links und kürzlich verwendeten Links mit unterschiedlichen Farben identifiziert werden. Die Standardfarben für Links sind blau für nicht besuchte Links und lila für besuchte Links. Wenn Sie diese Farben ändern, können Ihre Besucher nicht erkennen, welche Links sie besucht haben und welche Links sie nicht haben.

Wenn Sie einfach die Verbindungsfarben ändern müssen, versuchen Sie, Farbkombinationen zu verwenden, die den Standardfarben entsprechen - eine hellere, auffällige Farbe für unbesuchte Links und eine matte Farbe für besuchte.Das ist zumindest konzeptionell den Standardfarben ähnlich. Testen Sie dann das Design bei ein paar Leuten und sehen Sie, ob sie schnell herausfinden können, welche Links welche sind.

Nun zurück zu hässlich. Nur weil das Web die Verwendung verschiedener Farbkombinationen ermöglicht, heißt das nicht, dass Sie das tun sollten. Schwarzer Text auf weißem oder elfenbeinfarbenem Hintergrund ist das, was die Menschen gewohnt sind und ist immer die sicherste Wahl. Und mit dieser Kombination zeigen sich die Standard-Link-Farben wirklich gut. Sie können eine grafische Leiste an einer bestimmten Stelle auf der Seite verwenden, um Ihren Webseiten ein farbenfrohes, grafisches Aussehen zu verleihen, ohne die Vorhersagbarkeit und Lesbarkeit des Textes auf jeder Seite zu beeinträchtigen.

Einige andere Farbkombinationen funktionieren ziemlich gut, aber viele nicht. Denken Sie auch daran, dass einige Benutzer ihre Monitore im 256-Farben-Modus betreiben und dass nur 216 Farben der 256 - die web-sichere Farbpalette - auf PCs und Macs gleich sind. So kann eine Farbkombination, die auf Ihrem System gut aussieht, auf einem System mit weniger Farben schlecht aussehen. Ebenso sehen Farben, die auf einem PC gut aussehen, auf einem Mac möglicherweise nicht so gut aus.

Kleiner Text (und auch großer Text)

Ein häufiger Fehler, den Menschen machen, ist die Verwendung von kleinem Text auf ihren Webseiten. Kleiner Text sieht irgendwie cool aus, und Sie können viele Informationen einpacken. Aufgrund dieser Versuchungen haben selbst große Websites, wie frühe Versionen der Microsoft-Website, diesen Fehler gemacht. Das Problem ist, dass kleiner Text auf einem hochauflösenden Monitor zu sehr kleinem Text wird. So klein, dass viele Personen, die Ihre Website besuchen, möglicherweise nicht in der Lage sind, den Text auf Ihrer Seite zu lesen.

Weniger häufig, aber ebenso schädlich, ist Text, der zu groß ist. Sie müssen keine Webseiten mit Text erstellen, der aus 20 Fuß Entfernung lesbar ist. Ja wirklich. (Menschen mit echten Sehproblemen schalten Windows und / oder ihren Browser so, dass Text in extragroßer Größe angezeigt wird, so dass sie eine Möglichkeit haben, Text zu lesen, der normal groß ist.) Das sieht schrecklich aus, besonders wenn man es auf einem relativ niedrigen System betrachtet. Auflösung, z. B. 800 x 600 Auflösung.

Beide Probleme werden durch die zunehmende Tendenz verschlimmert, einen Großteil des Textes einer Website in Grafikbilder einzubetten. Dieser Text hat immer ein konsistentes Aussehen, da er vom Browser als grafisches Bild behandelt wird, aber dieser Look kann leicht zu klein oder zu groß sein. Wenn Sie Text als Bilddateien speichern, kann der Text nicht vom Browser geändert werden, um andere Browsereinstellungen zu berücksichtigen. So kann der Benutzer keine Probleme mit grafisch angezeigtem Text beheben.

Was ist "normaler" Text? Froh, dass du gefragt hast. Es gibt keine exakte normale Größe, aber es gibt eine normale Reichweite. Um es zu finden, passen Sie die Textgröße in Ihrer Webseite an die Textgröße in einigen Webseiten an, die Sie mögen. Dann fragen Sie mehrere Leute - nicht alle jünger und mit Falkenäugigkeit, noch alle älteren und weniger visuell akut - um Ihnen zu sagen, ob sie den Text leicht lesen können, während sie bequem ein paar Fuß vom Computer entfernt sitzen. Wenn dies nicht der Fall ist, beheben Sie das Problem, bevor es für Ihre Website-Besucher zu einer Belastung wird.