Angesichts der Herausforderung, neue Besucher zu gewinnen, könnte man meinen, dass alle Webmaster der Welt alles in ihrer Macht stehende tun würden, um eine wunderbare Benutzererfahrung zu bieten und letztendlich jeden hart gewonnenen Kunden zu halten, aber wir alle wissen, dass es eine Reihe von unangenehmen und abschreckenden schlechten Gewohnheiten gibt, die immer wieder aufzutauchen scheinen.
Werfen wir einen Blick auf einige der häufigsten Fehler, die Nutzer immer wieder dazu veranlasst Webseiten innerhalb von Sekunden zu verlassen.

1. Die Website ist zu langsam

In einer Welt, in der fast jeder ein leistungsstarkes Smartphone in der Tasche hat, ist das Internet zum Synonym für sofortige Befriedigung geworden. Ein Benutzer, der sich nicht mehr ganz an die Antwort zu beispielsweise einer Quizfrage erinnert, kann sich die Antwort innerhalb weniger Sekunden über Google zusenden lassen und wenn er einen Freund in einem anderen Land kontaktieren möchte, das Tausende von Meilen entfernt ist, kann er dies im Grunde so schnell tun, wie er die Facebook- oder Whatsapp-Nachricht eingeben kann.

Wir alle sind verwöhnt von der Geschwindigkeit und Reaktionsfähigkeit unserer hyper-verbundenen Welt, und wenn wir also auf ein Suchergebnis klicken und drei Sekunden lang oder länger auf einer leeren Ladeseite sitzen, kann es wie eine Ewigkeit aussehen. Wenn der ursprüngliche Klick auf eine Webseite von nichts anderem als leichtfertiger Neugierde motiviert war, wird der Benutzer sehr wahrscheinlich denken, „Ne, das ist mir zu blöd“ und es woanders versuchen.

Die BBC berichtete 2018, dass sie festgestellt hätten, dass jede weitere Sekunde, die sie mit dem Laden von Seiten verbracht hätten, sie tendenziell etwa 10% ihrer Nutzer kostete, was im Internet enorm ist (durch diese Maßnahme kann das Vergehen von zehn Sekunden bedeuten, dass Ihr Traffic fast verschwunden ist).

Google hat auch angegeben, dass nach ihren Untersuchungen mehr als die Hälfte (53%) der mobilen Nutzer eine Website verlassen werden, deren Ladezeit höher als drei Sekunden ist. Nach sechs Sekunden ist es fast eine Garantie, dass sie sich woanders umsehen. Natürlich sind die funktionalen Anforderungen der meisten Websites nicht sehr kompliziert – der durchschnittliche E-Commerce-Shop oder die Blog-Seite hat wirklich keine Entschuldigung dafür, dass das Laden länger als ein paar Sekunden dauert.

2. Zu viele Pop-Ups

Wir alle haben die Erfahrung gemacht, auf einen Link in unseren Google-Suchergebnissen zu klicken und auf eine Seite zu gelangen, die alles in ihrer Macht Stehende zu tun scheint, um uns davon abzuhalten, den Inhalt zu lesen. Innerhalb von zwei Sekunden erscheint ein riesiger, bildschirmfüllender Popup sowie – allen Internetnutzern in der EU bekannt – ein GDPR/Cookie-Popup, das Ihnen zwei Dinge zum sofortigen Anklicken bietet.

In Kombination mit einer Browser-Warnung, dass „diese Website Ihnen Benachrichtigungen senden möchte“, ist der Gesamteffekt, dass man mit irrelevantem Unsinn bombardiert wird, der den eigentlichen Inhalt, den Sie zu erreichen versuchten, vollständig vergraben – Inhalte, von denen man nun erwartet, dass Sie sich diese selbst freischaufeln, indem Sie jedes der Popups manuell entfernen.

Die Verwendung von Popups ist nach wie vor ein kontroverses Thema; einige Designer und Werbetreibende nennen dank ihrer Verwendung deutlich verbesserte Konversionsraten, während andere durch ihr Potenzial zur Verärgerung der Nutzer abgeschreckt werden (eine Studie aus dem Jahr 2013 ergab, dass überraschende 70% der Menschen sie als störend empfinden).

Wie auch immer Sie sich über sie Gedanken machen, wir können wahrscheinlich alle zumindest zustimmen, dass Popups oft schlecht gemacht werden. Sie mögen ihre Verwendung haben, aber zu viele auf einmal zu liefern und den Wunsch des Nutzers, Inhalte zu sehen, die für seine Interessen relevant sind, nicht zu respektieren, führt eher zu einem Aufschwung als nicht.

Was die GDPR- und Cookie-Benachrichtigungen betrifft, so gibt es zwar eine rechtliche Verpflichtung für alle Websites, die Daten an Benutzer aus der Europäischen Union weitergeben, aber es gibt sicherlich Möglichkeiten, sie zu präsentieren, die störender sind als andere – und Webdesigner von außerhalb der EU können manchmal vergessen, dass diese Nachrichten für einen beträchtlichen Teil ihres Publikums eine weitere Schicht visueller Unordnung verursachen können.

3. Mobile-Unresponsiveness

Es ist bemerkenswert, das Jahr 2019 zu sehen, aber viele Webdesigner scheinen die mobile Version einer Website immer noch fast wie einen Nachkömmling zu behandeln. Es ist immer noch nicht ungewöhnlich, eine mobile Website zu finden, auf der Gegenstände falsch ausgerichtet, überlappend, seltsam formatiert oder einer anderen Aufsicht durch den Designer unterworfen sind, was einem Besucher signalisieren kann, dass Ihr Unternehmen sich nicht die Zeit nimmt, über kleine Details zu sprechen.

Es ist wichtig, sich daran zu erinnern, dass die Bewirtung von mobilen Nutzern nicht „eine Nische bedient“, sondern der wichtigste Teil der Arbeit ist. Statista berichtete, dass 52,2% des gesamten Internetverkehrs im Jahr 2018 auf Handys stattfanden (gegenüber 50,3% im Vorjahr), was beweist, dass Desktop-Browsing heute die am wenigsten genutzte Methode ist, um das Internet zu erkunden.

In Verbindung mit der Algorithmusänderung von Google im März 2018 zur Priorisierung der mobilen Erstindizierung gibt es nun überhaupt keinen Grund mehr, das mobile Erlebnis Ihrer Website zu vernachlässigen. Eine minderwertige mobile Website kann sich negativ auf Ihre SEO-Leistung und die Erfahrungen Ihrer Benutzer auswirken, daher ist es wichtig, sie richtig zu gestalten.

4. Zu viel Animation

Wir haben es verstanden: Die Animation sieht toll aus. Nichts sagt mehr: „Ich bin eine professionell gestaltete Website“, als einige schöne, sanfte Übergänge, Verwandlungen und Erscheinungen, und gut eingesetzte Animationen können ein vitales Leben in ein ansonsten statisches und steriles Layout bringen.
Animation ist jedoch wie ein Gewürz, das sparsam eingesetzt werden sollte und das bei Überbeanspruchung ablenken kann. Im Idealfall sollte es wichtige Inhalte und Call-to-Action-Buttons unterstützen und auf diese aufmerksam machen – und den Benutzer nicht mit Dingen überfordern, die auftauchen und so weit herumschwirren, dass er zu verwirrt ist, um den eigentlichen Text zu lesen.

Animierte Einführungsbildschirme sind ebenfalls sehr aufmerksamkeitsstark, wenn Benutzer zum ersten Mal auf Ihrer Website ankommen, aber lassen Sie sie nicht jedes Mal, wenn sie zur Homepage zurückkehren wollen, die gleiche Animation durchgehen.

Im Allgemeinen sollte die Funktion von Website-Elementen nicht von ihrer ästhetischen Präsentation bestimmt werden; zu verlangen, dass Benutzer darauf warten, dass ein Element erscheint oder aufgrund einer Animation interaktiv wird, ist keine gute Taktik, und das kann dazu führen, dass die Animation Benutzer verärgert, weil sie dem, was sie versucht zu erreichen, im Weg steht.

Ein wiederkehrender Benutzer kann beispielsweise sofort nach seiner Ankunft wissen,dass er beabsichtigt auf die Schaltfläche „Über uns“ zu klicken, aber wenn er wartet, während die Navigationsleiste in aller Ruhe eine Einblendung durchführt, um ihm die Schaltfläche zu zeigen, wird dies wahrscheinlich zu Irritationen führen.

Eine verwandte Anmerkung ist, dass einige Animationen Probleme mit der Zugänglichkeit verursachen können; die Verwendung vieler beweglicher Teile oder Inhalte, die blinken, kann für einige Benutzer Probleme bereiten (z.B. für diejenigen, die eine Aufmerksamkeitsstörung haben), was es ihnen sehr schwer macht, sich auf den Inhalt zu konzentrieren.

5. Medien automatisch abspielen

Keine Diskussion über lästige Webdesign-Fauxpass wäre komplett, ohne die Autoplay-Medien zu erwähnen. Es ist der Fluch der Webnutzer seit den Anfängen des Internets, aber im Gegensatz zu Statusbar-Zelten und GIFs von CGI tanzenden Babys ist es immer noch nicht verschwunden.
Es gibt Möglichkeiten, es geschmackvoll zu machen, aber es wird so oft missbraucht, dass es sicherlich einen Platz auf unserer Liste verdient. Während autoplayed MIDI-Musik und Flash-Seiten mit Audio die Plage der 90er und frühen 2000er Jahre waren, sind die Pocken der heutigen Welt Autoplay-Videos.

Viele Websites setzen heute ein Video, das neben dem Text eines Artikels oder Blog-Posts abgespielt wird – oft ist dies für den Inhalt der Seite völlig irrelevant, und wenn man es schließt, bevor man zu einer anderen Seite navigiert, erscheint es schnell wieder. Natürlich ist das sehr ablenkend und fühlt sich oft ziemlich anmaßend an (als ob die Website sagen würde: „Hey, ich weiß, dass du auf einen Artikel über digitale Designtrends geklickt hast, aber würdest du nicht lieber dieses Video unserer glitzernden Charity-Gala ansehen?“).

Noch schlimmer ist, dass viele Websites diese Videos mit automatisierten Anzeigen einleiten, was angesichts der Tatsache, dass es sich bei den Videos selbst in der Regel um Werbung in der einen oder anderen Form handelt, gleichbedeutend ist mit der Aufforderung an die Besucher, eine Anzeige für eine Anzeige durchzusehen.

Eine kleine Gnade zumindest ist, dass moderne Browser wie Chrome sich in Richtung Autowiedergabe von Videos bewegt haben, die entweder leise oder stumm geschaltet sind, was die Frequenz der extrem lästigen Benutzererfahrung, unerwünschte Audiodateien bei Ihnen wiedergeben zu lassen, erheblich einschränkt.

Fazit:

Letztendlich sind alle in diesem Artikel behandelten Probleme, Ausprägungen von schlechtem UX-Design. Jedes Element der Website muss hinsichtlich seiner Auswirkungen auf die Funktion der Seite bewertet werden: Hilft oder behindert es den Benutzer bei der Suche nach dem, was er sucht? Erhöht oder beeinträchtigt es den eigentlichen Inhalt der Seite? Verkürzt oder verlängert es den Prozess, den der Benutzer durchlaufen muss, um eine Transaktion abzuschließen?

Das Anziehen von Nutzern auf Ihre Website ist oft keine leichte Aufgabe, und es ist sinnvoll, diejenigen zu belohnen, die ankommen, indem sie ihre Bedürfnisse antizipieren und sowohl ihre Zeit als auch ihre Aufmerksamkeit mit dem Respekt behandeln, den sie verdienen. Auf diese Weise können gut behandelte Benutzer zu treuen Stammbesuchern werden, und eine Website kann niemals zu viele davon haben.

Der Beitrag 5 Webdesign-Praktiken, die Sie vermeiden sollten erschien zuerst auf Digitalsuite.

Der Benutzerfluss ist definiert als eine Reihe von Schritten, die Ihren potenziellen Kunden helfen, ohne Ablenkungen oder Hindernisse mit Ihrer Website zu interagieren. Dadurch verbessert es Ihre Konversionsrate und reduziert die Bounce-Rate. Je besser der Benutzerfluss ist, desto höher sind die Umsatzerlöse.

Allerdings ist das Design für einen großartigen Benutzerflusses einfacher gesagt als getan. Es ist ein komplizierter Prozess, bei dem verschiedene Phasen erstellt und bewertet werden. Wenn Sie jedoch ein paar Dinge im Hinterkopf behalten, können Sie schnell einen besseren Benutzerfluss ermöglichen.

1. Kennen Sie Ihre Kunden

Wenn Sie einen Benutzerfluss aufbauen, sollten Sie zunächst an Ihre Kunden denken. Ein tiefes Verständnis der Zielgruppe ist die Grundlage für einen klar definierten Benutzerfluss. Wenn Sie wissen, welche Lösungen sie von Ihnen erwarten, ist die Gestaltung eines geeigneten Benutzerflusses viel einfacher. Es wird Ihnen ermöglichen, eine Perspektive ähnlich wie Ihre Benutzer zu gestalten, was zu höheren Konversionen führt. Aus diesem Grund müssen Sie Benutzerpersönlichkeiten anlegen und die Kundenreise Ihrer potenziellen Kunden planen.

ERSTELLEN VON KÄUFERPERSÖNLICHKEITEN

Sie können sich Benutzerpersönlichkeiten als eine Reihe von Merkmalen vorstellen, die die Mehrheit Ihrer potenziellen Benutzer definieren. Das sind keine fiktiven Vermutungen. Natürlich erfordert die Erstellung von Käuferpersönlichkeiten viel qualitative und quantitative Forschung. Sie müssen Verhaltensmuster, Ziele, Fähigkeiten, Einstellungen und Hintergrundinformationen über Ihre Kunden studieren und erkennen.

Sammeln Sie so viele Informationen wie möglich über Ihre Benutzer.

Stellen Sie sicher, dass sich Ihre Benutzerpersönlichkeit auf die Gegenwart konzentriert. Sie müssen wissen, wie die Benutzer gerade jetzt mit Ihrem Produkt interagieren, und dürfen nicht darüber spekulieren, wie sie dies in Zukunft tun werden.

Sie sollten auch jede Eigenschaft Ihrer Käuferpersönlichkeit mit echten Daten verknüpfen. Sie können mehr als eine Person anlegen. In einem solchen Fall müssen Sie sie jedoch als die primäre (relevanteste) und sekundäre Person einstufen. Außerdem müssen Sie für jede Person unterschiedliche Benutzerabläufe gestalten.

ABBILDUNG VON BENUTZERREISEN

Der nächste kritische Aspekt der Kenntnis Ihrer Kunden ist die Abbildung ihrer Reise. Eine Benutzerreise ist eine Zeitleiste von Benutzeraktionen, die Ihnen verschiedene Berührungspunkte zwischen den Kunden und Ihrer Website zeigt. Es ermöglicht Ihnen zu verstehen, wie Benutzer mit Ihrer Website interagieren und was Sie tun können, um dieses Engagement zu verbessern. Zum Beispiel können Sie feststellen, dass das Entfernen oder Neuausrichten einer bestimmten Stufe von der Reise Ihre Umwandlungen verbessern kann.

Es besteht in der Regel aus Personas, Zeitachsen, Berührungspunkten und Engagement-Kanälen. Detaillierte Kundenpersönlichkeiten ermöglichen es Ihnen, die Auslöser oder Probleme Ihrer Kunden zu identifizieren. Die Zeitachse bestimmt, wie lange die Reise dauern wird, während Berührungspunkte die Phasen sind, in denen Benutzer interagieren oder bestimmte Aktionen durchführen, wie z.B. die Registrierung für Ihre E-Mail-Liste.

Engagement Kanäle sind nichts anderes als verschiedene Möglichkeiten, mit Ihren Kunden zu interagieren, wie z.B. das Versenden von Werbe-E-Mails, Textnachrichten oder Online-Chat. Eine Kundenreisekarte hängt jedoch weitgehend von Ihrer Marktnische und Ihren Kundenpersönlichkeiten ab.

DIE EINGANGSPUNKTE ZU IDENTIFIZIEREN

Neben den Benutzerpersönlichkeiten und der Käuferreise müssen Sie auch die verschiedenen Einstiegspunkte kennen. Einstiegspunkte sind die Art und Weise, wie Ihre potenziellen Kunden Ihre Website erreichen. Normalerweise gelangen sie über einen der folgenden Einstiegspunkte zu Ihrer Website.

• Direkte Eingabe der Webadresse Ihrer Website.
• Durch Social Media Seiten wie Facebook und Instagram. Sie klicken auf die Links in Ihrem Werbeinhalt, um zu Ihrer Website zu gelangen.
• Durch organische Suche (oder Pay-per-Click-Anzeigen, wenn Sie eine PPC-Kampagne durchführen), indem Sie die Suchanfragen in Suchmaschinen wie Google oder Bing eingeben.
• Durch Werbung und Verweise auf anderen Websites, Online-Foren und Blogging-Seiten.
• Über E-Mail-Links, die Sie in Ihren Werbe-E-Mails oder monatlichen Newslettern erhalten.

Das Wissen um diese Einstiegspunkte ist entscheidend, da sie sich auf Ihren Benutzerfluss auswirken. Beispielsweise ist ein Benutzer, der durch Anklicken eines Links in einer Werbe-E-Mail auf Ihre Website gelangt, wahrscheinlich ein wiederkehrender Kunde. Dieser Benutzer ist mehr daran interessiert, ein bestimmtes Angebot zu nutzen, das in der E-Mail erwähnt wird, als Ihre Website zu erkunden.

Auf der anderen Seite ist es wahrscheinlicher, dass jemand, der durch organische Suche oder Social Media Promotion kommt, zum ersten Mal Besucher wird. So werden sie Ihre Website für eine Weile durchsuchen und versuchen, mehr über Ihr Unternehmen herauszufinden, bevor sie irgendwelche Maßnahmen ergreifen. Sie werden einen längeren Benutzerfluss mit mehreren Mikrointeraktionen im Vergleich zu einem Stammkunden haben.

2. Vermeiden Sie es, Benutzer mit zu viel Inhalt zu überschütten.

In ihrem Versuch, Benutzer zu binden, erstellen die UX-Designer oft Benutzerströme, die von Inhalten überlaufen sind. Leider führt dies zu dem gegenteiligen Effekt. Überwältigende Inhalte oder Funktionen lenken die Benutzer eher ab oder frustrieren sie, was zu einer erhöhten Bounce-Rate führt.

ÜBERSCHÜSSIGEN INHALT MINIMIEREN

Ob übermäßiger Inhalt oder Oberflächenelemente, Sie müssen so viele visuelle Ablenkungen wie möglich minimieren. Sie sind nicht nur unnötig, sondern auch unattraktiv. Stellen Sie also sicher, dass Sie alle überflüssigen Inhalte, Grafiken, Animationen, auffälligen Text und flackernde Logos entfernen. Mit anderen Worten, Sie müssen eine gewisse Einfachheit beibehalten.

Deshalb ist der Trend vom minimalistischen Design aktuell so stark ausgeprägt.

Die meisten statischen und serviceorientierten Websites können mit einem minimalistischen Ansatz einfache, aber bemerkenswert attraktive Nutzerströme für ihre Websites gestalten. Erstellen Sie Standortlayouts mit nur den wesentlichen Elementen. Verwenden Sie eine ausgewogene Mischung aus Bildern, Text und anderen Funktionen, die Ihren Benutzerfluss ergänzen.

VERKÜRZUNG DER ANZAHL DER FUNKTIONEN UND OPTIONEN

Ein minimalistisches Design funktioniert auch für verschiedene Funktionen oder Optionen auf Ihrer Website. Sie müssen die Funktionen oder Auswahlmöglichkeiten auf Ihrer Website minimieren. Zu viele Entscheidungen können zu einer Entscheidungslähmung führen. Stellen Sie immer sicher, dass Sie klare Entscheidungen treffen, die zu einer bestimmten Aktion führen.

Der einfachste Weg, dies zu erreichen, ist, die richtigen Call-To-Actions (CTAs) zu erstellen und diese passend auf Ihrer Website zu platzieren. Wenn das Hauptziel beispielsweise darin besteht, Ihre E-Mail-Liste zu erweitern, sollte sich Ihr CTA darauf konzentrieren, Ihre potenziellen Kunden zu bitten, ihre E-Mail-ID mit Ihnen zu teilen. Sie können sie mit einem Rabattcoupon für den nächsten Einkauf locken oder mit einem monatlichen Newsletter.

3. Erstellen und testen Sie Ihre Prototypen

Sobald Sie einen festen Überblick über den Benutzerfluss haben, ist es an der Zeit, verschiedene Prototypen zu erstellen und zu testen. Ein Prototyp ist die greifbare Variante des Benutzerflusses Ihrer Website. Es ermöglicht Ihnen, potenzielle Probleme zu beheben, bevor das eigentliche Design erstellt wird, was Zeit und Geld spart.

TESTEN SIE IHREN PROTOTYP MIT ECHTEN ANWENDERN.

Es ist immer besser, Ihren User Flow Prototyp mit echten Benutzern zu testen. Sie können eine kleine Gruppe Ihrer Zielgruppe (die Ihrer Käuferpersönlichkeit entspricht) für Tests verwenden. Erstellen Sie so viele Prototypen, wie Sie benötigen. Bitten Sie diese Gruppe, sich Ihren Prototyp anzusehen und herauszufinden, welche Maßnahmen sie ergreifen. Ermutigen Sie sie, ehrliches Feedback zu geben.

Es ist immer besser, Ihren User Flow Prototyp mit echten Benutzern zu testen.

Sobald Sie ihr Feedback erhalten haben, versuchen Sie, die Engpässe und Frustrationsbereiche mit A/B-Tests zu beheben. Sie können mehr als eine Alternative anbieten, um ein bestimmtes Problem zu beheben. A/B-Tests helfen Ihnen, mit Sicherheit die bestmögliche Lösung zu wählen.

Natürlich ist es teuer, echte Kunden in die Prototypenprüfung einzubeziehen. Betrachten Sie dies jedoch als eine Investition in den Aufbau einer Website mit hohen Umsatzkonversionen. Alternativ können Sie auch einen UX-Experten beauftragen, um mögliche Probleme mit Ihrem bestehenden Benutzerfluss herauszufinden. Es wird billiger sein, aber vielleicht nicht so umfangreich wie das Testen mit echten Kunden.

WEITER OPTIMIEREN

Die Erstellung eines Benutzerflusses ist ein laufender Prozess. Die Verbraucher werden neue Einstiegspunkte nutzen, Ihre Wettbewerber werden bessere Elemente für den Benutzerfluss integrieren, und auch das Web wird sich ständig weiterentwickeln. Sie müssen auch Ihren Benutzerfluss regelmäßig optimieren, um für diese Änderungen relevant zu bleiben.

Sie können Ihrem Benutzer die folgenden Fragen stellen:

• Was lieben sie an Ihrer Website? Gibt es etwas Einzigartiges, das sie ermutigt, immer wieder zurückzukommen?
• Welches ist das attraktivste Merkmal Ihrer Website und warum?
• Welchen Teil der Website finden sie unattraktiv?
• Was würden sie sonst noch empfehlen, was Ihre Website haben sollte?
• Und schließlich, wie werden sie ihr Benutzererlebnis (oder Einkaufserlebnis) bewerten?
• Berücksichtigen Sie dieses Feedback bei der Aktualisierung Ihres Benutzerflusses. Zum Beispiel können Sie versuchen, die unattraktiven Elemente auf Ihrer Website basierend auf dem Kundenfeedback zu ändern und zu sehen, ob die Änderungen Ihren Umsatz verbessern können.

Fazit:

Benutzerfluss und Benutzererfahrung sind eng miteinander verknüpft. Wenn Sie den Benutzerfluss verbessern, wird auch die Benutzerfreundlichkeit verbessert. Aber bevor Sie mit der Gestaltung des Benutzerflusses beginnen, sollten Sie diese drei Punkte unbedingt durchgehen. Sie werden Ihnen helfen, sich auf eine umfassende Überarbeitung Ihrer Website vorzubereiten. Sobald Sie wissen, was gebaut werden muss, kann Sie nichts davon abhalten, Ihre potenziellen Kunden anzuziehen.

Der Beitrag 3 Tricks für effektive Benutzerführung erschien zuerst auf Digitalsuite.

1. Text, der fast unmöglich zu lesen ist

Bei so viel Fokus auf Lesbarkeit und Zugänglichkeit könnte dieser Trend ein wenig überraschend sein. Designer experimentieren mit schwer lesbaren Hero – Textelementen.

Es ist nicht so, dass die Textelemente unlesbar sind –  man muss nur anhalten und eine Minute lang darüber nachdenken.

Warum sollte diese Technik funktionieren? Text ist in diesen Fällen eher ein künstlerisches Element, und obwohl die Worte eine Bedeutung haben, ziehen sie unsere Aufmerksamkeit wegen der visuellen Komponenten auf sich. Der Text ist so konzipiert, dass Sie absichtlich länger darauf schauen.

Jedes der folgenden Beispiele macht dies auf eine etwas andere Weise:

evagher.com/en/

Hier wird das Wort EVA nur in Außenlinien über dem gesamten Bildschirm dargestellt. Man muss eine Weile überlegen um es zu erkennen aber dieser Effekt macht einen tollen Eindruck. Durch das zusätzlich überlagern des Schriftzuges „Makeup artist – Barcelona“ wird hier gekonnt mit verschiedenen Styles und Elementen gespielt um eine bleibende Wirkung zu erzielen.

davideperozzi.com

Bei diesem Design werden die Wörter Creative und Developer über den Bildschirm hinaus dargestellt. Auch hier muss einen Moment überlegt werden um zu verstehen was es mit diesen Wörtern auf sich hat. Dies ist besonders sinnvoll um Besucher 1-2 Sekunden länger an die Webseite zu binden und die Aufmerksamkeit hoch zu halten.

2. In Your Face Faces

Es ist schwierig, einen direkteren Weg zu finden, um sich mit einem Benutzer zu verbinden, als durch ein markantes Bild. Die Verwendung eines Gesichts zur Vermittlung von Emotionen schafft eine noch ausgeprägtere Verbindung.

Der Designtrend In „Your Face Faces“ tut dies mit atemberaubenden Nahaufnahmen von Menschen. Die Visuals schaffen einen unmittelbaren Fokus und Wirkung. Der Benutzer spürt etwas sofort, noch bevor er mit der Verarbeitung der Worte oder anderer Informationen auf dem Bildschirm beginnt.

Das Schöne an diesem Trend ist, dass er darauf ausgelegt ist, Benutzer mit Inhalten zu verbinden.

Bei jedem der folgenden Beispiele fällt es vielleicht schwer, wegzuschauen. Sie schauen zuerst auf das Gesicht auf dem Bildschirm. Es weckt die Neugierde. Sie beginnen, den Rest des Designs zu scannen, um herauszufinden, worum es geht.

Es ist leicht, sich von Anfang an in ein Design mit einer so starken, markanten Optik einzufügen. Das Beispiel aus der MakuUp Artist Seite vereint diesen Trend sogar auch, es wird mit einem sehr großen Gesichtsbild gearbeitet um Emotionen darzustellen. Dieses folgende Beispiel hat auch ein zusätzliches Element, mit einer Animation, die die Gesichter immer wieder interessanter macht.

gdw.kr

Hier werden sogar 2 Effekte überlagert, welche beide sehr starken Fokus auf Gesichter von Personen legen. Einerseits wurde das Hintergrundbild als Portrait mit aussagekräftigem Gesichtsausdruck verwendet und andererseits ist ein Ausschnitt eines weiteren Protraitbildes darüber gelegt. Ein netter Nebeneffekt ist, dass das überlagerte Bild der Maus folgt und sich beim Bewegen der Maus verändert. Sehr schöne Animation.

3. Der ganze Text nach links

Eine Zeit lang ging der Trend bei Hero-Headern dahin, großen Text in der Mitte des Bildschirms zu verwenden. Sie werden immer noch eine Menge solcher Designs sehen. (Das ist so ein Konzept, welches nie alt wird.) Was an Fahrt gewinnt, ist ein einseitiges Layout mit dem gesamten Text auf der linken Seite des Bildschirms, während Bilder und Grafiken auf der rechten Seite stehen. Es klingt verlockend, es linksbündig zu nennen, aber es ist mehr als das…

Dieses Layout erzeugt bei entsprechender Gewichtung eine andere Art von Symmetrie. Die Elemente auf der linken und rechten Seite des Bildschirms müssen sich gewichtsgleich anfühlen, damit das Auge gut über die Informationen wandern kann.

Responsive Design hat diesen Trend wirklich vorangetrieben:

few.io

Hier auch sehr schön zu erkennen, dass die textliche Gestaltung des Hero-Erscheinungsbildes komplett auf die Linke Seite verlagert wurde.

Text- und Bildelemente stapeln sich auf kleineren Bildschirmen. Das oberste linke Element – hier Text – schwebt auf kleinen Bildschirmen an den Anfang des Designs. Dies bietet eine hervorragende Anzeige für Messaging über dem Scroll auf einem kleinen Gerät, während das konsistente Aussehen und Design, das Desktop-Benutzer erleben, erhalten bleibt.

Was diese Konzentration des linken Texts wirklich gut aussehen lässt ist, dass er nicht flach ist. Jede der Websites verwendet atemberaubende Typografie und Farbe, um das Beste aus dem zu machen, was leicht ein langweiliges Display sein könnte.

Fazit

Nur weil etwas im Trend liegt, bedeutet das nicht immer, dass das Design „gut“ ist. Es bedeutet nicht, dass es auch nicht schlecht ist. Trenddesigns zeigen nur neue Techniken und visuelle Elemente, die regelmäßig auftauchen.

Es kann Spaß machen, ein paar Monate zurückzugehen und sich die Trendelemente anzusehen und zu sehen, ob der Trend von verpufft ist. Von den oben genannten erwarten wir, dass die „in your face faces“ eine Weile in der Nähe bleiben. Dieser Bildstil ist sehr eindrucksvoll, da hier Emotionen mehr im Vordergrund stehen und der Benutzer sich direkt angesprochen fühlt.

Quelle: webdesignerdepot.com

Der Beitrag 3 essentielle Webdesign Trends im Sommer 2019 erschien zuerst auf Digitalsuite.