FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
FIREGROUP GmbH
Hottingerstrasse 12
8032 Zürich
Schweiz
Telefon +41 44 534 6666
anfrage@firegroup.com
© FIRERGOUP 2003 – 2025 Impressum
UI Design für Online-Shops
Wie beeinflusst das User Interface Design die Conversion Rate?
Wenn Sie verschiedene Online Shops durchstöbern, stellen Sie fest, dass die Produktdarstellung in der Regel auf Rastersystemen basiert. Das jeweilige Rastersystem bestimmt das Layout und das komplette User Interface Design des Online Shops, bestehend aus Überschriften, Bildern, Buttons, Fliesstexten, Formularen und vielem mehr.
Wenn Sie über einen Relaunch Ihres Online Shops nachdenken und auch das User Interface Design verändern wollen, sollten Sie der Rasterdarstellung besondere Aufmerksamkeit schenken. Diese kann nämlich direkte Auswirkungen auf die Conversion Rate Ihres Webshops haben.
Was macht eine gute Rasterdarstellung aus?
Ruft der User in Ihrem Online Shop eine Produktübersicht auf, möchte er einerseits möglichst viele Produkte auf einen Blick sehen, andererseits dürfen die Bilddarstellungen nicht zu klein geraten. Je nach Produkt ist die Bildgrösse ein wichtiger Faktor. Verkaufen Sie Mode, müssen die Kleidungsstücke auf den Produktbildern auch in der Übersicht noch wirken können. Experimentieren Sie weiterhin mit der Anzahl der Spalten in der Übersicht. Eine Spalte mehr oder weniger macht häufig den Unterschied.
Auch das Verhältnis zwischen Bildern und Bedienelementen ist zu beachten. Geben Sie Bildern möglichst viel Raum und beschränken Sie sich dagegen bei Bedien- und Navigationselementen auf das Nötigste.
Raster im mobilen UI Design
Da heute viele Nutzer hauptsächlich von mobilen Endgeräten auf das World Wide Web zugreifen, muss sich das User Interface von Online Shops selbstverständlich nach dieser Tatsache richten. Responsive Raster oder Responsive Grids sorgen für eine optimale Produktdarstellung in modernen Online-Shops. Dabei werden beim UI Design sozusagen Sollbruchstellen für die Displaybreite definiert, bei deren Über- oder Unterschreitung sich die Darstellung ändert, zum Beispiel von einer 8-spaltigen Darstellung auf dem Desktop zu einer 4-spaltigen Darstellung auf dem Tablet.
Sie haben Fragen zum User Interface Design in Ihrem Online Shop? Denken Sie über einen Relaunch nach oder wollen Sie Ihren Webshop auf Responsive Webdesign umstellen? Dann nehmen Sie gern mit uns Kontakt auf!
Haben Sie noch Fragen? Gerne beraten wir Sie auf unserer kostenlosen Hotline 044 534 6666 oder über unser Kontaktformular.