Die Grundlagen der Web Design, das funktioniert

Heben Sie Ihre Hand, wenn Ihre Website für kleine Mars Männer konzipiert. Gehen Sie geradeaus. Seien Sie nicht schüchtern.

Jemand? Jemand? Ich habe nicht so denken.

Unsere Seiten sind für die menschliche Interaktion geschaffen. Und wir Menschen - für alle unsere splendiferous Vielfalt - einige universelle Verhalten teilen, egal wo wir sind aus.

Als Herausgeber in die offene Web , ignorieren wir diese Verhaltensweisen auf eigene Gefahr. Was sind Sie?

Ich dachte, du würdest nie fragen.

Hier sind ein paar Grundlagen für die Gestaltung von Websites, die Menschen lesen wollen ...

Die Menschen wollen zu interagieren, so dass es einfach zu machen.

Haben Sie sich jemals jemand die Navigation durch das Internet mit vorgehaltener Waffe gesehen?

Ich auch nicht. Zum größten Teil ist es ein freiwilliger Akt. Menschen klicken um, weil sie nach etwas suchen. Sie wollen die Interaktion mit, was sie finden.

Und doch Website nach Website setzt Barrieren und macht Interaktion schwierig . Sie verwenden cleveren Namen, obskure taglines und "lustig" Navigation Begriffe, die ihre Website-Besucher sich am Kopf kratzen lassen, oder noch schlimmer - Klick entfernt.

Was können Sie auf Ihrer Website tun, um es klar und leicht zu bedienen?

Verfügen über eine einfache Einführung.

Wenn Ihre Website in Englisch ist, Ihre Besucher werden es von oben nach unten gelesen und links nach rechts. Wenn sie auf Ihrer Homepage ankommen, werden ihre Augen nach oben natürlich auf der Suche nach Bestätigung verlassen, dass sie an der richtigen Stelle sind.

An der Spitze Ihrer Website, Ihre Leser sollten den Namen Ihres Unternehmens und Ihre Tagline finden. Diese wesentlichen Worte lassen sie wissen, dass sie gefunden haben, was sie suchten.

Verwenden Sie offensichtlich Navigationsbedingungen.

Wenn es im Restaurant ein Feuer ist Sie heute Abend gehen, werden Sie für den Austritt umsehen? Das Portal? Oder der Ausgang?

Wenn die Leute auf die Links klicken in der Navigationsleiste, dann ist es , weil sie die Seite , sie sind auf, und gehen Sie woanders verlassen wollen. Das heißt, es ist nicht der Ort, um Ihre kreativen Tendenzen zu traben und starten Sie Ihre "About" Seite "Full Disclosure", ruft oder "Versand aus der Zentrale."

Nennen Sie es einfach "About" und aufhören, Ihre Besucher so hart arbeiten.

Das gilt für alle Navigationselemente. Beschriften Sie sie in einfachem Englisch mit den meisten universell verständliche Begriffe, die Sie finden können, um zu beschreiben, was die Nutzer bekommen, wenn sie klicken.

Der Mensch braucht zu lesen. Sie nicht in die Quere kommen.

Websites werden mit Pixeln geformt, und die wichtigsten Punkte auf der Seite sind Ihre Worte .

diese Worte lesen, verwenden Sie diese wichtige Design-Konzepte, um sie auf den Weg und machen sie leicht zu absorbieren.

Umfassen Sie den weißen Raum.

Wenn Sie die Leser über Zeile nach Zeile der Kopie Poren erwarten, geben ihnen eine visuelle Pause. Das ist, was weißen Raum tut.

In weißen Raum auf der linken und rechten Ihrer Inhalte Fläche Worte Raum geben zu atmen. Haben Sie keine Angst zu Raum, um Ihre Zeilen aus einem Bit - Text auf dem Netz ist einfacher zu lesen, wenn sie als Text auf der gedruckten Seite nicht ganz so kompakt ist.

Zeigen Sie etwas Erbarmen mit unseren Augen.

Es gibt ein Übel, Design-Trend, der jetzt beliebt ist. Je älter die Augen bekommen, desto weniger mag ich es. Ich nenne es den "Ton in Ton" Stil.

Sie haben es schon einmal gesehen - es ist grau Text auf einem hellgrauen Hintergrund, braun oder Text auf einem tan Hintergrund. Es ist farbig Art auf einem Hintergrund, der eine etwas leichtere Version der gleichen Farbe ist.

Es ist mit geringem Kontrast, ist es nicht leserfreundlich ist, und es wird Ihre Ursache nicht helfen.

Verwenden Sie stattdessen einen hohen Kontrast Stile. Möchten Sie die meisten lesbaren Text von allen? Gehen Sie für dunkle Schrift auf hellem Grund.

Hier ist eine Seite über Kontrast ich dank Copyblogger der Lead Designer gefunden Rafal Tomal . Es zeigt Ihnen, warum Kontrast entscheidend ist. Verbringen Sie 2 Minuten überprüft es, und Sie werden nie wieder einen geringen Kontrast gehen.

Gehen Sie mit dem Scan - Flow.

Als Leser von oben nach unten und von links nach rechts scannen, wollen Sie sie Ihre Informationen in einer bestimmten Reihenfolge zu sehen und zu lesen. Sie wollen nicht, ihre Augen auf der Seite springen, auf viele ablenkende Grafiken und Text zu landen.

Positionieren Sie Ihre Inhalte so, dass, wenn sie durch ihn bewegen, sind sie Ihre Informationen, um zu absorbieren. Legen Sie die wichtigste Punkt höher auf der Seite, direkt unter dem Header, und auf der linken Seite.

Dann nutzen visuelle Hierarchie , um sie durch Ihre Seite in dem Tempo zu bewegen und in die gewünschte Richtung sie gehen wollen.

Sie wollen wissen, wer Sie sind. Zeig's ihnen.

Das erste Mal, Ihre Website-Besucher Ihre Homepage treffen, sind sie voller Fragen.

Was ist diese Seite? Wer läuft es? Was muss ich über die Werte und Persönlichkeit dieses Geschäft verstehen?

Weil der erste Eindruck visuelle sind, ist es wichtig, diese Fragen in den ersten paar Sekunden mit Ihrer Website-Design zu beantworten.

Ihre Werkzeuge der Wahl sind die Farben und Schriftarten.

Halten Sie sich an zwei Hauptstandort Farben.

Schauen Sie auf dieser Seite um. Copyblogger die beiden Hauptfarben sind dunkelgrau und blau. Grün wird als Akzentfarbe verwendet und zeichnet sich durch, da es sparsam verwendet wird.

Das ist der Effekt, den Sie für Ziel wollen.

Benutzerdefinierte Schriftarten hinzufügen Persönlichkeit und machen Sie Ihre Website von der Masse abheben.

Es ist einfacher als je zuvor aus der Standard-Gruppe von Web-Fonts und experimentieren mit frischen Schriftkombinationen zu sprengen. Für einige inspirierende (und kostenlos) benutzerdefinierte Schriftkombinationen, lesen Sie diesen Beitrag von Brian Gardner.

Halten Sie die Augäpfel auf Ihre Inhalte.

Websites sind für die Menschen gemacht, die sie besuchen. Es gibt keine Greeter auf Ihrer Homepage Ihre Besucher willkommen zu heissen. Das ist die Aufgabe von Ihrer Website - Design .

Die Arbeit mit der menschlichen Natur und nicht gegen sie. Denken Sie sich fragen: "Was ist es klarer machen würde?", und Sie werden nicht schief gehen.

Was werden Sie Ihre Website-Besucher begrüßen tun und sie beschäftigt halten? Lassen Sie uns Ideen in den Kommentaren zu teilen.