{"id":253775,"date":"2023-03-04T10:06:00","date_gmt":"2023-03-04T07:06:00","guid":{"rendered":"https:\/\/inform.click\/top-10-ui-ux-designtrends-fuer-das-e-commerce-geschaeft\/"},"modified":"2023-03-04T10:06:00","modified_gmt":"2023-03-04T07:06:00","slug":"top-10-ui-ux-designtrends-fuer-das-e-commerce-geschaeft","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/top-10-ui-ux-designtrends-fuer-das-e-commerce-geschaeft\/","title":{"rendered":"Top 10 UI\/UX-Designtrends f\u00fcr das E-Commerce-Gesch\u00e4ft"},"content":{"rendered":"<p>\n  Das Jahr 2019 ist bereits vorbei, und wir haben ihm viele Trends zu verdanken, die sich in diesem Jahr gehalten haben. Insbesondere gibt es einen Trend, der auf lange Sicht anhalten wird. Zumindest im E-Commerce.\n<\/p>\n<p>\n  Es ist Benutzererfahrung.\n<\/p>\n<p>\n  Immer mehr E-Commerce-Marken legen Wert darauf, in UI und Design zu investieren, und das ist nicht mehr nur eine Laune. Es ist ein Muss.\n<\/p>\n<p>\n  Hier war die Statistik sagen. Laut Sagipl:\n<\/p>\n<ul>\n<li>82 % der 100 besten Websites von Alexa verwenden adaptives Design. Ihre Investition in UI- und UX-Design ist also eine Grundvoraussetzung, um wettbewerbsf\u00e4hig zu bleiben.\n  <\/li>\n<li>K\u00e4ufer verlassen eine Website nach 0,05 Sekunden, wenn sie sie nicht interessant finden oder ein Problem mit der Benutzeroberfl\u00e4che haben \u2013 ein Problem, das UX-Design beheben kann.\n  <\/li>\n<li>Da immer mehr K\u00e4ufer es vorziehen, Produkte von mobilen Ger\u00e4ten zu kaufen (67 %), kann es Sie mehr als die H\u00e4lfte Ihres Publikums kosten, Ihre Website\/Ihren Service zu haben, wenn Sie keine benutzerfreundliche Website\/App haben.\n  <\/li>\n<\/ul>\n<p>\n  Im E-Commerce haben sich in diesem Jahr einige wichtige UI- und UX-Designtrends etabliert. Diese Trends befassen sich mit der Schaffung einer nahtlosen Benutzererfahrung und der Steigerung von Engagement, Traffic, Conversions, Verk\u00e4ufen und der Gewinnung hochwertiger Leads.\n<\/p>\n<p>\n  Diese Trends bleiben bestehen, und es ist unerl\u00e4sslich, ihnen zu folgen, wenn Sie m\u00f6chten, dass Ihr E-Commerce-Gesch\u00e4ft wettbewerbsf\u00e4hig bleibt.\n<\/p>\n<p>\n  Schauen wir uns diese Trends genauer an und analysieren einige Beispiele von E-Commerce-Marken.\n<\/p>\n<h5>\n  1 Aufruf zum Minimalismus<br \/>\n<\/h5>\n<p>\n  Ein Trend, der in diesem Jahr an Dynamik gewonnen hat, zeigt die wachsende Tendenz, Websites minimalistischer zu gestalten.\n<\/p>\n<p>\n  Warum Minimalismus?\n<\/p>\n<p>\n  Dieser Trend im UI- und UX-Design ist die Reaktion auf komplexes und \u201egestopftes&#8220; Design. Und da es eine wachsende Tendenz gibt, die Benutzeroberfl\u00e4che zu vereinfachen, bietet der Minimalismus alles, um dies zu erreichen.\n<\/p>\n<p>\n  Schauen wir uns das Beispiel einer d\u00e4nischen Website des M\u00f6belherstellers Iskos an:\n<\/p>\n<p>\n  Auf den ersten Blick erkennt man bereits die Hauptattribute des minimalistischen Webdesigns, n\u00e4mlich:\n<\/p>\n<ul>\n<li>Negativraum \u2013 Leerraum oder Hintergrund der Homepage\n  <\/li>\n<li>Flache Textur \u2013 alle Bilder und UI-Elemente verwenden keine 3D- oder andere Techniken, um hervorzustechen, da sie dies dank negativem Raum bereits tun.\n  <\/li>\n<li>Kontrastierende (harte) Bilder \u2013 anstelle der hellen Farben von Hintergrund und UI-Elementen verwendet das minimalistische Design Bilder, um die wesentlichen Elemente hervorzuheben (in diesem Fall zeigt der Hersteller seine Produkte).\n  <\/li>\n<li>Minimalistische Typografie \u2013 diese Website ist ein gro\u00dfartiges Beispiel f\u00fcr minimalistisches Design, da sie eine anst\u00e4ndige Schriftgr\u00f6\u00dfe und eine ruhige, aber kontrastreiche Schriftfarbe verwendet.\n  <\/li>\n<\/ul>\n<p>\n  Sie k\u00f6nnen auch insgesamt ein begrenztes Farbschema feststellen. Dieser Ansatz schafft eine gro\u00dfartige Benutzeroberfl\u00e4che, da er die Aufmerksamkeit eines Benutzers direkt auf den Punkt lenkt.\n<\/p>\n<p>\n  Die Website ist nur mit einer einfachen \u00dcberschrift und Bildern des Produkts in Abschnitte unterteilt.\n<\/p>\n<p>\n  Ein kontrastierendes UI-Element auf dieser Website ist ein Popup-Men\u00fcfenster in der Ecke des Bildschirms:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971020218.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971020218.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839713995bc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839713995bc.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Es ist nicht erforderlich, diesem Men\u00fc weitere Abschnitte hinzuzuf\u00fcgen, da sich alle bereits auf der Startseite befinden, sodass dieses Men\u00fc als zus\u00e4tzliche Informationsquelle f\u00fcr den Benutzer dient, der mehr mit der Marke interagieren m\u00f6chte.\n<\/p>\n<p>\n  Solche Designs mit einfacher Navigation und dem Produkt im Mittelpunkt sind perfekt, um UI\/UX-Design-Exzellenz zu erreichen.\n<\/p>\n<h5>\n  2 Betonung des Brandings<br \/>\n<\/h5>\n<p>\n  Ein weiterer Trend im UI- und UX-Design ist die St\u00e4rkung der Verbindung zwischen User Experience und Branding.\n<\/p>\n<p>\n  Die Benutzererfahrung wird dadurch definiert, wie nah sich der Benutzer der Marke n\u00e4hern kann, und darauf sollten sich UI- und UX-Designer konzentrieren. Au\u00dferdem konzentriert sich ein auf Branding ausgerichtetes Design bei jedem Schritt der Benutzererfahrung darauf, diesem Benutzer die Marke vorzustellen.\n<\/p>\n<p>\n  Ein gro\u00dfartiges Beispiel f\u00fcr die Betonung des Branding im UI- und UX-Design ist Unsubscribe, eine E-Commerce-Marke f\u00fcr Haarpflegeprodukte.\n<\/p>\n<p>\n  Ihre Website ist ein Meisterwerk, das Benutzererfahrung und Branding auf Schritt und Tritt kombiniert. Beim Scrollen durch diese Website wird ein Benutzer auf verschiedene Elemente sto\u00dfen, die dazu beitragen, eine vollst\u00e4ndige Interaktion mit einer Marke zu erreichen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839716c52bd.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839716c52bd.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971a248cc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971a248cc.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Neben dem Wort \u201eunsubscribe&#8220; in ihren Slogans, das dem Namen der Marke entspricht, stellen sie auch ihr Ziel in den Mittelpunkt der Website, n\u00e4mlich aktiven Menschen dabei zu helfen, ihre Haare besser zu pflegen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971d7a536.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971d7a536.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Und nat\u00fcrlich wurde die Website mit den besten minimalistischen Praktiken erstellt, die dazu beitragen, eine einfache, aber vielseitige Benutzeroberfl\u00e4che und eine insgesamt positive Benutzererfahrung zu schaffen.\n<\/p>\n<h5>\n  3 Mutiger werden<br \/>\n<\/h5>\n<p>\n  In diesem Jahr haben Designer einen wachsenden Trend zu k\u00fchneren, aber einfacheren Schriftarten beobachtet. Diese Tendenz deckt sich mit dem oben erw\u00e4hnten Trend zum Minimalismus.\n<\/p>\n<p>\n  Im E-Commerce werden fette Schriftarten verwendet, um die Aufmerksamkeit eines Benutzers auf eine Nachricht zu lenken, die normalerweise in der Mitte der Seite platziert wird. Hier ist ein Beispiel von Limnia, einer E-Commerce-Marke, die edlen Schmuck verkauft:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839720e3448.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839720e3448.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Obwohl die Website ein Video eines Modells verwendet, das das Produkt im Hintergrund pr\u00e4sentiert, wird unsere Aufmerksamkeit nicht darauf gelenkt, sondern auf die Botschaft, die in Fettschrift in der Mitte der Seite platziert ist.\n<\/p>\n<p>\n  Unter den am h\u00e4ufigsten verwendeten Schriftarten bevorzugen UI- und UX-Designer Helvetica, Sans und Univers. Sie k\u00f6nnen die Schriftart f\u00fcr das UI\/UX-Design jedoch nicht zuf\u00e4llig ausw\u00e4hlen. Diese Wahl h\u00e4ngt von mehreren verschiedenen Faktoren ab, n\u00e4mlich:\n<\/p>\n<ul>\n<li>Ma\u00df an K\u00fchnheit im Gegensatz zum Rest des Designs.\n  <\/li>\n<li>Gr\u00f6\u00dfe der Schrift und wie sie im Gegensatz zum Rest des Designs wahrgenommen wird.\n  <\/li>\n<li>Art, St\u00e4rke, Gr\u00f6\u00dfe und Farbe der Schriftart in Bezug auf die \u00c4sthetik Ihrer Marke.\n  <\/li>\n<\/ul>\n<p>\n  All diese Faktoren beeinflussen, wie ein Benutzer Ihre Marke wahrnimmt und mit ihr interagiert, daher sollte die Wahl der Schriftarten zur Konsistenz des UI- und UX-Designs beitragen.\n<\/p>\n<h5>\n  4 Anpassung f\u00fcr Mobilger\u00e4te<br \/>\n<\/h5>\n<p>\n  Wir haben in der Einleitung zu diesem Artikel erw\u00e4hnt, dass mehr als die H\u00e4lfte Ihrer Kunden das Einkaufen \u00fcber mobile Ger\u00e4te bevorzugen. Und da E-Commerce-Marken \u00fcberwiegend online operieren (wobei nur einige von ihnen physische Showrooms haben), ist die Investition in mobiles UX-Design zwingend erforderlich.\n<\/p>\n<p>\n  Laut der Interaction Design Foundation zielt die mobile Benutzererfahrung darauf ab, positive mobile Erfahrungen \u00fcber Websites, Anwendungen und andere Dienste zu schaffen, die auf mobilen Ger\u00e4ten verwendet werden. Die Hauptziele von Mobile UX sind Effizienz und Auffindbarkeit.\n<\/p>\n<p>\n  F\u00fcr eine E-Commerce-Marke bedeutet mobile UX in erster Linie die vollst\u00e4ndige Zug\u00e4nglichkeit zu allen Elementen der Website und die Einfachheit der Benutzeroberfl\u00e4che.\n<\/p>\n<p>\n  Ein gro\u00dfartiges Beispiel f\u00fcr die Anpassung einer Website f\u00fcr Desktop- und Mobilger\u00e4te ist Boria, eine franz\u00f6sische E-Commerce-Marke, die Wohnaccessoires verkauft:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839723c6abc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839723c6abc.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Die mobile Version der Website von Boria hat weniger Designelemente. Es beh\u00e4lt jedoch alle wichtigen Abschnitte bei, die die Kunden zum Einkaufen \u00fcber mobile Ger\u00e4te ben\u00f6tigen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839726c8a52.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839726c8a52.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Die Investition in mobile UX ist nicht nur eine Voraussetzung f\u00fcr eine gro\u00dfartige Benutzererfahrung. Es ist auch wichtig f\u00fcr das SEO-Ranking Ihrer E-Commerce-Marke.\n<\/p>\n<p>\n  Google stuft Marken mit qualitativ hochwertigen Websites, die an mobile Ger\u00e4te angepasst sind, sehr hoch ein. Aber es gibt einige Regeln, die eine mobile Website gro\u00dfartig machen. Aus diesem Grund hat Google 2015 Designtipps f\u00fcr mobile UX f\u00fcr Entwickler ver\u00f6ffentlicht und diese Tipps regelm\u00e4\u00dfig aktualisiert, wenn neue Trends auftauchen. Unter diesen Tipps finden Sie:\n<\/p>\n<ul>\n<li>\n    <strong>Recherchieren Sie, bevor Sie einen Prototyp erstellen<\/strong>. Da UX-Designer voreingenommen sind, r\u00e4t Google, nicht gleich ins Prototyping einzusteigen, sondern zun\u00e4chst die Zielgruppe mittels heuristischer Analyse und AB-Testing zu recherchieren.\n  <\/li>\n<li>\n    <strong>Arbeiten Sie an Ber\u00fchrungszielen<\/strong>. Selbst wenn die Benutzeroberfl\u00e4che einer mobilen Website benutzerfreundlich ist und die Website auf mobilen Ger\u00e4ten schnell geladen wird, verlassen Benutzer die Website dennoch, wenn sie Elemente enth\u00e4lt, die nicht auf ihre Ber\u00fchrung reagieren. Das bedeutet, dass diese Elemente zu kleine Ber\u00fchrungsziele haben und Google empfiehlt, sie mindestens 7-10 mm breit zu machen.\n  <\/li>\n<li>\n    <strong>Weniger Unordnung<\/strong>. Dieser Tipp ist gleichbedeutend mit dem Minimalismus-Trend im UI- und UX-Design und weist darauf hin, dass Google \u00fcberladene mobile Websites niedriger einstuft, da es schwierig ist, mit ihnen zu interagieren.\n  <\/li>\n<\/ul>\n<p>\n  Mit anderen Worten, E-Commerce-Marken sollten der Funktionalit\u00e4t ihrer Websites sowohl auf Desktops als auch auf Mobilger\u00e4ten gleicherma\u00dfen Aufmerksamkeit schenken, um das volle Markenerlebnis zu bieten.\n<\/p>\n<h5>\n  5 Konzentration auf Geschwindigkeit<br \/>\n<\/h5>\n<p>\n  Am Anfang des Artikels haben wir auch erw\u00e4hnt, dass Kunden in den ersten 0,05 Sekunden nach dem Besuch Ihrer Website entscheiden, ob sie mit Ihrer Marke interagieren.\n<\/p>\n<p>\n  F\u00fcr E-Commerce-Marken kann eine niedrige Seitenladegeschwindigkeit nachteilig sein. Da es sich um eine sehr wettbewerbsintensive Branche handelt, ist es f\u00fcr einen Benutzer kein Problem, eine andere E-Commerce-Marke mit einem \u00e4hnlichen Produkt, aber einer schnell ladenden Website zu finden.\n<\/p>\n<p>\n  Die Leistung ist auch ein Teil der Benutzererfahrung und sagt viel dar\u00fcber aus, wie Sie Ihre Besucher als E-Commerce-Marke sch\u00e4tzen.\n<\/p>\n<p>\n  Was ist also das Ziel f\u00fcr einen UX-Designer, wenn es um eine perfekte Seitenladegeschwindigkeit geht?\n<\/p>\n<p>\n  Laut Unbounce dauert es durchschnittlich 15,3 Sekunden, bis eine Landingpage geladen ist. Dies ist jedoch schon sehr lang, wenn Sie eine positive Benutzererfahrung schaffen m\u00f6chten.\n<\/p>\n<p>\n  So behauptet Unbounce, dass die beste Seitenladegeschwindigkeit zwischen 2,4 und 3,21 Sekunden liegt, aber Websites, die in f\u00fcnf Sekunden geladen werden, erhalten auch l\u00e4ngere durchschnittliche Sitzungen (70 % l\u00e4nger laut Quelle).\n<\/p>\n<p>\n  Das ultimative Ziel f\u00fcr eine positive Benutzererfahrung ist daher das Erreichen einer Seitenladegeschwindigkeit von durchschnittlich 3 Sekunden.\n<\/p>\n<h5>\n  6 Ankleideerlebnis schaffen<br \/>\n<\/h5>\n<p>\n  Lassen Sie uns nun vom technischen Teil unserer Er\u00f6rterung zu den Servicetrends \u00fcbergehen, die E-Commerce-Marken anbieten k\u00f6nnen, um das Benutzererlebnis und die Benutzerinteraktion mit der Marke zu verbessern.\n<\/p>\n<p>\n  Einer der wachsenden Trends im UI- und UX-Design in diesem Jahr war die Einf\u00fchrung virtueller Umkleidekabinen.\n<\/p>\n<p>\n  Das Online-Umkleidekabinen-Erlebnis war eine Reaktion auf die wachsende Nachfrage der Verbraucher, mehr mit den Produkten zu interagieren und sie anzuprobieren. Wir alle wissen, dass wir die Katze im Sack kaufen, wenn wir das Produkt nicht ber\u00fchren k\u00f6nnen. Dies gilt insbesondere f\u00fcr E-Commerce-Marken, die Kleidung oder Accessoires verkaufen.\n<\/p>\n<p>\n  Eine dieser E-Commerce-Marken ist Warby Parker, ein Online-Unternehmen, das Brillen verkauft, und reagierte auf dieses Problem, indem es eine mobile App startete, in der Benutzer verschiedene Brillenformen anprobieren k\u00f6nnen, indem sie einfach ein Foto machen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972a0f7bf.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972a0f7bf.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Diese App war sehr hilfreich f\u00fcr Kunden, die eine Brille kaufen m\u00f6chten, aber z\u00f6gern, welche Form der Brille zu ihrem Gesicht passt.\n<\/p>\n<p>\n  Dieser Trend ist die Verschmelzung von UX und AR (erweiterte Realit\u00e4t), da Kunden mit realen Objekten interagieren, die durch computergenerierte sensorische Modalit\u00e4ten verbessert werden, um eine vollst\u00e4ndige Benutzererfahrung mit der Marke zu erhalten.\n<\/p>\n<h5>\n  7 Eine Geschichte durch Visuals erz\u00e4hlen<br \/>\n<\/h5>\n<p>\n  Ein weiterer Trend, der darauf abzielt, die Benutzererfahrung \u00fcber die Inhalte der Website zu verbessern, ist das visuelle Geschichtenerz\u00e4hlen.\n<\/p>\n<p>\n  Die Rolle des Storytellings im Marketing ist enorm. Die Studie zeigt, dass Marketingbotschaften, die als Geschichten pr\u00e4sentiert werden, bis zu 22-mal ansprechender und einpr\u00e4gsamer sind. Storytelling bedeutet mehr Wert, weshalb es erfolgreich zum UX-Design migrierte und zum visuellen Storytelling wurde.\n<\/p>\n<p>\n  F\u00fcr eine E-Commerce-Marke ist visuelles Storytelling f\u00fcr das Benutzererlebnis von entscheidender Bedeutung, da es den Kunden die Marke n\u00e4her bringt und ihnen eine exklusive Beteiligung an der Definition dieser Marke bietet.\n<\/p>\n<p>\n  Eine der Marken, die visuelles Geschichtenerz\u00e4hlen und positive Benutzererfahrung erfolgreich kombiniert, ist Always, die K\u00f6rperpflegemarke von P&G:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972d84b88.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972d84b88.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Mithilfe von visuellem Geschichtenerz\u00e4hlen erz\u00e4hlt Always, wie sich die Marke an einer Reihe von sozialen Anliegen beteiligt, und enth\u00fcllt die Geschichten, wie Menschen mit der Marke und ihrem Produkt aus ihrer pers\u00f6nlichen Sicht interagieren:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839730a17d5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839730a17d5.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Es gibt jedoch ein Problem mit der Platzierung von Inhalten, wenn es um visuelles Storytelling im UX-Design geht. Je nachdem, welche Sprache die Zielgruppe spricht und in welche Richtung sie lesen (von links nach rechts oder von rechts nach links), werden die Inhalte unterschiedlich platziert.\n<\/p>\n<p>\n  F\u00fcr das Publikum, das von links nach rechts liest, sollte der Inhalt beispielsweise in der Mitte oder links und mit etwa 75 Zeichen pro Zeile platziert werden:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973383a31.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973383a31.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Visuelles Storytelling ist eine zugrunde liegende Methodik des UX-Designs, die f\u00fcr E-Commerce-Marken von wesentlicher Bedeutung ist, da sie ihre gesamte Erfahrung mit dem Kunden auf Online-Erfahrungen st\u00fctzen.\n<\/p>\n<h5>\n  8 M\u00fcheloses Bezahlen<br \/>\n<\/h5>\n<p>\n  Ein weiterer Trend anspruchsvoller Kunden ist es, den Checkout m\u00fcheloser zu gestalten. Der m\u00fchelose Checkout ist auch eine der gr\u00f6\u00dften Herausforderungen im UX-Design.\n<\/p>\n<p>\n  Laut den aktuellen Statistiken von InvestCRO liegt die durchschnittliche Warenkorbabbruchrate bei 65,23 %, wozu die folgenden Gr\u00fcnde einen erheblichen Beitrag leisten:\n<\/p>\n<ul>\n<li>14 % \u2013 keine Checkout-Option f\u00fcr G\u00e4ste\n  <\/li>\n<li>11 % \u2013 komplexer Checkout-Prozess\n  <\/li>\n<li>7% \u2013 nicht gen\u00fcgend Zahlungsm\u00f6glichkeiten\n  <\/li>\n<\/ul>\n<p>\n  Da das Abschlie\u00dfen von Zahlungen und der Kasse zur Benutzererfahrung geh\u00f6ren, sollte sich der UX-Designer darum k\u00fcmmern, es m\u00fcheloser zu gestalten.\n<\/p>\n<p>\n  Wenn die Website mit einer hohen Abbruchrate des Einkaufswagens zu k\u00e4mpfen hat, ist es die Aufgabe eines UX-Designers:\n<\/p>\n<ul>\n<li>Finden Sie mit Hilfe von Usability-Tests (durch Benutzerinterviews und vom Kundensupport erhaltene Daten) heraus, warum dies geschieht.\n  <\/li>\n<li>Bilden Sie die Customer Journey unter Ber\u00fccksichtigung der aus Usability-Tests gewonnenen Daten ab.\n  <\/li>\n<li>F\u00fchren Sie AB-Tests durch, um zu sehen, wie die L\u00f6sung funktioniert.\n  <\/li>\n<\/ul>\n<p>\n  Da der Erfolg einer E-Commerce-Marke stark von der Erfahrung eines Kunden mit dem Checkout abh\u00e4ngt, ist es ein wichtiger Beitrag zu einer positiven Benutzererfahrung, diesen Prozess mit UX-Design m\u00fcheloser zu gestalten.\n<\/p>\n<h5>\n  9 Fokus auf personalisierte Angebote<br \/>\n<\/h5>\n<p>\n  Personalisierung ist der Trend, der hier bleiben wird. Und UX kann es auf eine andere Ebene bringen, indem es personalisierte Angebote entwirft.\n<\/p>\n<p>\n  Viele E-Commerce-Marken machen davon bereits gro\u00dfen Gebrauch.\n<\/p>\n<p>\n  Beispielsweise hat Thinx, eine E-Commerce-Marke, die Unterw\u00e4sche und K\u00f6rperpflegeprodukte verkauft, eine Umfrage entwickelt, um bei der Auswahl von Produkten zu helfen, die den Bed\u00fcrfnissen eines Benutzers entsprechen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397366f145.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397366f145.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Nach den Ergebnissen der Umfrage erstellt die Marke personalisierte Angebote, die perfekt f\u00fcr Erstkunden sind.\n<\/p>\n<p>\n  Ein anderes Unternehmen, Tobi, eine E-Commerce-Marke, die Kleidung verkauft, hat sich auf Inklusion konzentriert, indem es ein Pop-up-Fenster entworfen hat, um Menschen mit Behinderungen dabei zu helfen, die Website so anzupassen, dass die Benutzeroberfl\u00e4che f\u00fcr sie komfortabler wird:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397393475a.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397393475a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Diese UI- und UX-Designbeitr\u00e4ge haben das Ziel, die Erfahrung jedes Benutzers mit der Marke zu personalisieren und die einzigartigen Eigenschaften und Verhaltensweisen jedes Benutzers anzuerkennen.\n<\/p>\n<h5>\n  10 Gespr\u00e4che mit dem Kunden<br \/>\n<\/h5>\n<p>\n  Im E-Commerce spielen Chatbots eine wichtige Rolle bei der Kundenbetreuung. Sie sind auch ein Teil der Benutzererfahrung, egal ob sie grafisches UI-Design oder Voice-UI-Design verwenden.\n<\/p>\n<p>\n  Das UI-Design bietet E-Commerce-Marken eine gro\u00dfe Vielseitigkeit bei der Erstellung von Chatbots. Beispielsweise verwendet MeUndies, eine E-Commerce-Marke, die Unterw\u00e4sche verkauft, ihren Website-Chatbot, um die am h\u00e4ufigsten gesuchten Fragen zu beantworten:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973c90de8.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973c90de8.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Einige Marken setzen auf ein interaktiveres Chatbot-Erlebnis. Always verwandelt zum Beispiel ein Gespr\u00e4ch mit ihrem Chatbot in eine lebensechte Interaktion mit Menschen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973fc0224.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973fc0224.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Die Wahl eines Chatbots h\u00e4ngt davon ab, wie er Ihre Marke repr\u00e4sentieren soll. Aber es ist nicht zu leugnen, dass der Chatbot-Trend ein Teil des UI- und UX-Designs bleiben wird, da er einen direkten Einfluss auf die Qualit\u00e4t der Benutzererfahrung hat.\n<\/p>\n<h5>\n  Vergessen Sie nicht den Wert<br \/>\n<\/h5>\n<p>\n  Jeder Trend, \u00fcber den wir in diesem Artikel gesprochen haben, konzentriert sich stark darauf, dem Kunden einen Mehrwert zu bieten. Sie konzentrieren sich auf das Design, das keinen Schaden anrichtet, sondern Wertigkeit in den Vordergrund stellt. Diese Trends zielen auch darauf ab, Ihre E-Commerce-Marke durch visuelles Storytelling, dialogorientiertes KI-Design und UX-Branding n\u00e4her an die Kunden zu bringen.\n<\/p>\n<p>\n  Mit diesen UI\/UX-Trends Schritt zu halten, kann E-Commerce-Marken helfen, die Benutzererfahrung in den Vordergrund zu r\u00fccken und sicherzustellen, dass sie in dieser hart umk\u00e4mpften Branche erfolgreich bleiben.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Aufnahmequelle: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/05\/12\/ecommerce-ui-ux-design-trends\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Das Jahr 2019 ist bereits vorbei, und wir haben ihm viele Trends zu verdanken, die sich in diesem Jahr gehalten haben. Insbesondere gibt es einen Trend, der auf lange Sicht anhalten wird. Zumindest im E-Commerce. Es ist Benutzererfahrung. Immer mehr E-Commerce-Marken legen Wert darauf, in UI und Design zu investieren, und das ist nicht mehr nur eine Laune. Es ist ein Muss. Hier war die Statistik sagen. Laut Sagipl verwenden 82 % der Top-100-Websites von Alexa adaptives Design. Ihre Investition in UI- und UX-Design ist also eine Grundvoraussetzung, um wettbewerbsf\u00e4hig zu bleiben. K\u00e4ufer verlassen eine Website \u2026<\/p>\n","protected":false},"author":1,"featured_media":211003,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[55,198],"tags":[],"class_list":["post-253775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-und-wordpress","category-webdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/comments?post=253775"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253775\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media\/211003"}],"wp:attachment":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media?parent=253775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/categories?post=253775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/tags?post=253775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}