Hallo.
Mir stellte sich letztlich folgendes allgemeines Problem, bei der Umsetzung eines Onlineshops.
Sobald man Artikel hat, die mehrere Farben und Größen haben, und diese voneinander abhängig sind, wird es kompliziert.
Allgemein gilt:
Das eigentliche Problem besteht nicht in der Datenstruktur.
Wie aber, ermögliche ich es dem Benutzer, eine Auswahl aus zwei voneinander abhängigen Listen zu machen?
Möglichkeit 1:
Farben-Select ändert mittels onchange mit Javascript die Inhalte des zweiten Auswahlfeldes für die Größen.
Problem: Keine Alternative Möglichkeit (siehe Möglichkeit 2). Benutzer ohne Javascript sehen weiterhin alle Größen, obwohl es zu ihrer aktuell ausgewählten Farbe einen Artikel in ihrer gewünschten Größe möglicherweise garnicht mehr gibt.
Möglichkeit 2:
Ich zeige dem Benutzer nur ein Auswahlfeld (Farben) und einen Submit-Button.
Nach dem Auswählen der Farbe wird das Größenauswahlfeld anhand der übermittelten Daten erstellt.
Problem: Meines Erachtens nach schlechte Benutzerinteraktion. Man muß insgesamt zweimal ein Formular abschicken, um einen Artikel nur in den Warenkorb zu legen.
Möglichkeit 2 liesse sich als alternative für Möglichkeit 1 anbieten.
Möglichkeit 3:
Ich zeige dem Benutzer nur ein Auswahlfeld, in dem alle Farb-/Größenkombinationen aufgelistet sind.
Also:
Blau / M
Blau / L
Blau / XL
Rot / M
Rot / L
etc
Problem: Meines Erachtens nach auch Benutzerunfreundlich, da man sich aus einer möglicherweise recht großen Liste die Einträge aussuchen muss.
Beispiele: Frontlineshop: Automatischer Reload beim Select-change. Keine Alternative ohne Javascript.
Neckermann: scheinbar keine Abhängigkeit, trotzdem Javascript.
Ohne Javascript werden die Auswahlmöglichkeiten erst garnicht geladen.
Allgemein also sehr unzufriedenstellende Lösungen bei den "großen" Shops.
Was denkt ihr?
Mir stellte sich letztlich folgendes allgemeines Problem, bei der Umsetzung eines Onlineshops.
Sobald man Artikel hat, die mehrere Farben und Größen haben, und diese voneinander abhängig sind, wird es kompliziert.
Allgemein gilt:
- Artikel können Farben haben
- Artikel können versch. Größen haben
- Größen sind von Farben abhängig (Lagerbestand).
Das eigentliche Problem besteht nicht in der Datenstruktur.
Wie aber, ermögliche ich es dem Benutzer, eine Auswahl aus zwei voneinander abhängigen Listen zu machen?
Möglichkeit 1:
Farben-Select ändert mittels onchange mit Javascript die Inhalte des zweiten Auswahlfeldes für die Größen.
Problem: Keine Alternative Möglichkeit (siehe Möglichkeit 2). Benutzer ohne Javascript sehen weiterhin alle Größen, obwohl es zu ihrer aktuell ausgewählten Farbe einen Artikel in ihrer gewünschten Größe möglicherweise garnicht mehr gibt.
Möglichkeit 2:
Ich zeige dem Benutzer nur ein Auswahlfeld (Farben) und einen Submit-Button.
Nach dem Auswählen der Farbe wird das Größenauswahlfeld anhand der übermittelten Daten erstellt.
Problem: Meines Erachtens nach schlechte Benutzerinteraktion. Man muß insgesamt zweimal ein Formular abschicken, um einen Artikel nur in den Warenkorb zu legen.
Möglichkeit 2 liesse sich als alternative für Möglichkeit 1 anbieten.
Möglichkeit 3:
Ich zeige dem Benutzer nur ein Auswahlfeld, in dem alle Farb-/Größenkombinationen aufgelistet sind.
Also:
Blau / M
Blau / L
Blau / XL
Rot / M
Rot / L
etc
Problem: Meines Erachtens nach auch Benutzerunfreundlich, da man sich aus einer möglicherweise recht großen Liste die Einträge aussuchen muss.
Beispiele: Frontlineshop: Automatischer Reload beim Select-change. Keine Alternative ohne Javascript.
Neckermann: scheinbar keine Abhängigkeit, trotzdem Javascript.
Ohne Javascript werden die Auswahlmöglichkeiten erst garnicht geladen.
Allgemein also sehr unzufriedenstellende Lösungen bei den "großen" Shops.
Was denkt ihr?
Zuletzt bearbeitet: