﻿{"id":3361,"date":"2021-06-16T09:57:21","date_gmt":"2021-06-16T07:57:21","guid":{"rendered":"https:\/\/www.sortlist.de\/blog\/?p=3361"},"modified":"2024-08-14T14:23:23","modified_gmt":"2024-08-14T12:23:23","slug":"ui-design-trends","status":"publish","type":"post","link":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/","title":{"rendered":"UI Design Trends: Was Nutzer heute gl\u00fccklich macht"},"content":{"rendered":"<p class=\"ql-align-justify\">Die K\u00fcrzel UI und UX stehen f\u00fcr User Interface und <a href=\"https:\/\/www.sortlist.de\/blog\/user-experience\/\" target=\"_blank\" rel=\"noopener\">User Experience<\/a>. Theoretisch sind dies zwei verschiedene Bereiche. W\u00e4hrend UI sich mit der Darstellung, sprich Schriftarten, Men\u00fcs und Schaltfl\u00e4chen, besch\u00e4ftigt, liegt das Augenmerk bei der UX darum, das Interface von Websites m\u00f6glichst nutzerfreundlich zu gestalten. Sprich, dass das Men\u00fc \u00fcbersichtlich, dass die CTA-Buttons zu den entsprechenden Seiten verweisen und dass der Aufbau organisch und f\u00fcr die Besucher:innen angenehm zu nutzen ist.<\/p>\n<p class=\"ql-align-justify\">Praktisch jedoch sind diese beiden Design-Bereiche so eng miteinander verbunden, dass sich eine einzelne Betrachtung kaum lohnt. Wie in allen Bereichen in denen Design involviert ist, gibt es stets neue Trends. Die wichtigsten haben wir hier f\u00fcr Sie zusammengestellt.<\/p>\n<h2 class=\"ql-align-justify\">Von reinem Text zu 3D-Animationen<\/h2>\n<p class=\"ql-align-justify\">Obwohl der Gedanke von <a href=\"https:\/\/www.sortlist.de\/ux-agentur\/deutschland-de\" target=\"_blank\" rel=\"noopener\">UX und UI<\/a> schon seit rund 70 Jahren bekannt sind, hat sich in Sachen Websites und deren Design in den vergangenen 30 Jahren enorm viel getan. Die Trends der vergangenen Jahrzehnte zeigen besonders eine Richtung.<\/p>\n<p class=\"ql-align-justify\">W\u00e4hrend die ersten Webseiten noch pers\u00f6nliche Projekte von begeisterten Programmierer:innen waren, sind dank Wix und Co. Websites heute einfach zu gestalten. Umso wichtiger ist es, dass das Design ansprechend und vor allem den neusten Trends entsprechend gestaltet ist.<\/p>\n<h2 class=\"ql-align-justify\">Daten sammeln<\/h2>\n<p class=\"ql-align-justify\">Ein Kernelement j\u00fcngster UX Design Trends, ist das Sammeln von Daten. Eine Seite wird online gestellt und Analyst:innen ermitteln mittels spezieller Software, wie die Maus der User:innen \u00fcber die Seite bewegt wird. Daraus k\u00f6nnen R\u00fcckschl\u00fcsse \u00fcber die Qualit\u00e4t des Seitenaufbaus gezogen werden. Die so entstehende Heat Map kann dabei helfen das UX Design anzupassen und Buttons so zu positionieren, dass die Nutzenden sie auch wirklich wahrnehmen.<\/p>\n<p class=\"ql-align-justify\">Au\u00dferdem k\u00f6nnen Sie dank einer detaillierten Heat Map auch solche Elemente eliminieren, die unn\u00f6tig sind. Gerade wenn es um Geschwindigkeit und die Lenkung der Aufmerksamkeit der User:innen geht, sind Daten wie diese die Grundlage.<\/p>\n<h2 class=\"ql-align-justify\">Erkl\u00e4rungen einf\u00fcgen<\/h2>\n<p class=\"ql-align-justify\">Obwohl viele Menschen sich heute zumindest sicher in der Anwendung und Nutzung von Webseiten f\u00fchlen ist noch nicht jede:r Nutzer:in ein Native. Deswegen ist es wichtig, Elemente im UI\/UX Design einzuf\u00fcgen, die auch weniger erfahrenen User:innen dabei helfen, sich gut auf der Seite zurecht zu finden. Ganz einfache Beispiele k\u00f6nnen R\u00fcckmeldungen von der Seite sein. Dazu geh\u00f6ren beispielsweise visuelle Feedbacks zum im richtigen Format eingegebenen Daten oder zum Fortschritt auf der Seite.<\/p>\n<p class=\"ql-align-justify\">Ein Beispiel aus der Praxis ist, wenn Sie Ihre E-Mail-Adresse eingeben und ein gr\u00fcnes H\u00e4kchen erscheint. Sie kennen sicher auch das Negativbeispiel, bei dem Sie mehrmals erfolglos versuchen, Ihre Daten einzutragen, aber nie wissen, was Sie falsch gemacht haben. Gerade bei Telefonnummern oder Geburtstagen kann dies extrem auf die Nerven gehen.<\/p>\n<h2 class=\"ql-align-justify\">Design mit Animationen<\/h2>\n<p class=\"ql-align-justify\">Es erscheint wie eine Kleinigkeit, macht das Nutzen aber umso angenehmer. Einer der spannendsten neuen Design Trends sind zweifelsohne Animationen. Im UX-Design er\u00f6ffnen sich damit ganz neue M\u00f6glichkeiten.<\/p>\n<p class=\"ql-align-justify\">Ein animierter Men\u00fc-Button ver\u00e4ndert nicht nur das Design, sondern erh\u00f6ht auch die <a href=\"https:\/\/www.sortlist.de\/blog\/joy-of-use\/\">Joy of Use<\/a> f\u00fcr den Nutzenden. Kleine visuelle R\u00fcckmeldungen sind ein echter Schatz f\u00fcr ein gutes Nutzererlebnis. Damit k\u00f6nnen User:innen einerseits aktiv auf der Seite geleitet werden, andererseits k\u00f6nnen auch relevantere Elemente einfach und besser betont werden. Wirklich zum Tragen kommen Animationen bei Buttons, die keine Beschriftung haben und so erst beim Dr\u00fcberfahren mit der Maus als solche erkennbar werden.<\/p>\n<h2 class=\"ql-align-justify\">Die dunkle Seite<\/h2>\n<p class=\"ql-align-justify\">Eine weitere neue Entwicklung in den UX Design Trends ist die Implementierung von Dark Themes. Das dunkle Design ist im UI besonders deswegen beliebt, weil es ganz neue M\u00f6glichkeiten f\u00fcr Designer:innen er\u00f6ffnet. Aber auch im UX ist es spannend, denn gerade bei mobilen Endger\u00e4ten ist eine geringere Akku-Belastung durch ein Dark Theme ein gro\u00dfer Vorteil.<\/p>\n<h2 class=\"ql-align-justify\">3D statt 2D<\/h2>\n<p class=\"ql-align-justify\">3D-Bilder sind der neue Design Trend in Sachen UI\/UX. UI-Designer:innen klatschen dabei sicherlich begeistert in die H\u00e4nde, weil sich so viele neue Optionen er\u00f6ffnen. Von kleinen Elementen im Design (beispielsweise ein Schatten unter der Schrift) bis hin zu 3D-Ansichten zu Produkten oder einem virtuellen Rundgang (nat\u00fcrlich in 3D) im Gesch\u00e4ft. Auch in Sachen UX-Design Trends gewinnen 3D-Illustrations an Bedeutung, denn mit einem dreidimensionalen Logo oder Button erschlie\u00dfen sich neue M\u00f6glichkeiten im E-Commerce.<\/p>\n<figure style=\"width: 366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/lh5.googleusercontent.com\/0FikQPjBERPmSWezV6yau47NiTm02oOaUz4zlOujfSIZ9u-8keYIFW_C_wjuTJXl5N_NxdttKa3hXuDmRqQXsdcswd5EePS9Cm-7CQhCGNMD8BguQ5K_P3W1UIeuTe1TKS0jkgv0\" alt=\"Design greifbar machen mit UX und UI\" width=\"366\" height=\"549\" \/><figcaption class=\"wp-caption-text\">Quelle: <a href=\"https:\/\/www.pexels.com\/photo\/tilt-shift-lens-photography-of-person-holding-a-letter-1485444\/\">Pexels<\/a><\/figcaption><\/figure>\n<h2 class=\"ql-align-justify\">UX braucht Geschwindigkeit<\/h2>\n<p class=\"ql-align-justify\">Lange vorbei sind die Zeiten, in denen sich mit knarzenden Ger\u00e4uschen ins Internet eingew\u00e4hlt wurde und sich Seiten fast Linie f\u00fcr Linie luden. Heute haben wir daf\u00fcr weder Zeit noch Geduld. Dementsprechend ist es auch bei UI\/UX f\u00fcr Designer:innen essentiell, die Ladegeschwindigkeit im Auge zu behalten. Denn was n\u00fctzt die ansprechendste 3D-animierte Landing Page, wenn die Geduld der Besucher:innen schon vom Abwarten ersch\u00f6pft ist.<\/p>\n<figure style=\"width: 545px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/lh5.googleusercontent.com\/wwJ-Bv0k5fgxi5K0ePwi3LgAlJmlKYt8z6CoaO92YFwZ9QBn0Ti_fHMJrH-e6tSIVObKTb5qylM3HReKSLMMU1eKNrBqR4Hp-_fbjOtIorgNHNOHPSaqcZ95A3EYgtewnrpcRYPL\" alt=\"UI braucht Geschwindigkeit\" width=\"545\" height=\"363\" \/><figcaption class=\"wp-caption-text\">Quelle: <a href=\"https:\/\/www.pexels.com\/photo\/light-trails-on-highway-at-night-315938\/\">Pexels<\/a><\/figcaption><\/figure>\n<p class=\"ql-align-justify\">Hier lohnt es sich, nicht nur mit einem Auge den aktuellen Trend zu beobachten, sondern auch das eigene Zielpublikum genauer zu analysieren. So kann eine tolle Animation bei einigen Firmen sicher Sinn ergeben, aber beispielsweise im E-Commerce, wo die angebotenen Produkte im Vordergrund stehen, die Ladezeit unn\u00f6tig verl\u00e4ngern.<\/p>\n<p class=\"ql-align-justify\">Nachdem Sie wissen, was Ihr Publikum m\u00f6chte, k\u00f6nnen Sie nun auch mittels spezieller (und teils kostenloser) Tools genau untersuchen, welche Elemente in Ihrem Design wahre Ressourcenfresser sind und welche die Ladezeit nicht oder nur gering beeinflussen. Vertrauen Sie Ihren Designer:innen und trennen sich von zwar lieb gewonnenen, aber unn\u00f6tigen Elementen. Das UX-Design wird es Ihnen danken.<\/p>\n<h2 class=\"ql-align-justify\">F\u00fcr alle passend<\/h2>\n<p class=\"ql-align-justify\">Damit nicht genug von UX\/UI Design Trends. Heute ist es wichtiger denn je, dass das Design for alle m\u00f6glichen Endger\u00e4te funktioniert. Denken wir nur an den E-Commerce. Wir sehen uns einen Artikel auf dem Smartphone an und rufen ihn sp\u00e4ter wieder auf unserem Laptop oder Tablett auf. Der Trend geht bei Benutzer:innen zu mehreren mobilen Endger\u00e4ten. Dementsprechend muss auch das Design der UI\/UX auf diese Bed\u00fcrfnisse abgestimmt sein.<\/p>\n<p class=\"ql-align-justify\">Wichtiger als das Design selbst ist aber, dass Nutzende alle ihre Daten von jedem Ger\u00e4t aus abrufen k\u00f6nnen.<\/p>\n<p class=\"ql-align-justify\">Ein gutes Beispiel ist hier der Cloud-Speicher Google Drive. Stellen Sie sich nur einmal vor, Sie k\u00f6nnten von Ihrem Telefon aus nicht auf die von Ihrem Laptop hochgeladenen Daten zugreifen. Selbst der Gedanke ist seltsam, oder? Hier spielt das UX Design eine herausgehobene Rolle. Denn nicht nur wollen wir zugreifen, wir wollen bequem zugreifen. Google Drive hat dies absolut \u00fcberzeugend umgesetzt.<\/p>\n<h2 class=\"ql-align-justify\">Wo sich digital und offline treffen<\/h2>\n<p class=\"ql-align-justify\">Nein, es ist keine Neuheit, aber das macht diesen Trend nicht weniger spannend: Augmented Reality. Die Verkn\u00fcpfung von digitaler und realer Welt auf dem Bildschirm ist bisher oft nur in Spielen zum Einsatz gekommen. Das bekannteste Beispiel d\u00fcrfte zweifelsohne das Spiel Pokemon Go sein. Mit dem Telefon m\u00fcssen dort Pokemons in der Stadt eingefangen werden. W\u00e4hrend man also auf dem Telefon die reale Umgebung sieht, erscheint hier und da ein Pokemon.<\/p>\n<h3 class=\"ql-align-justify\">Aus der Spielwelt ins Business<\/h3>\n<p class=\"ql-align-justify\">Dieses Prinzip wird heute auch immer mehr im UX Design eingesetzt. Die M\u00f6glichkeiten sind gerade im <a href=\"https:\/\/www.sortlist.de\/s\/produktdesign\/deutschland-de\">Produktdesign<\/a> dabei vielf\u00e4ltig. Sie k\u00f6nnen ihr Produkt beispielsweise dank dieser Technik in Ihrem eigenen Heim erst einmal digital platzieren. Das kann beispielsweise bei Bekleidung Sinn ergeben. Sie m\u00f6chten sehen, ob Ihnen die Farbe steht? Dank AR k\u00f6nnen Sie neue Trends daheim anprobieren, bevor Sie etwas bestellen.<\/p>\n<p class=\"ql-align-justify\">Allerdings ist hier auch Vorsicht geboten. AR sollte nur vorsichtig und dort eingesetzt werden, wo ein direkter Vorteil f\u00fcr die Kund:innen entsteht. Wie im ersten Punkt erw\u00e4hnt, es wichtig, dass Sie Ihre Zielgruppe genau kennen. Denn AR ist ein wahrer Ressourcenfresser. Wenn es nicht ein elementarer Bestandteil Ihres Designs oder Ihres Angebots ist, sollten Sie sich dieses Projekt zwei mal \u00fcberlegen.<\/p>\n<h2 class=\"ql-align-justify\">Gewolltes Ungleichgewicht<\/h2>\n<p class=\"ql-align-justify\">Wir empfinden als sch\u00f6n, was symmetrisch ist. Aber selbst die perfekteste Symmetrie stellt uns optisch nur dann zufrieden, wenn sie hier und da gewollt unterbrochen wird. Dies gilt auch f\u00fcr Web-Anwendungen und mobile Programme.<\/p>\n<h3 class=\"ql-align-justify\">Beispiel Nike<\/h3>\n<p class=\"ql-align-justify\">Nehmen wir beispielsweise die Seite des Sportausstatters Nike. Der Grundstock der Seite ist vollkommen zur\u00fcckhaltend, wei\u00df, geradlinige Schrift. Die Bilder sind jedoch farbenfroh und intensiv. Der theoretische Widerspruch zwischen Zur\u00fcckhaltung und starken Farben macht die Seite so ansprechend. Beiden Elementen kann so Aufmerksamkeit gewonnen werden. Die Bilder bekommen Raum zu wirken, die Schrift hingegen lenkt nicht unn\u00f6tig ab und vervollst\u00e4ndigt die Bilder.<\/p>\n<h2 class=\"ql-align-justify\">Mehr als Comic Sans<\/h2>\n<p class=\"ql-align-justify\">UI Design Trends haben einen Bereich, in dem es Jahr f\u00fcr Jahr neue Entwicklungen gibt. Schriftarten sind wohl eines der wichtigsten Elemente im Design. Immer neue Typografien werden entwickelt und auch die Anordnung von Texten hat sich ver\u00e4ndert.<\/p>\n<h3 class=\"ql-align-justify\">Mut zu gro\u00df<\/h3>\n<p class=\"ql-align-justify\">In diesem Jahr beispielsweise werden Sie immer h\u00e4ufiger auf Seiten treffen, auf denen \u00fcbergro\u00dfe Schriftz\u00fcge auch \u00fcber Bilder hinweg oder gar \u00fcber die Grenzen des Bildschirms hinaus gehen. Die Grenzen des Machbaren sind nur durch die Fantasie der Designer:innen gesetzt.<\/p>\n<figure style=\"width: 607px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/lh5.googleusercontent.com\/DHXsJmDF5vPCIwEnKq1PTr12qKVU4P2Bk-pgoXAxPEsFr2j3eHfoYQTErzUwiBQIn1aoSNvQWKUoB7wiCHP6_oSsxte5ckUFin7mFhBebxpYjmUPuhM90Qbz738RhAB81Val-5ol\" alt=\"Dream Big im UI Design\" width=\"607\" height=\"342\" \/><figcaption class=\"wp-caption-text\">Quelle: <a href=\"https:\/\/www.pexels.com\/photo\/dream-big-signage-945966\/\">Pexels<\/a><\/figcaption><\/figure>\n<p class=\"ql-align-justify\">Unkonventionelle Schriftarten sind aber mehr als nur ein Design-Element. Sie k\u00f6nnen aktiv zur UX beitragen, indem Sie besonders auff\u00e4llige Fonts gezielt einsetzen, um beispielsweise den Blick der User:innen zu lenken.<\/p>\n<h2 class=\"ql-align-justify\">Bitte nicht ber\u00fchren<\/h2>\n<p class=\"ql-align-justify\">Designer:innen d\u00fcrfen sich heute wie in einem futuristischen Hollywood-Streifen f\u00fchlen. Denn immer mehr Programme bieten ein &#8222;Voice User Interface&#8220;. Sprachsteuerung mag sich zwar im ersten Moment befremdlich anf\u00fchlen, doch wenn Sie sich einmal daran gew\u00f6hnt haben, werden Sie bald nichts anderes mehr machen wollen.<\/p>\n<p class=\"ql-align-justify\">Das bekannteste, bereits weit verbreitete Programm ist Apples Siri. Der Trend zum ber\u00fchrungslosen Steuern wird sich aber wohl auch in diesem Jahr weiter ausbreiten.<\/p>\n<h2 class=\"ql-align-justify\">Oberstes Gebot: Benutzerfreundlichkeit<\/h2>\n<p class=\"ql-align-justify\">Egal, ob<a href=\"https:\/\/www.sortlist.de\/webdesign\" target=\"_blank\" rel=\"noopener noreferrer\"> UX oder Interface Design<\/a>, alle Zeichen deuten darauf hin, dass es bei allen Entwicklungen for allem eine Richtung gibt. Die Steigerung der Benutzerfreundlichkeit. Webseiten sind kein Selbstzweck, das Erlebnis des Users, die UX, muss einfach gut sein.<\/p>\n<p class=\"ql-align-justify\">Eine gute Erfahrung ist es dann f\u00fcr den Nutzenden, wenn die Benutzung Spa\u00df macht und alle gew\u00fcnschten Informationen oder Anwendungen erreichbar sind. Die Aufmerksamkeit der Benutzer:innen zu halten ist dabei Hauptaufgabe des Designs.<\/p>\n<p class=\"ql-align-justify\">Dank zahlreicher neuer Trend-Entwicklungen gibt es heute kaum noch etwas, was nicht geht. Angefangen von Animationen, Anpassung und einem &#8222;Dark Mode&#8220;, um die Akkulaufzeit mobiler Ger\u00e4te zu schonen, \u00fcber 3D-Bilder und Effekte ist heute alles machbar, was gef\u00e4llt.<\/p>\n<p class=\"ql-align-justify\">Dabei m\u00fcssen aber zwei Dinge im Auge behalten werden. Zum einen die Geschwindigkeit der Seite an sich, zum anderen wie die Designs auf verschiedenen Endger\u00e4ten funktionieren.<\/p>\n<p class=\"ql-align-justify\">Ein weiterer spannender Trend ist die Verbindung zwischen realer Umgebung und Telefon. Auf gleich zwei Wegen ist das heute m\u00f6glich. Einerseits durch Sprach- und Gestensteuerung, andererseits durch AR. Beide Optionen er\u00f6ffnen ungeahnte M\u00f6glichkeiten und sind besonders stark mit der Benutzerfreundlichkeit verbunden.<\/p>\n<p>Wenn Sie mehr \u00fcber Webdesign erfahren m\u00f6chten, empfehlen wir Ihnen, unseren vollst\u00e4ndigen <a href=\"https:\/\/www.sortlist.de\/blog\/webdesign-letifaden\/\" target=\"_blank\" rel=\"noreferrer noopener\">Webdesign Leitfaden<\/a> zu lesen oder eine professionelle <a href=\"https:\/\/www.sortlist.de\/webdesign\/deutschland-de\" target=\"_blank\" rel=\"noopener\">Webdesign-Agentur<\/a> zu beauftragen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die K\u00fcrzel UI und UX stehen f\u00fcr User Interface und User Experience. Theoretisch sind dies zwei verschiedene Bereiche. W\u00e4hrend UI sich mit der Darstellung, sprich Schriftarten, Men\u00fcs und Schaltfl\u00e4chen, besch\u00e4ftigt, liegt das Augenmerk bei der UX darum, das Interface von Websites m\u00f6glichst nutzerfreundlich zu gestalten. Sprich, dass das Men\u00fc \u00fcbersichtlich, dass die CTA-Buttons zu den [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":9693,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[45],"class_list":["post-3361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI Design Trends: Was Nutzer heute gl\u00fccklich macht - Sortlist Blog<\/title>\n<meta name=\"description\" content=\"Neue UI Design Trends beinhalten nicht nur optische Elemente, sondern auch AR und Sprach- und Gestensteuerung. Alles im Zeichen der Nutzerfreundlichkeit.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI Design Trends: Was Nutzer heute gl\u00fccklich macht - Sortlist Blog\" \/>\n<meta property=\"og:description\" content=\"Neue UI Design Trends beinhalten nicht nur optische Elemente, sondern auch AR und Sprach- und Gestensteuerung. Alles im Zeichen der Nutzerfreundlichkeit.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-16T07:57:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-14T12:23:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/06\/de-cover-images-2-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Leonard Basse\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Leonard Basse\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"11\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/\"},\"author\":{\"name\":\"Leonard Basse\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#\\\/schema\\\/person\\\/b9802b27b8299e4488ece8cb1575dc19\"},\"headline\":\"UI Design Trends: Was Nutzer heute gl\u00fccklich macht\",\"datePublished\":\"2021-06-16T07:57:21+00:00\",\"dateModified\":\"2024-08-14T12:23:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/\"},\"wordCount\":1837,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/06\\\/de-cover-images-2-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/\",\"name\":\"UI Design Trends: Was Nutzer heute gl\u00fccklich macht - Sortlist Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/06\\\/de-cover-images-2-1.jpg\",\"datePublished\":\"2021-06-16T07:57:21+00:00\",\"dateModified\":\"2024-08-14T12:23:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#\\\/schema\\\/person\\\/b9802b27b8299e4488ece8cb1575dc19\"},\"description\":\"Neue UI Design Trends beinhalten nicht nur optische Elemente, sondern auch AR und Sprach- und Gestensteuerung. Alles im Zeichen der Nutzerfreundlichkeit.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/06\\\/de-cover-images-2-1.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/06\\\/de-cover-images-2-1.jpg\",\"width\":1748,\"height\":1240,\"caption\":\"UI Design Trends\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/ui-design-trends\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI Design Trends: Was Nutzer heute gl\u00fccklich macht\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Sortlist Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#\\\/schema\\\/person\\\/b9802b27b8299e4488ece8cb1575dc19\",\"name\":\"Leonard Basse\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_12_1625133031-96x96.jpeg\",\"url\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_12_1625133031-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_12_1625133031-96x96.jpeg\",\"caption\":\"Leonard Basse\"},\"description\":\"Lenni is someone we would typically call \u00ab the cool kid \u00bb, of the content team. Passionate by nature &amp; surf, when he is not riding his bike, you will find him behind his computer writing about his other passion: marketing!\",\"url\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/author\\\/leonard-basse\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI Design Trends: Was Nutzer heute gl\u00fccklich macht - Sortlist Blog","description":"Neue UI Design Trends beinhalten nicht nur optische Elemente, sondern auch AR und Sprach- und Gestensteuerung. Alles im Zeichen der Nutzerfreundlichkeit.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/","og_locale":"de_DE","og_type":"article","og_title":"UI Design Trends: Was Nutzer heute gl\u00fccklich macht - Sortlist Blog","og_description":"Neue UI Design Trends beinhalten nicht nur optische Elemente, sondern auch AR und Sprach- und Gestensteuerung. Alles im Zeichen der Nutzerfreundlichkeit.","og_url":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/","og_site_name":"Sortlist Blog","article_published_time":"2021-06-16T07:57:21+00:00","article_modified_time":"2024-08-14T12:23:23+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/06\/de-cover-images-2-1.jpg","type":"image\/jpeg"}],"author":"Leonard Basse","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Leonard Basse","Gesch\u00e4tzte Lesezeit":"11\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/"},"author":{"name":"Leonard Basse","@id":"https:\/\/www.sortlist.de\/blog\/#\/schema\/person\/b9802b27b8299e4488ece8cb1575dc19"},"headline":"UI Design Trends: Was Nutzer heute gl\u00fccklich macht","datePublished":"2021-06-16T07:57:21+00:00","dateModified":"2024-08-14T12:23:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/"},"wordCount":1837,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/06\/de-cover-images-2-1.jpg","articleSection":["Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/","url":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/","name":"UI Design Trends: Was Nutzer heute gl\u00fccklich macht - Sortlist Blog","isPartOf":{"@id":"https:\/\/www.sortlist.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/06\/de-cover-images-2-1.jpg","datePublished":"2021-06-16T07:57:21+00:00","dateModified":"2024-08-14T12:23:23+00:00","author":{"@id":"https:\/\/www.sortlist.de\/blog\/#\/schema\/person\/b9802b27b8299e4488ece8cb1575dc19"},"description":"Neue UI Design Trends beinhalten nicht nur optische Elemente, sondern auch AR und Sprach- und Gestensteuerung. Alles im Zeichen der Nutzerfreundlichkeit.","breadcrumb":{"@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.de\/blog\/ui-design-trends\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/06\/de-cover-images-2-1.jpg","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/06\/de-cover-images-2-1.jpg","width":1748,"height":1240,"caption":"UI Design Trends"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.de\/blog\/ui-design-trends\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.de\/blog\/"},{"@type":"ListItem","position":2,"name":"UI Design Trends: Was Nutzer heute gl\u00fccklich macht"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.de\/blog\/#website","url":"https:\/\/www.sortlist.de\/blog\/","name":"Sortlist Blog","description":"Sortlist Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.sortlist.de\/blog\/#\/schema\/person\/b9802b27b8299e4488ece8cb1575dc19","name":"Leonard Basse","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_12_1625133031-96x96.jpeg","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_12_1625133031-96x96.jpeg","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_12_1625133031-96x96.jpeg","caption":"Leonard Basse"},"description":"Lenni is someone we would typically call \u00ab the cool kid \u00bb, of the content team. Passionate by nature &amp; surf, when he is not riding his bike, you will find him behind his computer writing about his other passion: marketing!","url":"https:\/\/www.sortlist.de\/blog\/author\/leonard-basse\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts\/3361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/comments?post=3361"}],"version-history":[{"count":9,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts\/3361\/revisions"}],"predecessor-version":[{"id":11144,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts\/3361\/revisions\/11144"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/media\/9693"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/media?parent=3361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/categories?post=3361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}