E-Commerce: Elf Designtrends 2012

Das Design eines Shops ist weit mehr als nur eine Idee nett angepinselt. Vielmehr ist es ein wichtiger Einflussfaktor auf die Konversionsrate eines Onlineshops. So muss das Design nicht nur für den Nutzer nutzbar sein, sondern muss diesen auch emotional ansprechen, ihm Glaubwürdigkeit vermitteln und das Vertrauen des Nutzers in den Shop stärken. Der Shop hat durch das Design eine Art Charakter, der sich auf Zielpersonas sympathisch, aber auch negativ auswirken kann.

Mit den stetig wachsenden Ansprüchen an das Design und der schnellen Weiterentwicklung der Technik muss man als Designer immer auf dem Laufenden bleiben und neue Trends im Auge behalten.

Um einen Überblick zu erhalten, welche Designtrends im E-Commerce zu beobachten sind und mit welchen Trends man sich 2012 noch beschäftigen wird, habe ich die wichtigsten Trends zusammengefasst.

1. Bildschirmfüllende Bilder

Gerade mit bildschirmfüllenden oder großen Bildern kann der Nutzer (bei richtiger Bildauswahl) sehr gut emotional angesprochen werden. Ein größeres Bild kann wesentlich stärker wirken als ein kleiner Bildteaser.

Eine bildschirmfüllende Variante kann hierbei den Effekt noch mal verstärken. Allerdings benötigt man hierfür eine sehr gute Bildauswahl, die optimal auf ein bildschirmfüllendes Konzept ausgelegt ist. Andere Elemente wie zum Beispiel Sicherheitssignale oder Navigationselemente können hierbei allerdings untergehen. Deshalb ist diese Variante eher für Markenshops empfehlenswert, bei denen schon die Marke genügend Sicherheit ausstrahlt.

Vollflächige Bilder mit hoher Zoomstufe eignen sich auch als Produktbilder, um Begehrlichkeiten zu wecken und dem Nutzer die Möglichkeit zu geben, jedes Detail des Produktes zu entdecken. Das beweisen beispielsweise Zara  , Indochino   oder der französische Schuh-Shop The Cassette  , der Bildschirm füllende Startbilder auch noch animiert anbietet:

Auch Hard Graft   ist ein gutes Beispiel, wie man mit großen Bildern zukunftsorientiert Designs gestaltet:

2. Dunkle Designs

Dunkle Designs werden eher vermieden. Erstens ist eine helle Schriftart auf dunklem Hintergrund schlecht zu lesen und zweitens kann ein dunkles Design schnell unfreundlich und abschreckend wirken.

Setzt man dunkle Flächen allerdings gekonnt ein, wie beispielsweise Sage Fly Fisch  , Finis   oder Más Design  , können sie gezielt Stärke und Exklusivität vermitteln.

Diese Exklusivität kann gerade bei der Zielgruppe der Männer gut ankommen.

3. Endlos Scrollen

Auf Webseiten begegnet uns das asynchrone Nachladen von Inhalten und das "Endlose Scrollen" schon immer häufiger unter anderem auf Seiten wie Twitter und Facebook. Im E-Commerce hingegen wird es noch relativ zaghaft als Ersatz für die Paginierung auf Kategorieseiten verwendet.

Beide Systeme haben Ihre Vor- und Nachteile. Ob das asynchrone Nachladen von Inhalten von der jeweiligen Zielgruppe schon verstanden und akzeptiert wird, sollte auf jeden Fall in einem Nutzertest überprüft werden.

Die Scrollleiste kann bei Mirapodo   schon etwas länger werden, insofern man die Filter nicht benutzt.

4. Große Footer

Der Footer ist 2012 nicht mehr lediglich eine kleine Zeile, in der das Impressum verlinkt ist und die Rechte festgehalten werden, wie Bigbrownbox   aus Australien zeigt:

Sondern der große Footer wird zu einem vertrauensbildenden Element, welches nützliche Informationen wie Kontaktmöglichkeiten, Sicherheitssiegel, Bezahlmöglichkeiten, Versandmethoden usw. für den Nutzer bereit hält.

Der deutsche Schuh-Shop Zalando   zeigt den Trend.

5. Konfiguratoren und Mass Customization

Auch wenn uns als Konsumenten für gewöhnlich zu viel Auswahl überfordert, so möchten wir doch trotzdem ein höchst individuelles Produkt kaufen und besitzen. Dadurch bleibt auch die Thematik des Mass Customization für 2012 interessant.

Individuelle Fahrräder verkauft Bike by Me   - und das, ohne dass es kompliziert wird. Der Fahrradhändler markiert damit die Vorreiterrolle bei den ECommerce-Trends des Jahres 2012:

Neben Schokolade, Hemden und Notizbüchern wird es weitere Produkte geben, die man nach seinen individuellen Ansprüchen zusammenstellen kann. Wichtig ist es, dass die Individualisierung leicht von der Hand geht und auch schnell umsetzbar ist, wie Brandbook   belegt:

Der Shop für Notizbücher ("Entdecken Sie unsere Notizbuch Welt") gewann im Jahr 2011 den Reddot-Design-Award   und verfügt über einen Notizbuch-Konfigurator  .

6. Minimalismus

Der minimalistische Stil ist eigentlich schon ein alter Hut, aber nach wie vor hält sich dieser Trend:

Denn die Klarheit der minimalistischen Designs bietet eine gute Übersichtlichkeit und Platz für emotionale Bilder:

Diese Kombination funktioniert nach wie vor sehr gut, wie Asos  , der deutsche Shop 7trends  , Grenson   aus den UK und Selekkt.com   zeigen.

Aufpassen muss man allerdings, dass das Design nicht austauschbar wird und die Shopmarke zu kurz kommt und sich der Shop nicht mehr von der Konkurrenz abheben kann.

Auch 2012 wird minimalistisches Design dort im E-Commerce eingesetzt werden, wo für die Zielgruppe Coolness und Emotion wichtig sind.

7. Mobil angepasste Designs

Webseiten werden immer häufiger von mobilen Geräten aufgerufen. Um dem Nutzer auch mobil ein gutes Nutzererlebnis bieten zu können, müssen Webseiten für die mobilen Geräte optimiert werden.

Kleinere Datenmengen, Ausrichtung auf die Bedienung mit dem Finger und Anpassung des Layouts auf den kleineren Bildschirm sind grundsätzliche Dinge, die beim Design für mobile Geräte berücksichtigt werden müssen.

8. Dominante Social-Media-Elemente

Social Media ist viel mehr als lediglich einen Onlineshop auf Facebook zu betreiben. Neue Shopkonzepte nutzen den Effekt, dass sich Menschen nach anderen Menschen (vor allem aus ihrem Umfeld) richten, auch direkt im Shop selbst.

Der Shop als eigenständige Community mit Empfehlungselementen, die auf eigenen und Empfehlungen der Freunde basiert, ist das Ergebnis und mit Sicherheit noch nicht alles.

Beispiele wie KING.ME   , der
Levi's Friendstore   und Style.ly   zeigen, dass auch in den nächsten zwölf Monaten die Entwicklung von sozialen Konzepten zum Warenverkauf weitergehen wird - wenn auch vielleicht mit leicht gedämpftem Hype.

9. Symmetrische Layouts

Während die meisten Layouts links das Logo tragen und dadurch eine Asymmetrie entsteht, kann man immer häufiger auch symmetrische Layouts entdecken, die das Logo mittig ausrichten und um das Logo herum die Navigation und Layout symmetrisch aufbauen.

Gerade für Webseiten, die eine beruhigende Ausstrahlung haben sollen, ist ein symmetrisches Layout eine Überlegung wert.

Jenier World of Teas   und
Foureleven   sind richtungsweisende Vertreter dieses Trends.

10. Texturen statt Verläufen

Lange Zeit waren vollfarbige Flächen und Farbverläufe an der Tagesordnung im Web. Gerade der Web 2.0-Stil ist geprägt von Verläufen mit Glanzelementen.

Diese teilweise sterilen Designelemente werden - wie bei Desina  , Neve Inspired  
und Jesus Skid   - immer häufiger aufgebrochen und mit Texturen wird den Webseiten Seele eingehaucht.

Von einer edlen Anmutung mit Holz- und Ledertexturen bis hin zu natürlichen Eindrücken mit Stoff- oder Papptexturen - Texturen können den Eindruck eines Shops positiv unterstützen.

11. Mehr Wert auf Typografie

Gerade mit dem Einzug des minimalistischen Designs erfuhr die Typografie eine erhöhte Zuwendung.

Während zunächst auf Bilder zurückgegriffen werden musste, um individuelle Fonts darzustellen, entwickelt sich die Technik immer weiter und das Angebot für Fonts die über den @font-face Tag eingebunden werden können, steigen 2012 weiter.

A Modern Eden  , ZaraMama   und Custom Bags HQ   sind hierfür Beispiel gebend.

---

Manuel Ressel ist Conversion Designer bei der Web Arts AG  . Seine Leidenschaft gilt dem Thema der Emotionalisierung von Kauf-Prozessen in ECommerce-Portalen. Er bloggt auf Conversion Design  .