Die Homepage – 10 Design Do’s and Don’ts

Jedes Jahr suchen Designer nach dem Neuen, Einzigartigen und Innovativen. Und jedes Jahr werden sie nicht enttäuscht. Das Website-Design, insbesondere für Homepages, spiegelt weiterhin die Veränderungen der Verbraucheranforderungen sowie die Möglichkeiten neuerer Technologien wider.

Es ist leicht, sich von den neuesten kreativen Innovationen mitreißen zu lassen und in neue Techniken einzutauchen, aber es gibt auch eine warnende Geschichte zu erzählen. Das Design muss den emotionalen Bedürfnissen und den Bindungsstandards der Besucher entsprechen, die zu Kunden/Followern werden können.

Geh einen Schritt zurück

Das gesamte Homepage-Design ist im Wesentlichen ein Verkaufsargument. Ob Sie möchten, dass ein Besucher durch irgendeine Art von Conversion in den Verkaufstrichter gelangt; ob Sie möchten, dass ein Besucher genug Ehrfurcht hat, um sich die anderen Seiten anzusehen; oder ob Sie möchten, dass sich ein Besucher emotional engagiert (z. B. für einen wohltätigen Zweck), Sie müssen an den Kunden denken, nicht an Ihre Designpräferenzen oder was Sie für „cool” halten. Es ist leicht, sich von solchen Dingen mitreißen zu lassen B. Parallaxe und Scrollen, aber seien Sie bereit, sich zurückzuziehen und zu überlegen, für wen Sie entwerfen. Neue Augenweiden sind zwar aufregend, müssen aber zur Marke und zum Publikum passen, gehen Sie also vorsichtig vor. Hier sind einige wichtige Gebote und Verbote wird sich immer durchsetzen, egal welche neuen Design-„Trends” auftauchen mögen.

1 Bauen Sie eine enge Beziehung zur Marke und ihren Kunden auf

Egal, ob es sich um eine Spielzeugfirma, einen Luxusjuwelier oder eine Wohltätigkeitswebsite handelt, jede Organisation muss eine Marke und ein Markenimage darstellen. Dies erfordert viel Studium und Forschung, nicht nur das, was ein CEO oder CMO sagen könnte. Wie wird das Unternehmen in den sozialen Medien und auf der aktuellen Website dargestellt? Was ist die „Kultur” im Unternehmen selbst? Wo steht das Unternehmen in seiner Branche? Ein KIA ist kein Cadillac und umgekehrt. Eine traditionelle Bank ist kein neuer und innovativer Kreditgeber. Jede Organisation hat eine Persönlichkeit, und jede Homepage muss dieser Persönlichkeit entsprechen.

Kennen Sie die Kunden – Erstellen Sie ein Profil:

Ebenso hat jede Marke Kunden oder potenzielle Ziele. Wenn Content-Vermarkter ihre Strategien planen, achten sie darauf, Inhalte zu erstellen, die ihre Kunden ansprechen. Sie entwickeln eine Kundenpersönlichkeit, die sehr detailliert ist. Wenn Sie für ein Unternehmen entwerfen, wenden Sie sich an den CMO und erhalten Sie diese Kundenpersönlichkeit. Wenn eines noch nicht entwickelt wurde, müssen Sie die demografischen Merkmale seiner typischen Kunden und/oder seines Zielmarktes ausfindig machen, bevor Sie mit dem Design beginnen. Ihr Design muss diesen Kunden ansprechen, nicht Sie oder irgendjemanden im Unternehmen.

Was einen Firmeninhaber anspricht, mag seine Kunden nicht ansprechen. Manchmal ist es schwierig, Firmeninhaber davon zu überzeugen. 1971 entwarf Carolyn Davidson, eine Kunst- und Designstudentin, den Nike-Swoosh. Phil Knight war davon nicht begeistert, stimmte aber zu, es zu versuchen. Gut, dass er sich für den Designer entschieden hat und nicht für seine eigenen ersten Gedanken. Sie müssen hier vielleicht etwas selbstbewusst und diplomatisch in dieser Behauptung sein. Wenn Sie sich nicht einigen können, schlagen Sie A/B-Tests von zwei Designs vor. Der Beweis liegt in der Zahl derjenigen, die länger bleiben und auf irgendeine Weise konvertieren.

2 Studieren Sie die Psychologie visueller Inhalte und verwenden Sie sie beim Entwerfen

Die Psychologie des Marketings war schon immer an den verwendeten Text gebunden – ein Gefühl der Dringlichkeit schaffen, an den Wunsch nach Zugehörigkeit appellieren usw. Es gibt auch eine bestimmte Psychologie des visuellen Inhalts, und die Neurowissenschaften liefern uns jedes Jahr mehr Informationen darüber. Einiges davon wird natürlich in der Designschule behandelt, einiges jedoch nicht. Die Psychologie des Designs bezieht sich auf den Text, den Sie verwenden, aber auch auf die Prinzipien der Neuropsychologie, die in die von Ihnen erstellten Grafiken eingebettet sind.

• Viszerale Reaktionen: Wir alle haben diese Erfahrungen gemacht. Wir sehen uns eine Hauptseite an und lieben sie (oder hassen sie). Wir können nicht genau sagen warum, aber unser Unterbewusstsein reagiert auf einige Auslöser, die das Visuelle aktiviert hat. Die Psychologie sagt uns, dass diese Art von Reaktionen normalerweise durch grundlegende Wünsche und Bedürfnisse aktiviert werden – Sicherheit, Bedrohung, Trost, Liebe, Überleben usw. Die Verwendung einer pastoralen oder friedlichen Wasserumgebung zum Beispiel wird ein angenehmes Gefühl hervorrufen, aber und offen und schlankes Design fördert tatsächlich ein Gefühl von Sicherheit und Geborgenheit – etwas, das wir vielleicht nicht erkennen.

• Augenbewegung: Wenn Sie sich noch nicht mit neurolinguistischer Programmierung beschäftigt haben, sollten Sie das tun. Dieser Zweig der Neurowissenschaften bezieht sich speziell auf die Augenbewegung auf einer Seite. Ein Teil dieser Forschung hat zur „Drittelregel” geführt. Sie haben viel gelesen und geübt und Grid-Designs verwendet. Die Drittelregel bezieht sich jedoch darauf, wohin das Auge geht, wenn es zum ersten Mal auf eine Seite trifft – es gibt 4 Punkte, die durch die Schnittpunkte einer Tic-Tac-Toe-Seitenteilung gebildet werden. Schauen Sie sich diese Seite an:

  Das wichtigste Element der Seite wird in einer dieser 4 Kreuzungen platziert. Die unteren Schnittpunkte befinden sich unterhalb der Falte, was möglicherweise gegen traditionelle Design-„Regeln” verstößt, aber Neurowissenschaftler sind anderer Meinung. Wenn Sie möchten, dass mehr Informationen angezeigt werden, können Sie das Karussell verwenden und es im Bereich der oberen beiden Kreuzungen platzieren. Es ist eine sehr verbreitete Methode und wird heutzutage häufig verwendet.

• Stimmung und Ton/Farbe: Das Design muss mit allem über die Stimmung und den Ton des angebotenen Produkts oder der angebotenen Dienstleistung übereinstimmen. Die meisten Designer wissen das natürlich, aber die Farbpsychologie spielt eine wichtige Rolle bei der Festlegung dieser Stimmung, dieses Tons und dieser Emotionen:

3 Experimentieren Sie mit Mustern; Übertreiben Sie Muster nicht

Es gibt drei Arten von Mustern, die Sie verwenden können, aber seien Sie auch hier vorsichtig, wenn Sie ein Muster auswählen – es muss zur Mission der Organisation passen und darf nicht übertrieben werden. Glücklicherweise gibt es so viele Ressourcen und Apps für Muster , Sie wird ein passendes finden. Hier sind einige Musterbeispiele, die den Zweck und die Persönlichkeit eines Unternehmens widerspiegeln.

• Das generative Muster: Dies sind sich wiederholende Muster – geometrische Muster, Partikel usw. Einige können ziemlich subtil sein; andere können mutig und überzeugend sein. Hier sind jeweils Beispiele:

  Dieses Muster ist subtil und weich – für eine französische Website zum Komponieren von Musik.

  Dieses Muster ist für eine italienische Firma für zeitgenössische Möbel. Gegen dieses sich bewegende Muster fliegen Bilder von Möbeln in und über die Seite.
  Diese beiden Muster tragen dazu bei, die Identität der Organisation zu verbessern und ihre Kunden-/Follower-Basis anzusprechen.

• Datenmuster: Viele Unternehmen verkaufen eher abstrakte Dienstleistungen, keine konkreten Produkte. Die verwendeten Hintergrundmuster sollten dies widerspiegeln. Diese Muster können von Mathematik oder Hightech inspiriert sein und ein Gefühl von „jenseits der Welt” vermitteln. Hier ist ein Beispiel für ein sehr subtiles und minimalistisches Datenmuster für Optimizely:

• Parallaxe: Viele Designer experimentieren mit Parallaxe, und die Wirkung kann ziemlich verblüffend sein. Während Sie die Bewegung offensichtlich nicht sehen können, ist hier eine Website, die es perfekt macht.

  Maaemo ist ein gehobenes norwegisches Restaurant. Die Wolken streifen über den Himmel, während der Name stationär bleibt. Parallaxe kann erstaunlich sein, aber nur, wenn es richtig gemacht wird. Der Rest des Bildmaterials und des Textes darf nicht zu voll sein, sonst geht der gesamte Effekt verloren und der Besucher wird verwirrt und bombardiert.

• Animationsmuster: Bewegliche Teile können eine große Attraktion sein, und es gibt neuere Technologien, die sie unterhaltsam und überzeugend machen. Darüber hinaus hat die Leichtigkeit, mit der Designer jetzt Animationen hinzufügen können, dazu geführt, dass einige ein wenig über Bord gegangen sind. Berücksichtigen Sie auch hier das Publikum und die Persönlichkeit des Unternehmens, bevor Sie Animationen hinzufügen. Hier ist ein Beispiel von Manchester Masters Fieldwork, einem britischen Webdesign-Unternehmen, das die Art der Animation demonstriert, die sie produzieren können. Sie können die Animation aller Schleifen und Bewegungen nicht erleben. Das ist natürlich übertrieben und wäre für eine Website, die Kinderprodukte verkauft, angemessen.

• Rastermuster: Ein traditionelles Rasterdesign kann verwendet werden, um Hintergrundobjekte in einem symmetrischen Muster zu platzieren. Betrachten Sie dieses Hintergrundgittermuster für Aark Collective, einen Verkäufer von Uhren – perfekt.

• Bleeding: Dies ist ein relativ neues, aber würdiges Designelement, das für bestimmte Arten von Unternehmen geeignet ist. Im Wesentlichen beginnt ein Muster auf der Inhaltsseite und geht dann in einen einfarbigen Hintergrund über. So hatte Web Designer Depot es früher für seine eigene Website.

4 Suchen Sie nach einer einzigartigen Möglichkeit, Schaltflächen zu entwerfen

Die Verwendung herkömmlicher Navigationsschaltflächen kann etwas langweilig sein. Sie müssen nicht sein, wenn sie direkt in das Homepage-Design integriert werden können. Hier sind ein paar Möglichkeiten, wie Designer eine Seite und ihre Schaltflächen unterhaltsam gestaltet haben.

Werfen Sie einen Blick auf die Homepage von Small Stone – sie verkaufen Videos und Musik. Das Menü wurde in ein altmodisches Soundboard gestaltet, und die Knöpfe sind die Navigationstasten – ziemlich einzigartig.

Custom Tshirts ist ein britisches Unternehmen, das es Kunden ermöglicht, ihre eigenen T-Shirts zu entwerfen. Die Navigationstasten sind auf dem T-Shirt platziert, weitere Menüpunkte weiter unten.

5 Experimentieren Sie mit Menüs

Genau wie Schaltflächen können auch Menüs ziemlich langweilig sein. Außerdem können sie von einem ansonsten schönen Design ablenken. Das Ausblenden des Menüs ist inzwischen für Besucher ziemlich verständlich geworden, solange es sich in der oberen linken oder rechten Ecke mit dem Drei-Balken-Hamburger-Element befindet. Dies bereinigt eine Website. Es gibt einige Nachteile, also recherchieren Sie und sehen Sie, ob es für die Organisation richtig ist.

Wieder andere Designer haben damit experimentiert, die gesamte Homepage wie folgt zum Menü zu machen:

6 Gestalten Sie Formulare ansprechend oder unterhaltsam:

Ein Formular befindet sich normalerweise nicht auf der Hauptseite einer Website, aber es funktioniert für einige Unternehmen, wenn das Design entweder angenehm ist oder dem Besucher ein bisschen Spaß macht. Wenn das Formular zum Thema passt, können Sie vielleicht damit durchkommen. Hier sind zwei Beispiele für Formulare, die direkt auf einer Homepage untergebracht sind:

Könnte eine gute Idee für eine Reise-Website sein.

Hier ist ein Beispiel für eine britische Design- und Markenagentur.

7 Fügen Sie der Homepage häufig neue Inhalte hinzu; Lassen Sie es nicht altbacken werden

Menschen mögen Abwechslung, und es ist angenehm, wenn sie auf eine Website zurückkehren, um neue Bilder und Texte zu sehen. Wenn Sie das Logo, das Design, die Farben und die Navigationselemente beibehalten, wissen sie, dass sie sich auf der richtigen Website befinden, aber neue Dinge sind gut zu tun.

Portuondo ist eine Website für Wohnkultur, die regelmäßig ein neues Bild auf ihrer Homepage anbietet, und es kann dazu führen, dass Besucher und Kunden zurückkehren, nur um zu sehen, welche neue Designidee vorgestellt wird.

8 Text nicht übertreiben

Text muss natürlich vorhanden sein. Ein Besucher muss wissen, wo er gelandet ist, und das ist die erste Aufgabe eines jeden Textes. Darüber hinaus jedoch minimal sein. Einige der auffälligsten Homepages haben fast keinen Text, und dies ermöglicht es den Besuchern, das Design in sich aufzunehmen und es für einen Moment zu genießen, bevor sie mit der Navigation beginnen. Und es versteht sich von selbst, dass ausgefallene Schriften nur für große Überschriften geeignet sind und nur dann, wenn sie der Stimmung und dem Ton des Unternehmens entsprechen.

9 Probieren Sie ein einseitiges Website-Design aus

Alles befindet sich auf der Startseite, und der Besucher scrollt einfach. Diese Sites müssen nur einmal geladen werden, und Sie können Schaltflächen oben platzieren, um einen Besucher zu der Stelle auf der Seite zu führen, an der bestimmte Informationen angezeigt werden. Diese sind besonders beliebt bei Menschen wie Ihnen und anderen Künstlern.

10 Verwenden Sie keine Titelseitenkarussells

Es ist wahrscheinlich nicht schön, mit einem Negativ zu enden, aber so beliebt diese auch sein mögen, es gibt viele Probleme damit. Sie könnten ein gewisses visuelles Interesse hinzufügen, und sicherlich reduzieren sie die Unordnung auf einer Homepage, aber es gibt bestimmte Nachteile. Sie sind schlecht für SEO, sie können Performance-Probleme verursachen (Ladezeit, Bildauflösung usw.) und wichtige andere Inhalte müssen möglicherweise unter der Falte platziert werden.

Fazit

Es gibt sicherlich noch viele andere Gebote und Verbote für das Webdesign. Sie haben wahrscheinlich bereits Ihre Haustiere und Haustierärger. Es gibt wirklich nur einen Schlüssel zum Mitnehmen. Der Zweck des Website-Designs besteht darin, Sie, den Designer und den Künstler, mit der Organisation und ihren Verbrauchern zu verschmelzen. Und der wichtigste der drei ist immer der Konsument. Wenn Sie daran denken, diese Zielgruppe im Auge zu behalten, werden Sie die Mission eines großartigen Homepage-Designs erfüllen.