Die Konzepte UI (User Interface) und UX (User Experience) sind zusätzlich 70 Jahre archaisch. Ihnen wird in der Tat erst seitdem kurzem die notwendige Zuwendung geschenkt. UX ist zuständig zu Gunsten von Benutzeremotionen, Verhaltensflexibilität und Produktfunktionalität. UI ist zuständig zu Gunsten von die Darstellung welcher Oberfläche unter Einbehaltung eines einheitlichen Stils und einer einheitlichen Logik, sowie zu Gunsten von die Wechselwirkung des Produkts mit dem Benutzenden.

E-Book-Download: Mit einer optimierten Website zu mehr Traffic und Leads

UX und UI Formgebung: Eine Definition

Beim UX-Formgebung geht es drum, ein einfaches Interface einer Webseite zu kreieren. Je verständlicher es zu Gunsten von Benutzende ist, umso höher ist die Wahrscheinlichkeit, dass selbige gezielte Aktionen handeln und dies gewünschte Ergebnis erhalten kann. Beim UI-Formgebung geht es um die Arbeit an welcher grafischen Darstellung: Schriftarten, Schaltflächen, Menüs und Illustrationen, die in welcher Benutzeroberfläche verwendet werden.

Ein UX-Gestalter muss dies Benutzerverhalten zergliedern, neue Verhaltensalgorithmen erstellen und testen. Ein UI-Gestalter erklärt einem Benutzer oder einer Benutzerin, wie mit dem fertigen Produkt gearbeitet werden soll. Werturteilsfrei betrachtet sind UI und UX Gewiss so sehr miteinander verflochten, dass es oft keine klaren Säumen zwischen ihnen gibt.

Welches jedwederlei Konzepte verbinden nach sich ziehen ist die ständige Weiterentwicklung. Es tauchen regelmäßig neue Trends uff, die die bisherigen Ideen oft radikal verändern. Im Folgenden lernen Sie 14 wichtige Trends Kontakt haben, die die Kreation von UI / UX in nächster Zeit stempeln werden.

Verhaltensforschung

Tests und Analysen zum Benutzererlebnis werden im Jahr 2021 immer wichtiger. Viele Marken legen zu viel Zahl uff ein optimales Erlebnis. Dasjenige Problem wohnhaft bei welcher Produktentwicklung ist, dass hierbei x-mal nicht aus Sicht welcher Benutzenden gedacht wird.

Produktentwickler können deswegen nicht aus Probleme vorhersehen, uff die eine Person wohnhaft bei dem Visite einer Webseite trifft. Dasjenige bedeutet, dass Sie zergliedern sollen, welche Sorte von Unterstützung welcher Benutzer oder die Benutzerin erhalten wird, wenn er oder sie verdongeln Fehler macht und nicht dies erwartete Ergebnis erhält.

Sie können zum Vorzeigebeispiel eine spezielle Software verwenden, die Benutzersitzungen reproduziert. Dasjenige gelingt bspw. mit einer sogenannten Heat Map: Durch die Bewegungen und Aktivitäten des Gast-Mauscursors lassen sich Verhaltensmuster eines Webseitenbesuchers visualisieren. Sie können in Folge dessen nicht nur Benutzerprobleme zergliedern, sondern sekundär Designlösungen testen

Verbesserung des Anpassungsprozesses

Dieses Prinzip wird in mobilen Anwendungen eingesetzt und birgt ein großes Potenzial. Es beschreibt Startbildschirme mit „Tooltips“ und Hinweisen. Ebendiese zeugen die Gimmick viel einfacher, namentlich zu Gunsten von Menschen, die dies Produkt noch nie zuvor gesehen nach sich ziehen.

Hinweise sind ein wichtiges Element welcher Navigation. Beim Formgebung eines Interfaces beachten die Entwicklerinnen und Entwickler uff Standardkomponenten, können Gewiss sekundär mit welcher Visualisierung und Platzierung welcher Elemente experimentieren. Die ganze Arbeit kann jedoch nutzlos sein, wenn welcher Benutzende nicht versteht, wie er dies Formular eintragen oder dies Speisefolge hereinrufen kann.

Hinweise können optimal genutzt werden, wenn die Struktur einer Programm oder eines Programms uff welcher Grundlage welcher Untersuchung des Benutzerverhaltens und welcher Benutzerbedürfnisse entworfen wurde. Hinweise können zu Gunsten von irgendwelche interaktive und grafische Elemente verwendet werden:

  • Kurze Anweisungen beim ersten Öffnen welcher Programm

  • Tooltips

  • Automatische Prüfung des ausgefüllten Feldes

  • Fortschrittsanzeige, etc.

Ihre Zusage ist es, den Benutzer schneller mit dem Produkt vertraut zu zeugen und eine komfortable Wechselwirkung zu zuteilen.

Animierte Benutzeroberfläche

Eine animierte Benutzeroberfläche ist nützlich zu Gunsten von die Verbesserung welcher Kundenerfahrung. Animationen halten die Zuwendung welcher Webseitenbesucher uff bestimmten Inhalten und schöpfen dies Potenzial welcher Webseiten-Oberfläche effizienter aus denn statische Grafiken.

Es wird erwartet, dass mehr Marken in diesem Jahr mit Animationen experimentieren werden, während sie zum Vorzeigebeispiel versuchen, animierte Schaltflächen und andere Elemente anstelle welcher standardmäßigen Popmusik-ups oder Fähnchen zur Benutzeroberfläche hinzuzufügen. Speziell zu Gunsten von mobile Anwendungen ist eine animierte Benutzeroberfläche effizient, da sie den Besuchenden die stattfindende Maßnahme konkret visuell anzeigt.

Dunkles Theme

Welcher Dunkelmodus wird von den bekanntesten Produkten und großen Marken wie Instagram, menschenähnlicher Roboter und Google angeboten. Dieser Trend ist zwar nicht neu, wird Gewiss sekundär im Jahr 2021 relevant bleiben. Hier sind ein paar Gründe hierfür:

  • Es ist einfacher, die notwendigen Designelemente vor einem dunklen Hintergrund hervorzuheben.

  • Dasjenige Phänotyp ist hochmodern.

  • Die Akkulaufzeit wird wohnhaft bei Geräten mit OLED- / AMOLED-Bildschirmen merklich verlängert.

  • Nebst geringerer Helligkeit ist die Spannungszustand zu Gunsten von die Augen kleiner.

Dunkle Themes nach sich ziehen ein großes Entwicklungspotenzial, sowohl uff mobilen denn sekundär uff Desktop-Geräten. Um dies Potenzial zu Gunsten von Ihre Programm zu testen, können Sie zu Gunsten von hierfür eine Schaltfläche zur Einschaltung des Dunkelmodus hinzufügen und zergliedern, wie viel von Hundert welcher Benutzenden die neue Prozedur (ergo dies Dark Theme) wählen und wie viele dies weiblicher Mensch, helle Formgebung bevorzugen.

Apple-Geräte eröffnen in den Einstellungen sogar die Vorkaufsrecht, den Modus unabsichtlich zu wechseln.

3D-Kreation anstatt 2D

Die modernen Konzepte einer erfolgreichen Benutzererfahrung und -oberfläche basieren uff den Prinzipien welcher Originalität. Dreidimensionale Objekte wurden zum Vorzeigebeispiel zuerst nur in welcher Spieleindustrie verwendet, Gewiss jetzt findet man sie sekundär in mobilen Anwendungen und Webseiten. „Flache” Bilder werden ergo kurzfristig schon welcher Vergangenheit zugehörig sein.

amazon logo mit 3d effektQuelle: designershub.com

Es gibt unterschiedliche 3D-Effekte. Manchmal sollen Sie nur Schlagschatten unter einem Text verwenden, um die Buchstaben optisch voluminöser zu gestalten. In anderen Fällen können Sie voluminöse Elemente welcher visuellen Identität erstellen, während Sie zum Vorzeigebeispiel den Tafelgeschirr von Logaster verwenden, um sie zu generieren. Sie können sekundär AR- oder VR-Technologie testen, um dies Formgebung welcher Benutzeroberfläche mit animierten Grafiken zu ergänzen.

3D-Konsequenze können die Benutzeroberfläche informativer und interessanter zeugen. Die 360-Qualität-Unterstellung ist ein Vorzeigebeispiel hierfür. Sie gehört zwar zu einer anderen Kategorie, erfüllt Gewiss die gleiche Prozedur wie 3D-Objekte: Sie gestaltet Objekte realistischer und bietet quasi verdongeln Rundumblick.

Formgebung mit Kern uff die Performanz

Ein Teil welcher Menschheit kämpft zwar weiterhin gegen die 5G-Technologie, Gewiss sie entwickelt sich in Betrieb weiter und hat sekundär Stärke uff Trends im Distrikt Benutzererlebnis und Formgebung. Die Internetgeschwindigkeit hat sich merklich erhoben. Deswegen ist es zu Gunsten von dies Benutzererlebnis wohnhaft bei modernen Anwendungen und Webseiten wichtig, dass sie eine geringe Ladezeit nach sich ziehen. Dasjenige sorgt zu Gunsten von verdongeln Widerspruch: Es ist einerseits möglich, mehr Oberflächenelemente zu verwenden, weil die Performanz höher ist – Gewiss die Performanz verringert sich wiederum, wenn die Zahl welcher Elemente erhoben wird. 

In diesem Kernpunkt ist eine detaillierte Betrachtung welcher Bedürfnisse Ihres Zielpublikums wichtig. Zergliedern Sie dies Benutzerverhalten und fügen Sie nur solche Einzelheiten uff Ihrer Webseite hinzu, die zu Gunsten von wertvoll zu Gunsten von dies Formgebung sind und keinen entscheidenden Stärke uff die Ladegeschwindigkeit nach sich ziehen. Mit kostenlosen Werkzeugen (z.B. GTmetrix) können Sie die Seitenladezeiten ermitteln und die Ursachen und überflüssigen Elemente finden, die Ihre Programm verlangsamen.

Geräte synchronisieren

Welcher durchschnittliche Konsumierende verfügt mehrere Geräte, die im regelmäßigen Wechsel oder sogar synchron verwendet werden. Sie benötigen von dort UX-Designs, die uff allen Betriebssystemen und Plattformen gleich gut funzen. Die Funktionsvielfalt welcher verschiedenen Gadgets sollte Gewiss mit einer einzigen Handlung synchronisiert werden können.

Denn Benutzerinnen und Benutzer verwenden nicht mehr nur Smartphones und Laptops, wohnhaft bei denen die UX-Designs aufeinander konzertiert sein sollten.

Es gibt sekundär andere Gadgets, die täglich verwendet werden, wie bspw. Tablets und Smartwatches. Dasjenige UI / UX Formgebung sollte von dort zu Gunsten von aus Arten von Benutzergeräten konzipiert sein. Dasjenige umfasst unter anderem die Synchronisation von Statistik, wodurch Konsumierende uff jedem ihrer Geräte all ihre Statistik gespeichert und griffbereit nach sich ziehen.

Augmented-Reality-Apps zu Gunsten von mobile Geräte

Es wird erwartet, dass der weltweite Umsatz mit mobilen AR-Anwendungen solange bis 2022 uff  15497.53 Mio. Dollar ansteigen wird.

Welches macht „Augmented Reality“? Sie erweitert die Möglichkeiten des UX-Designs zu Gunsten von mobile Geräte und bietet ein umfangreicheres Benutzererlebnis. AR beseitigt aus physischen Barrieren wohnhaft bei welcher Wechselwirkung zwischen den Benutzenden und welcher Programm. Im Zuge dessen ändert sich dies Kommunikationserlebnis mit einer Marke komplett.

Durch die Integration virtueller Designelemente in den physischen Raum zuteilen die Entwicklerinnen und Entwickler den Anwendern eine tiefgreifendere Wechselwirkung mit dem Produkt. Augmented Reality hat ein enormes Potenzial, vor allem zu Gunsten von Marken, die ihre Produkte online verkaufen oder im Bildungsbereich, den Medien oder in welcher Unterhaltungsbranche tätig sind. Beispiele zu Gunsten von AR-Anwendungen in diesen Bereichen sind virtuelle Umkleideräume oder interaktive Lernwerkzeuge.

agmented reality mit doodlens appQuelle: doodlelens.app

Revolutionäre Ungleichmäßigkeit und „falsche“ Layouts

Asymmetrisches Formgebung ist überall zu finden ist. Zweitrangig welcher menschliche Leib ist nicht perfekt symmetrisch: Die Länge welcher Arme ist zum Vorzeigebeispiel leichtgewichtig unterschiedlich.

Ungleichmäßigkeit kann und sollte in den Oberflächen von Web-Anwendungen und mobilen Programmen genutzt werden. Die Gründe zu Gunsten von die Verwendung hängen von welcher Gesamtdesignstrategie ab. Ungleichmäßigkeit wird zum Vorzeigebeispiel gesucht, um Gleichgewicht und Zusammenklang zu hinhauen, oder um ein gewolltes „Unordnung“ zu erzeugen.

Wenn Sie die erste Vorkaufsrecht (Gleichgewicht und Zusammenklang) wählen, dann basiert dies asymmetrische Formgebung uff Lücken, klaren Linien, kontrastierenden Farben. Wenn Sie ein Gefühl von „Zufälligkeit“ hinzufügen möchten, dann sollten Sie unkonventionelle Farbkombinationen, ungewöhnliche Kompositionen oder „zufällige“ Objekte verwenden.

Die richtige Verwendung von Ungleichmäßigkeit führt entgegen welcher anfänglichen Hoffnung zu einer Regelmäßigkeit welcher Inhalte. Die Säumen welcher Wahrnehmung werden verschoben, welches die Marke einzigartig macht.

wholy dose website bilder von kaffeeQuelle: wholydose.com

Unkonventionelle Typographie

Weitestgehend aus modernen App-Gestalter wissen, dass die Typographie wichtig ist. Es gibt jedes Jahr neue Trends, durch die sich die Größen und Arten von Schriften sowie die Möglichkeiten zu Gunsten von ihre Komposition uff den Seiten verändern.

Die Schriftarten werden im Jahr 2021 unkonventioneller aussehen. Riesige Beschriftungen, die die Bilder teilweise oder ganz verdecken, werden zum Vorzeigebeispiel relevant sein. Buchstaben, die die ganze Zuwendung uff sich ziehen oder zusätzlich die Säumen des Bildschirms rausgehen, werden Ihnen in welcher Zukunft uff einigen Webseiten begegnen.

Dasjenige UI / UX Formgebung im Jahr 2021 erlaubt verschiedene Schriftarten (sekundär Serifen), kontrastierende Farbkombinationen und allgemeine Mißton. Dasjenige soll Zuwendung hervorrufen und die Zuwendung welcher Benutzerinnen und Benutzer länger uff Ihrer Programm halten.

Generatives Formgebung

Nebst dem generativen Formgebung handelt sich um Programme, die in welcher Standpunkt sind, große Mengen ähnlicher Statistik zu zergliedern, gemeinsame Merkmale zu finden und uff welcher Grundlage welcher bereitgestellten Informationen neue Statistik zu erstellen. 

Es gibt schon mehrere zwölf dieser uff Algorithmen basierenden Werkzeuge, unter anderem Merger 360, Creo Generative Formgebung oder nTop Platform. Sie können verwendet werden, um Layouts zu planen, Stile auszuwählen, die Zugänglichkeit zu steuern und andere Aufgaben zu erledigen, zu Gunsten von die früher viel Zeit und wenig kreativer Unkosten erforderlich war.

Berührungslose Wechselwirkung

Dieser Trend hat angefangen, sich nachher welcher Corona-Weltweite Seuche zu prosperieren. Durch die neuen Reglementieren zu Gunsten von die kontaktlose Wechselwirkung zwischen den Menschen (und Geräten) ist er weltweit relevant geworden. Es geht um verschiedene Möglichkeiten, mit Geräten zu funktionieren, ohne sie eins-zu-eins zu berühren. Dasjenige ist zum Vorzeigebeispiel durch verschiedene Sprachschnittstellen und welcher Steuerung durch Gesten, wie bspw. wohnhaft bei welcher kontaktlosen Bezahlung, möglich.

Gestensteuerungstechniken werden in Zukunft wahrscheinlich sogar Touchscreens ersetzen. Ein Vorzeigebeispiel hierfür ist die berührungslose Steuerungstechnologie welcher europäischen Luxusautomarke DS Automobiles. Eine Demonstration des Systems hat gezeigt, dass Gesten 3-mal genauer funzen denn die Steuerung zusätzlich verdongeln Touchscreen:

UI / UX und Künstliche Intelligenz 

Die Benutzeroberfläche und dies Benutzererlebnis werden von Experten und Expertinnen gestaltet. Dasjenige Endprodukt hängt eins-zu-eins von ihren Handlungen und Fähigkeiten ab. Die aktuellen Trends zielen von dort nicht nur uff die Computer-Nutzer ab, sondern sekundär uff die Entwicklerinnen und Entwickler.

Aus modernen Werkzeuge zu Gunsten von die Arbeit mit Schnittstellen nach sich ziehen im Allgemeinen die folgenden Ziele:

  • Weniger Routine wohnhaft bei welcher Verwendung

  • Synchronisierung welcher Arbeitsprozesse von Designern und Entwicklern

  • Komfortable Entwicklungsumgebung

  • Die Möglichkeit, aus welcher Ferne an gemeinsamen Projekten zu funktionieren

Kosmos dies zusammen bildet verdongeln welcher Haupttrends zu Gunsten von dies moderne Formgebung welcher Benutzeroberfläche. Dasjenige Ziel ist, die Arbeit welcher Designerinnen und Gestalter durch Technologien und Werkzeuge welcher nächsten Generation zu vereinfachen.

Ein Vorzeigebeispiel zu Gunsten von den Sicherheit von KI im UX Formgebung ist Adobe. Adobe’s Update zu Gunsten von die Photoshop-Version 22.0 enthält eine Schlange innovativer KI-gestützter Funktionen von Nvidia. Es handelt sich hier insbesondere um eine Schlange von Bildbearbeitungswerkzeugen, die uff „Neural Filters“ basieren. 

Ein weiteres Vorzeigebeispiel ist welcher Grafikeditor Pixelmator. Die Pro-Version nutzt maschinelles Lernen zu Gunsten von Funktionen wie automatische Ebenenbenennung, Horizonterkennung und Objektentfernung.

Fazit: Benutzerfreundlichkeit denn konstanter Trend

Die aktive UI / UX-Kreation wird 2021 viele Möglichkeiten eröffnen. Marken werden sich mit mehreren Themen synchron in Anspruch nehmen sollen, von welcher Eröffnung eines dunklen Themes solange bis hin zum 3D-Rendering von Elementen. Ein Trend, welcher sich hier durch aus Designs ziehen wird ist die Wichtigkeit eines herausragenden Benutzererlebnisses.

website optimierung

Titelbild: scyther5 / iStock / Getty Images Plus

Zeiger: Nebst diesem Mitgliedsbeitrag handelt es sich um verdongeln Gastbeitrag von Dmytro Leiba, Marketingexperte wohnhaft bei Logaster.

Ursprünglich veröffentlicht am 13. Mai 2021, aktualisiert am Mai 13 2021


Originalquelle Hubspot

Published On: Mai 13th, 2021 / Categories: Digitales Marketing /

Leave A Comment

Die neusten Newsletter

Tragen Sie sich ein, um informiert zu bleiben.

    Mit Absenden des Formulars stimmen Sie unserer Datenschutzerklärung zu.