Die stetige Weiterentwicklung der Techniken im Internet führt auch zum steigenden Anspruch der Nutzer. Um diesen Ansprüchen gerecht zu werden, sollte der Webdesigner sich mit den neuen Techniken und Stilen auseinandersetzen. Gerade im E-Commerce ist es allerdings unabdingbar, jede Designentscheidung sowohl aus Nutzersicht als auch aus wirtschaftlicher Sicht zu hinterfragen. Ein zu überladenes Design kann den Nutzer zwar eventuell visuell ansprechen, die Konversionsrate aber trotzdem in den Keller treiben, weil relevante Inhalte nicht wiedergefunden werden.

Professionelle Produktfotografie kann das Begehren des Nutzers positiv unterstützen.
So zeigten in einer Studie durchweg alle Probanden beim Betrachten des Onlineshops shoeguru [1] eine erstaunlich hohe Aktivität im Nucleus Accumbens, dem Belohnungssystem im Gehirn. Ein starker “Will-ich-haben”-Impuls durchzog selbst die Probanden, die überhaupt nicht zur Zielgruppe gehörten [2].

Das besondere an dem Shop shoeguru ist die Produktfotografie. Das Produkt setzt sich sehr klar vom Hintergrund ab und wird deutlich ausgeleuchtet. Durch die große Darstellung sind alle Details des Schuhs sichtbar. Zusätzlich lenken keine unnötigen Elemente vom Schuh ab, wodurch die volle Aufmerksamkeit auf dem Schuh liegt.

Gerade mit bildschirmfüllenden oder großen Bildern kann der Nutzer 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 bei dieser Darstellung allerdings untergehen. Deshalb ist diese Variante eher für Markenshops empfehlenswert, bei denen bereits die Marke genügend Sicherheit ausstrahlt.
Vollflächige Produktbilder mit hoher Zoomstufe eignen sich auch, um Begehrlichkeiten zu wecken und dem Nutzer die Möglichkeit zu geben, jedes Detail des Produkts zu entdecken.

Dunkle Designs wurden in der Vergangenheit eher vermieden. Erstens ist eine helle Schriftart auf dunklem Hintergrund relativ schlecht zu lesen und zweitens kann ein dunkles Design schnell unfreundlich und abschreckend wirken. Schwarz in Verbindung mit hellen Schriften und Elementen erzeugt allerdings durch den hohen Kontrast eine visuelle Distanz, die implizit mit Eigenschaften wie Dominanz, Status, Macht und Effizienz verbunden werden. Gerade bei Männern ist diese Assoziation vermutlich ausgeprägter als bei Frauen. Deshalb wirken dunkle Webseiten vor allem für die Zielgruppe der Männer. Premium-Marken für Frauen hingegen setzen eher auf weiße oder hellgraue Hintergründe und erzielen den Kontrast mit einer dunklen Schrift.

Auf Websites im Social Web sieht man das asynchrone Nachladen von Inhalten und das „Endlos-Scrollen“ 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 Vor- und Nachteile. Beim asynchronen Nachladen von Inhalten kann der Nutzer alle Ergebnisse relativ schnell durchscrollen. Dank Mäusen mit Scrollrad oder Touchdisplays ist die scrollbare Variante für viele Nutzergruppen gelernt und einfacher zu handhaben als zunächst einen kleinen Link zu treffen und dann zu warten, bis die nächste Seite geladen ist. Ist die Produktliste allerdings sehr lang, kann das asynchrone Nachladen von Inhalten schnell unübersichtlich werden. Einzelne Produkte werden dann schlecht wiedergefunden. Hier ist eine Paginierung sinnvoll, um lange Listen in übersichtlichere Einzelseiten zu untergliedern. Ob das asynchrone Nachladen von Inhalten von der jeweiligen Zielgruppe verstanden und akzeptiert wird, sollten Shopbetreiber auf jeden Fall in einem Nutzertest überprüfen.

Lange Zeit wurde dem Footer relativ wenig Aufmerksamkeit gewidmet. Rechtliche Hinweise und ein Link zum Impressum wurden in einer einzigen Zeile untergebracht. Eventuell wurden auch noch einige SEO-Links im Footer platziert. Immer mehr Shopbetreiber erkennen allerdings das Potenzial des Footers vor allem als vertrauensbildendes Element. Hier können Shopbetreiber sichtbar Informationen wie Kontaktmöglichkeiten, Sicherheitssiegel, Bezahlmöglichkeiten und Versandmethoden anzeigen. Interessierte Nutzer können so auf einen Blick die Vorteile des Shops erfassen.

Auch wenn zuviel Auswahl manchmal überfordert, ist es für viele Menschen begehrenswert, ein höchst individuelles Produkt zu kaufen und zu besitzen. Aufgrund dieses Bedürfnisses bleibt das Thema Mass Customization auch 2012 interessant. Neben Schokolade, Hemden und Notizbüchern wird es weitere Produkte geben, die sich nach individuellen Ansprüchen zusammenstellen lassen.

Hierbei ist entscheidend, wie leicht die Designer den Nutzern über Konfiguratoren die Individualisierung ermöglichen. Kein User möchte sich für ein Höchstmaß an Individualismus stundenlang mit der Erstellung seines Produkts beschäftigen. Der Aufwand muss möglichst gering bleiben.

Der minimalistische Stil ist kein neuer Designtrend. Das macht ihn aber im Jahr 2012 nicht minder interessant und dies nicht ohne Grund.

Die Klarheit minimalistischer Designs bietet eine gute Übersichtlichkeit und Platz für emotionale Bilder. Diese Kombination aus Funktionalität und eindeutiger Positionierung über Bildwelten hat sich als gutes Shopdesign erwiesen und wird deshalb auch weiterhin ein Thema bleiben.

Bei den wenigen Gestaltungsmitteln sollte man aufpassen, dass das Design nicht austauschbar wird und damit keine Unterscheidungsmerkmale zu Konkurrenten mehr sichtbar sind. Denn das Design eines Shops sollte auch ein Wiedererkennungsmerkmal sein.

Die Zahl der Zugriffe auf Websites über mobile Geräte wie Smartphones oder Tablets nimmt beständig zu. Dadurch rückt auch im E-Commerce die Optimierung der Website für mobile Geräte immer stärker in den Fokus.

Bei der Optimierung für mobile Geräte gilt es einige Dinge zu beachten. So sollten Onlinehändler die Datenmenge im Auge behalten. Viele Bilder und Verzierungselemente können die Datenmenge unnötig erhöhen.

Bei mobilen Geräten kann man nicht von einer ständigen Breitbandverbindung ausgehen. Deshalb sollten die Datenmengen möglichst reduziert werden. Außerdem muss natürlich der kleinere Bildschirm beachtet werden. Auch hierfür ist es erforderlich, den Shop auf die nötigsten Inhalte zu reduzieren und wichtige Einstiegselemente wie die Suche prominent zu platzieren.

Zudem bieten die mobilen Geräte mittlerweile weitestgehend einen Touchscreen, der beim Design ebenfalls berücksichtigt werden sollte. Einerseits muss zwischen Buttons und Aktionselementen genügend Abstand eingehalten werden, so dass man sich mit dem unpräzisen Finger nicht vertippt. Zusätzlich ergeben sich durch den Touchscreen neue Interaktionsmöglichkeiten, die man beim Shopdesign bedenken sollte. So ist es zum Beispiel leichter auf einem Touchscreen zu scrollen anstatt Seiten via Link zu blättern. Touchscreen-Funktionalitäten wie das Swipen durch Bilder können auch auf der Webseite implementiert werden und zum Beispiel dem Nutzer das Blättern durch verschiedene Ansichten eines Produkts erleichtern.

Parallax Scrolling ist eine Pseudo-3D-Technik, die in den frühen 1980er Jahren zunächst bei Computer-Spielen eingesetzt wurde. Beim Parallax Scrolling arbeitet der Designer mit verschiedenen Ebenen, wobei sich die hinteren Ebenen langsamer bewegen als die vorderen Ebenen. Dadurch wurde in 2D-Spielen eine Illusion von Tiefe geschaffen.

Mittlerweile hat der Einsatz dieser Technik sich auch im Webdesign weiterentwickelt. Der Effekt wird durch Scrollen ausgelöst und spielt ganze Animationen ab, die der Nutzer über die Scroll-Leiste steuern kann. Während diese Technik aktuell hauptsächlich auf Seiten zur Verbesserung des Markenimages eingesetzt wird, kann Parallax Scrolling durchaus auch für den E-Commerce interessant sein.

So kann dieser Effekt das Interesse des Nutzers wecken und diesen dazu verleiten, sich die Seite genauer anzusehen und weiterzuscrollen. Die Technik kann auch sehr gut dazu genutzt werden, dem Nutzer beim Scrollen eine Geschichte zu erzählen, die wesentlich besser im Gedächtnis bleibt als eine einfache Aufzählung in Textform.

Social Commerce bedeutet mehr, als im Onlineshop Social-Icons einzubinden oder einen Store auf Facebook zu betreiben. Neben Facebook gibt es viele weitere Plattformen wie Pinterest, Youtube, Instagram und andere, auf denen die jeweilige Zielgruppe unter Umständen wesentlich häufiger vertreten und leichter zu erreichen ist.

Interessant wird es auch, wenn soziale Aspekte in das Shopkonzept integriert werden. Menschen richten sich nach anderen Menschen, um Entscheidungen leichter treffen zu können. Besonders Menschen aus dem eigenen Bekanntenkreis haben großen Einfluss auf die eigene Entscheidung. Von daher sollte man die Möglichkeiten der sozialen Verknüpfungen für den eigenen Shop nicht unterschätzen.

Geschickt nutzen bereits Shops wie king.me [3] soziale Daten und Nutzerbewertungen, um ganze Streams an Empfehlungen zu erstellen.

Während gerade der Web-2.0-Stil geprägt war von Verläufen mit Glanzelementen, die teilweise recht sauber und steril wirkten, setzt sich mit Texturen ein Designtrend durch, der mehr Wärme und Emotionen vermitteln kann. Edel anmutend 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.

Beim Einsatz von Texturen sollte allerdings stets der Inhalt und das Ziel der Website im Fokus bleiben. Werden zu viele Texturen und ablenkende Stilelemente eingesetzt, können diese vom Inhalt ablenken und den Nutzer vom Ziel der Website abbringen. Dann nützt es auch nichts, wenn dem Nutzer die Website optisch gefällt.

Zwei Faktoren haben zur verstärkten Aufmerksamkeit für Typografie beigetragen. Während bisher die Schriftwahl relativ beschränkt war, da auf Schriftarten zurückgegriffen werden musste, die auf allen Betriebssytemen installiert sind, eröffnen Webfonts mittlerweile neue Möglichkeiten. Mit Hilfe der unterschiedlichen Webfonts-Anbieter lassen sich relativ komfortabel neue Schriftarten auf der Webseite einbinden.

Zudem hat auch der Erfolg von minimalistischem Design zur Fokussierung auf die Typografie beigetragen. Typografie ist eines der wenigen Stilelemente bei minimalistischem Design, mit denen man sich von anderen minimalistischen Designs abheben kann.

Das Jahr 2012 hält einige interessante Designtrends bereit, die entdeckt, ausprobiert und getestet werden sollten. Wichtig ist bei der Vielzahl an neuen Möglichkeiten, immer das Ziel der Website vor Augen zu behalten.

Jede Designentscheidung hat Auswirkungen auf den Umsatz des Onlineshops. Shopbetreiber sollten immer überprüfen, ob die verwendeten Designtrends von der jeweiligen Zielgruppe schon adaptiert werden und ob die Verwendung das wirtschaftliche Ziel der Website unterstützt oder im Gegenteil ihm sogar schaden könnte.