Wesentliche Designtrends, Mai 2017
Einen guten ersten Eindruck zu hinterlassen ist ein wesentlicher Bestandteil des Website-Designs. Die Homepage ist oft die erste Erfahrung, die ein Benutzer mit einem Unternehmen oder einer Organisation hat, und ein markantes Design kann dazu beitragen, Interesse zu wecken. Die Trends dieses Monats konzentrieren sich alle auf Designelemente für die Startseite, die nur ein bisschen anders sind als das, was Benutzer normalerweise sehen.
Von einem rein ästhetischen Trend in flachen Heldenkopfzeilen und diagonalen Ecklayouts bis hin zu einem Benutzerinteraktionstrend in diesem oder jenem, der zum Handeln aufruft, gibt es viele interessante Möglichkeiten, die Aufmerksamkeit der Benutzer auf sich zu ziehen.
Hier ist, was in diesem Monat im Design Trend ist:
1. Flache Heldenköpfe
Für eine Weile war der Trend mit Heldenbildern groß, fett und das Bild füllte den Bildschirm, oft von der Oberseite der Homepage bis zum Anfang der Schriftrolle. Immer mehr Designs fangen an, sich von diesem überdimensionierten Imagetrend für flachere Heldenbilder zurückzuziehen.
Ein Großteil des Designs ist immer noch gleich. Heldenkopfzeilen enthalten immer noch schöne Bilder oder Text mit einer Konfiguration, die zum Anschauen gedacht ist. Aber die Bilder sind ungefähr halb so tief.
Was ist schön an diesem Konzept ist es hilft, andere Informationen auf dem Bildschirm zu bewegen. Körperkopien und Handlungsaufrufe, die nicht im Heldenbild enthalten sind, erscheinen im Design höher und geben den Benutzern etwas zu tun oder klicken sofort. Es kann helfen, Unordnung im Bild selbst zu verhindern, was ziemlich wichtig sein kann, wenn das Bild beschäftigt ist oder schwer, effektiv mit Text zu koppeln.
Dieses Entwurfsmuster kann dem Gesamtdesign auch mehr Leerraum hinzufügen, wodurch es leichter und einfacher zu navigieren ist. Mit minimaleren Stilen, die immer noch populär sind, könnte dieses Konzept einer der Faktoren sein, die diese Designentscheidung antreiben.
Der härteste Teil der Verwendung eines flacheren Heldenbildes ist das Beschneiden. Es ist eines dieser Dinge, über die Sie schon früh im Designprozess nachdenken sollten, wenn Sie mit dem Fotografen über Bilder sprechen. Da die Form nicht standardmäßig ist, müssen Sie möglicherweise erläutern, wie Sie das Bild verwenden möchten, um ein Foto oder Video zu erhalten, das mit diesem Seitenverhältnis gut aussieht.
2. Diagonale Eckenlayouts
Einige Trends sind einfach zu viel Spaß zu ignorieren. Diagonale Ecklayouts sind eines dieser Konzepte.
Diese Entwürfe werden durch Elemente veranschaulicht, die in einer Ecke des Bildschirms - oft unten rechts - gruppiert sind und sich auf den Rest der Leinwand auffächern. Elemente sind oft so positioniert, dass sie aussehen, als würden sie in das Design eindringen.
Diagonale Eckenlayouts bieten ein anderes Eye-Tracking-Muster für Benutzer, indem sie einen Fokuspunkt in der unteren Ecke eines Designs statt oben links oder in der Mitte erstellen und mit der Idee von Elementen, die über den Bildschirm zu "explodieren" scheinen, eine gewisse Tiefe erzeugen. (Für einen zusätzlichen Kick zum Design sollten Sie Elemente animieren, um diesen Explosionseffekt mit Bewegung zu verstärken, wenn der Benutzer über bestimmte Elemente scrollt oder über diese Elemente schwebt.)
Um diese Elemente optimal zu nutzen, "verstecken" viele Designs mehr Elemente unterhalb der Schriftrolle, um das zusätzliche Element der Realität hinzuzufügen, so dass Teile des Designs, die Sie nicht sehen können, fühlbar sind und auf der Schriftrolle existieren.
Obwohl diese Art von Entwurfsmustern nicht mit jeder Art von Inhalt funktioniert, kann es eine gute Idee für Designs sein, die nicht viel andere Kunst haben und viele Benutzeroberflächenelemente verwenden, um Aufmerksamkeit zu erregen. Es kann auch für Portfolio-Designs verwendet werden oder als eine Möglichkeit, viele kleinere visuelle Elemente in einer einzigen Einheit zu organisieren.
3. Dies oder das ruft zum Handeln auf
Fast jedes Website-Design enthält eine Art Call-to-Action. Ob es sich um ein Formular zum Ausfüllen, einen Link zum Klicken oder eine Richtung handelt, um weiter nach Inhalten zu scrollen, der Benutzer wird aufgefordert, etwas zu tun. (Und sie erhalten oft etwas anderes als Belohnung für diese Bemühungen.)
Immer mehr Designs beginnen mit der Spiegelung von Call-to-Action-Aktionen, die es Benutzern ermöglichen, auf der Startseite eine Auswahl zu treffen, wenn sie entscheiden, was als nächstes zu tun ist. Das Design könnte eine Reihe von Möglichkeiten aussehen, wie zum Beispiel die direkte, die Sie betrügen oder nicht in Frage stellen Worte verletzen zu der Zwei-Panel-Option von Stoli zu der Click-Options-Navigation für die Hallo Pointe Drive In .
Dieser Design-Stil gibt dem Benutzer die Kontrolle darüber, was er tun und sehen möchte, was mit der richtigen Mischung aus Inhalt und Auswahl ansprechend sein kann. Alle drei Beispiele unten zeigen, wie der Benutzer vorgehen kann und was passieren wird. (Es gibt auch Outs, wenn der Benutzer eine falsche Entscheidung trifft und zurückgehen muss.)
Die Herausforderung hier ist, dass Sie genau die richtige Art von Inhalt benötigen, damit dieses Designmuster funktioniert. Manche Benutzer können von mehreren Wahlmöglichkeiten überwältigt werden und wollen nur einen einzigen Handlungsaufruf mit einer einzigen Wahl - vervollständigen Sie die Aktion oder nicht. Hier haben Benutzer doppelt so viele Optionen zu berücksichtigen. Um das Beste aus der Auswahl zu machen, muss der Inhalt absolut ansprechend sein.
Fazit
Im Gegensatz zu einigen anderen Trends, die wir in letzter Zeit untersucht haben, sind die Trends dieses Monats reine visuelle Elemente, die Sie zu einem bestehenden Design hinzufügen können. (Obwohl du dir vielleicht nahe kommst, wenn du Glück hast.)
Diese Design-Schemata beruhen etwas mehr auf der Planung von Inhalt und Design, um dem zu entsprechen, in dem Wissen, dass Sie ein bestimmtes Konzept im Auge haben. Es braucht Vorplanung und in einigen Fällen sogar ein wenig HTML oder CSS Magie, um alles zusammen zu ziehen.
Welche Trends liebst du gerade (oder hasst)? Ich würde gerne einige der Websites sehen, die Sie fasziniert sind. Schreibe mir einen Link auf Twitter ; Ich würde gerne von dir hören.