3 Wege, um Ihre Web Design kann besser verbinden Sie mit Ihrem Publikum

Um Web-Design zu schaffen, die, Copyblogger Lead Designer Rafal Tomal verbindet sagt, dass wir eine neue Ebene der Interaktion mit dem Publikum zu erreichen müssen.

A+ A-

cinemagraph

Wie gehen die Menschen erkennen guten Web - Design ?

Es gibt einen großen Unterschied zwischen guten und schlechten Design. Viele Menschen können sich ein gutes Design zu identifizieren, aber sie wissen nicht , was macht den Unterschied .

Die meisten Menschen sind nicht auf der Suche auf einer Website und denken: Das Website hat gut aufeinander abgestimmten serif und serifenlose Schriften und eine schöne Verwendung von weißen Raum!

Nee. Nur Designer denken, dass.

In den meisten Fällen fühlen sich die Menschen genauso wie es etwas Gutes über sie ist. Vielleicht ist es, dass auffällige Schrift oder vielleicht, dass lebendige Farben, aber sie wissen nie wirklich sicher.

Es ist etwas mehr gutes Design als macht es genau richtig aussehen.

Da können Sie Ihre Website-Design nach allen wichtigen Design-Regeln mit chirurgischer Präzision ... und die Menschen können immer noch mag es nicht.

Form, Funktion und Gefühl

Gutes Design ist nicht nur, wie eine Website aussieht; es ist, wie es funktioniert.

Noch eine Website ist auch keine Maschine. Es gibt keine einfache Code-Basis oder ein Rezept für ein gutes Design. Sie können es nicht programmieren, erzeugen sie, oder irgendwie den Prozess zu automatisieren.

Deshalb Ihr Design braucht etwas mehr.

Um eine Web-Design zu erstellen, die eine Verbindung, müssen wir es neue Ebenen der Interaktion mit dem Publikum zu erreichen.

1. Entwurf für den Menschen

Ihre Website-Design schafft einen ersten Eindruck mit Ihren Benutzern, und Sie wollen, dass ihre Interaktion mit Ihrer Website als menschenfreundlich wie möglich zu machen. Niemand will von einem Roboter begrüßt und angewiesen werden.

Machen Sie Ihre Website-Human-Centered Mittel machen es einfach zu bedienen und nicht die Menschen erraten, was sie als nächstes tun sollen. Es bedeutet, dass Sie Ihr Design rund um die Handlungen der Menschen konzentrieren und wie Sie Ihre Besucher Ihrer Website erwarten, für sie zu arbeiten.

Sie können leicht Lösung gemeinsamer Probleme Nutzererfahrung auf Ihrer Website zu verbessern, die sonst Ihre Besucher Zeit, um herauszufinden nehmen würde.

Die häufigsten Probleme, dass die Besucher auf schlecht gestaltete Webseiten zu finden:

  • "Ist es anklickbare?"
    Alle Elemente, die Interaktion mit einem Benutzer benötigen, sollten deutlich sichtbar sein oder in irgendeiner Weise abheben. Links und Schaltflächen sollten zumindest in einer anderen Farbe als der Rest des Körpers Inhalt gekennzeichnet sein.

  • "Wo bin ich?"
    Die Besucher werden auf Ihrer Website verloren fühlen, wenn Ihr Design-Layout nicht konsistent ist. Wenn die Leute nicht wissen, wohin sie gehen, werden sie immer den Ausgang zu finden.

    Sie können die Navigation zu verschieben oder das Layout ändern zu oft zwischen den Seiten. Sie sollten während der gesamten Webseite gemeinsame Muster verwenden, damit Ihre Besucher Ihre Website-Schnittstelle lernen können.

    Konsistenz ist eines der wichtigsten Aspekte einer gut gestalteten Website.

  • "Ich kann es nicht lesen!"
    Ist Ihr Inhalt leicht zu lesen? Wenn nicht, können Sie Ihren Text zu klein sein oder der Farbkontrast zwischen dem Hintergrund und Textfarbe kann nicht klar genug sein.

    Denken Sie daran , dass Sie Design Ihrer Website Typografie für das menschliche Auge.

    Wenn Ihre Zielgruppe ein wenig älter ist, müssen Sie Ihre Typografie machen noch größer und den Kontrast zu erhöhen. Sie sollten die Bedürfnisse Ihrer Benutzer konzentrieren; keine Sorge , wenn es nicht mehr mit dir ästhetisch aussieht.

Typografie

Dies ist ein Beispiel Stück Inhalt von Medium.com in zwei verschiedenen Versionen angezeigt. Sie können klare Räume zwischen den Linien und kontrastreiche Typografie auf der rechten Seite zu sehen. Auf der linken Seite können Sie den gleichen Inhalt und Schrifttyp, aber mit falschen Linienabstände, kleine Schriftgröße und geringem Kontrast zu sehen. Man kann deutlich sehen, die man leichter zu lesen ist.

Nehmen Sie sich etwas Zeit zu bekommen Ihre typische Besucher kennen und ihr Verhalten auf Ihrer Website zu studieren. Finden Sie ihre gemeinsame Fragen und Probleme, und versuchen, sie zu lösen.

Stellen Sie sicher, Ihre Website von den Besuchern nutzbar ist, die Ihnen wichtig. Vergessen Sie Ihr Design flach oder mit ansprechenden Farben zu machen, wenn es für Ihre Leute nicht funktioniert hat.

2. Entwurf für Emotionen

Gefühle haben einen großen Einfluss auf die meisten unserer Entscheidungen. Deshalb können wir Emotionen nicht ignorieren, wenn der Gestaltung von Websites.

Alles Dinge, wenn es um die Gefühle der Menschen. Durch die Verwendung von bestimmten Schriftarten, Formen, Symbole, Fotos oder Farben können wir die Art, wie Menschen fühlen beeinflussen über unsere Produkte, Dienstleistungen oder Marke.

Sie können große Marken spielen mit unseren Emotionen die ganze Zeit sehen. Gerade bei Unternehmen wie Apple, Target oder Starbucks.

Produkt-Design ist definitiv einer der wichtigsten Faktoren in Apples Erfolg. Apple-verbringt viel Zeit und Geld dafür, dass ihre Produkte aussehen schlanke, sexy und modern.

img-Apfel-Produkte

Es ist auch nicht so, wie das Produkt aussieht, aber, wie es funktioniert und sich anfühlt, wenn Sie es verwenden. Die meisten Apple-Produkte haben eine glatte, nice-to-Touch-Oberflächen und konsistente abgerundeten Ecken. Es fühlt sich gut an, nicht wahr?

Also, wie können Sie emotionale Design verwenden?

  • Geben Sie Ihre Marke eine Seele.
    Wählen Sie ein Gefühl, das Sie Menschen fühlen sich über Ihre Marke oder eine Website integrieren möchten, dann konzentrieren sich auf sie und konsistent sein.

    Wollen Sie Ihre Website auf dem leichtherzigen, humorvolle Seite zu sein? Dann nutzen Sie freudigen Farben, glatte Formen, lustige Figuren, und kombinieren es mit Licht Witze ganz über dem Platz.

    Aber lassen Sie uns sagen, dass Sie einen Blog über den Sportwagen laufen. Sie wollen die Menschen mit Ihrer Marke zu assoziieren, so müssen Sie mit ihnen darüber kühl fühlen. Sie können Ihr Design glatt, modern, sexy, und verwenden Sie eine starke Farbe wie Rot zu machen.

    Sie würde nicht wollen hellen Pastellfarben oder Comic Sans Schriftart zu verwenden , da , dass Ihr Design mit dem Geschmack von Sportwagenfans Mismatch würde.

    Mailchimp

    Mailchimp ist einer jener Websites, die seinen eigenen Stil und Charakter hat. Ein lustiger Cartoon Schimpanse Maskottchen bringt auf die Website Humor und erinnert an eine positive Stimmung.

  • Überraschen Sie Ihre Besucher.
    Wollen Sie etwas Aufmerksamkeit zu bekommen? Menschen erinnern sich die Dinge besser und mehr Aufmerksamkeit zu schenken, wenn ihre Gefühle mit ihm verbunden sind. Überraschen Sie Ihre Gäste durch etwas unerwartet, aber positiv zu machen.

    Zum Beispiel zeigen ein "Danke" Nachricht auf einer einfachen Aktion, interessant machen Parallax - Scrolling - Effekte oder Animationen verwenden , wenn der Cursor einige Elemente schwebt über.

    dangelicoguitars.com

    Dangelicoguitars.com verwendet Parallaxeneffekte Scrollen und benutzerdefinierte Seiten entwickelt , um ihre Besucher zu überraschen und sehr interessant , die Website zu machen zu erkunden.

  • Geben Sie Ihren Kindern Süßigkeiten , wenn sie weinen.
    Wie fühlen sich die Menschen, wenn sie auf eine Website gehen und es funktioniert nicht, oder sie erhalten eine 404-Seite? Sie können das Gefühl verwirrt, enttäuscht oder frustriert.

    Sie wollen auf jeden Fall nicht die Menschen, so zu fühlen. Sie können das Problem beheben, indem Sie eine lustige Seite 404 zu machen oder eine eigene Seite einrichten, wenn Ihre Website aufgrund einiger Wartungsarbeiten inaktiv ist.

    Lassen Sie Leute lächeln, wenn es ein Problem gibt, und halten sie damit beschäftigt, wenn sie warten müssen.

    Seite 404

    Ihre 404-Seite muss nicht langweilig sein. Seien Sie kreativ, schreiben Sie etwas lustig, oder einen weiteren Schritt vorschlagen, die ergriffen werden sollten.

  • Halten Sie es positiv.
    Dies ist eine Faustregel: nur positive Gefühle hervorrufen. Sie wollen nie irgendwelche schlechten Gefühle mit Ihrer Marke zu assoziieren (es sei denn, das ist wirklich Ihr Ziel und Sie wissen, was Sie tun).

    Versuchen Sie, positiv Symbole zu verwenden, wie Häkchen, Smiley-Gesichter, und den Daumen nach oben Zeichen. Sie können auch positive Gefühle mit gewünschten Aktionen auf Ihrer Website zuordnen möchten. Beispielsweise:

    • Zeigen Sie ein Smiley-Gesicht (Lohn) nach einer Aufgabe
    • Verwenden Sie einen grünen "in den Warenkorb" -Button
    • Zeigen Sie Häkchen für richtig ausgefüllte Formular Felder
    • Verwenden Sie einen Fortschrittsbalken in mehrseitigen Formulare

    Photojojo den Warenkorb

    Photojojo des Warenkorb-Symbol wird grün mit einem lächelnden Gesicht, wenn Sie auf die Schaltfläche "In den Warenkorb" klicken. Es macht die gesamte Einkaufserlebnis angenehmer.

3. Entwurf eine Geschichte zu erzählen

Das Alter der Herstellung von Homepages wie Flugzeug-Dashboards sehen ist vorbei. Wir vermeiden übermäßige Verwendung von Tasten, Aufruf zum Handeln, und alle anderen Ablenkungen in diesen Tagen.

Die neue Rolle der Website - Design ist es , eine Geschichte zu erzählen .

Stellen Sie sich ein Comic-Buch-Seite. Sie können verschiedene Größe Strips und Illustrationen sehen die Geschichte interessanter zu machen. Es ist entworfen, um Ihre Aufmerksamkeit zu bekommen, halten Sie interessiert, Sie überraschen, erschrecken Sie, Sie zum Lachen bringen ... und das ist nur mit guten Erzählung und Bilder erreicht.

Ihre Website kann eine Geschichte erzählen zu:

  • Entwerfen Sie ein Layout , das die Erkundung verstärkt.
    Versuchen Sie, Ihre Seite Inhalt in einer richtigen Erzählung und progressive Ordnung zu halten. Verwenden Sie eine einfache vertikale Design für eine einfache visuelle Augenbewegung und Strömung.

    Sie können mit einem guten Blickfang Überschrift und einer einfachen Beschreibung über die Klappe beginnen soll. Dann sagen die Besucher über Ihre besten Eigenschaften, Ihrer Kunden Geschichten zeigen, listen Menschen , die Ihre Dienstleistungen oder Produkte verwenden, und schließlich zu einer führen - und nur eine - Aufruf zum Handeln ( und optimieren ).

    Teilen Sie Ihre Inhalte in Teilen, aber stellen Sie sicher, dass es eine klare Verbindung zwischen ihnen ist. Auf diese Weise Ihre Besucher kann es wie eine echte Geschichte zu lesen, ohne Pause oder Pause.

    Denken Sie auch daran eine gute visuelle Balance zu haben, sowohl horizontal als auch vertikal. Lassen Sie Ihre Leser die Augen sanft von links nach rechts bewegen. Wenn ein Abschnitt der linken Hand ist schwer, machen das die andere rechte konzentriert, und umgekehrt.

    Genesis Features

    Wir veranschaulicht alle Funktionen Genesis Rahmen dieser Seite interessanter zu machen Surfen und verbessern zu erkunden.

  • Verwenden Sie verschiedene Inhaltselemente zu halten Besucher interessiert.
    Stellen Sie sicher, dass Ihre Geschichte interessant ist. Sie können verschiedene interaktive Elemente wie Tabs, Schieber verwenden, und Scrollen Animationen Ihre Benutzer in der Erforschung Ihrer Website beschäftigt zu halten.

    Vermeiden Sie lange und langweilige Textabsätze verwenden. Sie können sie in kleinere Portionen mit Videos unterstützt hacken, Grafiken und Illustrationen. Oder Sie können eine Organisation einführen und eine Liste mit Aufzählungszeichen zu machen, die immer leichter ist, für das Auge zu lesen.

    Haben Sie keine Angst Hintergrundfarben zwischen den Seitenbereichen zu ändern. Auf diese Weise können Sie die Balance zu manipulieren und kann Scrollen fördern, wenn die Hintergrundfarben in einer bestimmten Reihenfolge sind.

  • Ermutigen Aktion.

    Jede Geschichte hat ein Ende. Setzen Sie Ihre Haupt Aufruf zum Handeln am Ende Ihrer Geschichte, so dass die Leute den nächsten Schritt machen können.

    Stellen Sie sicher, dass die vertikale Strömung der Seite Besucher direkt auf den letzten Aufruf zum Handeln führt. Vielleicht möchten Sie es mehr im Vordergrund als alle anderen Elemente zu machen, mit einer Überschrift oder Button-Text, der wie eine Fortsetzung der Story aussieht.

Also, was ist der nächste Schritt?

Es gibt immer so viel wir unsere Website-Designs verbessern können. Ich ermutige Sie, es noch einen Schritt weiter zu nehmen. Schauen Sie hinter die Kulissen tiefer.

Man kann nie einfach durch die Pflege Ihrer Besucher und die Verbesserung ihrer Erfahrung falsch sein. Betrachten Sie ihre Gefühle und mehr Sinn für Ihre Website-Inhalte hinzufügen, indem Sie eine gute Geschichte zu entwerfen.

Was ist ein einfaches Design Änderung , die Sie heute machen könnten , die Ihre Benutzer Erfahrung auf Ihrer Webseite verbessern würde?

Flickr Creative Commons cinemagramm von mendhak