Shop-Optik

Teil 3: Auf dem Weg zum guten Shop-Layout

24.9.2007 von Redaktion pcmagazin und Tobias Hauser

ca. 3:10 Min
Ratgeber
  1. Auf dem Weg zum guten Shop-Layout
  2. Teil 2: Auf dem Weg zum guten Shop-Layout
  3. Teil 3: Auf dem Weg zum guten Shop-Layout

Shop-Layout ist harte Arbeit und eine stetige Gradwanderung zwischen Funktionalität, Optik und Usability. Die hier versammelten Anregungen und Hinweise sind hoffentlich ein guter Ausgangspunkt, um einen Shop zu gestalten. Für die Feinheiten sind dann Usability-Tests und ausführliches Ausprobieren unerlässlich.

Auf dem Weg zum guten Shop-Layout
© Archiv

Open-Source-Boliden

Der Trend zu Open-Source-Systemen betrifft natürlich auch die Shops. Eine der älteren Open-Source-Lösungen ist OSCommerce. OSCommerce selbst wird allerdings nicht mehr aktiv weiterentwickelt und besitzt auch kein Template-System. Das Template ist das HTML-Grundgerüst, in das die Inhalte aus der Shop-Datenbank eingefügt werden. Ein Shop hat hier oft ein komplexeres Template als ein Content Management System, da auch für Warenkorb und Bestellprozess entsprechende Templates vorliegen müssen.

Fehlt wie im Falle von OSCommerce das Template-System, müssen die Skriptdateien des Shops selbst angepasst werden.

Glücklicherweise wurde OSCommerce als Basis für andere Open-Source-Shops verwendet. Der bekannteste Abkömmling ist xt:Commerce (www.xtcommerce.com). xt:Commerce glänzt vor allem durch den immensen Funktionsumfang. Als Template-System wurde Smarty integriert. Die Anpassung ist zwar in Anbetracht von Dutzenden einzelner Template-Dateien für verschiedene Ansichten nach wie vor nicht trivial, aber zumindest möglich, ohne die Kerndateien selbst zu verändern.

Außerdem gibt es diverse vorgefertigte Templates, die sich recht einfach anpassen lassen. Wer xt:Commerce herunterladen und vor allem Zugriff auf das überlebensnotwendige Forum haben möchte, muss einen Obolus von unter 100 Euro löhnen. Dieses Vorgehen ist umstritten aber in Anbetracht der stetigen Weiterentwicklung und des Supports im Forum verständlich. Wem das missfällt, der wird bei den weiteren OSCommerce-Sprößlingen Zen Cart (www.zen-cart.com) und OOS (www.oos-shop.de) fündig.

Auf dem Weg zum guten Shop-Layout
xt:Commerce Software
© Archiv

Neben der eigenständigen Shop-Software sind in viele Content Management Systeme Shops integriert. Dies hat den Vorteil, dass der Administrator nur einen Login für Shop und CMS benötigt. Außerdem bietet das CMS natürlich die Möglichkeit, jenseits des Shops noch sehr einfach weitere Seiten anzulegen. Zwar bieten viele Shops wie z.B xt:Commerce auch Möglichkeiten, normale Inhaltsseiten zu erstellen, allerdings hat dieser rudimentäre Ansatz natürlich keine Chance gegen ein etabliertes CMS.

Eine der bekanntesten und besten Kombinationen bilden Joomla! und VirtueMart. Das aus Mambo entstandene Joomla! bietet den CMS-Rahmen und VirtueMart (ursprünglich phpShop) lässt sich als Komponente mit einzelnen Modulen installieren. Unter www.virtuemart.org findet sich allerdings auch ein komplettes Joomla!-Paket inklusive Virtuemart. Für Typo3 gibt es ebenfalls eine Commerce-Erweiterung, die ein wenig jüngeren Datums ist. Sie ersetzt die ältere Erweiterung tt_products. Das Template wird hier hauptsächlich über TypoScript, die Template-Sprache von Typo3, gesteuert.

Die wichtigsten Fragen zur Shop-Usability

Es antwortet Armin Kappler, Dipl. Kommunikationsdesigner, Usability-Experte, Arrabiata Solutions GmbH

Auf dem Weg zum guten Shop-Layout
© Archiv

IM: Was ist für Sie das Wichtigste, wenn Sie ein Shop-Layout entwickeln?

AK: Ein Shop muss einfach sein, d.h. es muss leicht sein, ein Produkt in den Warenkorb zu legen, es zu bestellen und zudem die nötige Übersicht und Orientierung zu behalten.

IM: Welche Bestandteile heben einen Shop in gestalterischer Hinsicht von einer normalen Website ab?

AK: Zu der normalen Navigation kommen durch den Shop noch weitere Navigationselemente für die Bestellung und den Bestellprozess hinzu. Die dazu nötigen Schaltflächen sollten sich klar abheben und auch in Zusammenhang zueinander stehen. Die Funktionalität der Schaltflächen sollte klar erkennbar sein. Zudem muss der Kunde immer wissen wo er ist und wie es um seine Finanzen steht.

IM: Worauf achten Sie beim Bestellprozess?

AK: Eine Übersicht über die einzelnen Schritte des Bestellvorganges gibt dem Kunden die nötige Orientierung. Die einzelnen Schritte sollten klar und übersichtlich sein und nur für den jeweiligen Schritt relevante Informationen enthalten. Klarheit schafft Vertrauen.

IM: Wie wichtig ist die Suche im Shop?

AK: Bei Usability-Tests suchen je nach Zielgruppe ca. 3/4 der Nutzer auch bei klar Such-orientierten Aufgaben zuerst mit der Navigation und nicht mit der Suche. Das heißt aber auch, dass 1/4 der Nutzer (oder je nach Zielgruppe auch deutlich mehr) gerne und häufig zur Suche greifen. Sie sind auf brauchbare Ergebnisse angewiesen. Außerdem sollte dem Nutzer deutlich kommuniziert werden, wenn es keinen Treffer gibt. Verhelfen Sie Ihrem Nutzer zum Sucherfolg!

IM: Wie kommen Kommunikationspannen mit dem Nutzer zu Stande?

AK: Oft weiß der Benutzer nicht genau, was er wo zu tun hat. Genau das ist aber entscheidend. Hier spielt auch die Wortwahl eine wichtige Rolle und ergänzt die Optik. Der Nutzer muss unbedingt in irgendeiner Form immer eine Rückmeldung erhalten, was er gerade getan hat und wie die nächsten Schritte sind.

Mehr lesen

Chronologische Liste und Netflix-Links

Marvel-Filme- und -Serien: Das ist die richtige Reihenfolge

Neuerscheinungen in der Übersicht

Netflix: Neue Filme und Serien

Vorschau auf Film- und Serien-Highlights

Amazon Prime Video: Neuheiten

Weiter zur Startseite  

Mehr zum Thema

internet, webdesign, adobe,  Illustrator, CS6

Webdesign

Webdesign in Adobe Illustrator CS6

Adobe Illustrator wird im Webdesign immer beliebter. Wie Sie das Tool richtig einsetzen, erfahren Sie hier.

Facebook stellte die neue Suche

Facebook

Facebooks Social Graph Search

Was sind die Implikationen für Unternehmen und Endanwender bei Facebooks neuer Suche Graph Search?

Der BGH erklärt das Internet zur Lebensgrundlage.

Online-Recht

Darauf müssen Sie bei den AGB achten

Allgemeine Geschäftsbedingungen liest sich niemand gerne durch. Sie sind jedoch notwendig und äußerst sinnvoll. Worauf sie achten sollten.

Online-Urheberrecht: Unser Ratgeber bietet Tipps für das Cloud-Recht.

Online-Recht in der Cloud

Wie sieht das Urheberrecht in der Wolke aus?

Dateien werden immer häufiger in der Cloud bereitgestellt. Rechtlich ist das jedoch durchaus problematisch. Wir klären über das Urheberrecht in der…

Logistik im E-Commerce: Prozesse rund um die Logistik.

E-Commerce-Logistik

Logistik im E-Commerce

Für den Erfolg eines Online-Shops sind zahlreiche Faktoren verantwortlich. Neben Produktvielfalt und Darstellung der Waren gehört auch die Logistik.