[#50]Konfigurator: Kompakte und erweiterte Ansicht

Ausgangslage

Im Konfigurator werden die Optionswerte einer Optionsvariablen erst nach dessen Selektion angezeigt. Für den Benutzer gibt es keine Möglichkeit sich alle Optionswerte einer Optionsvariablen direkt anzeigen zu lassen.


Anforderungen

Der Konfigurator soll so umgebaut werden, dass man zwischen zwei Ansichten wechseln kann.

  • Kompakter Modus:
    • aktuelle Ansicht
  • Erweiterter Modus:
    • direkter Einblick in alle Optionsgruppen, Optionsvariablen und Optionswerte
    • Möglichkeit der direkten Auswahl von Optionswerten

Lösungsansatz

Im Konfigurator wird es einen Wechsel der Ansichten geben. Über einen Button kann der Benutzer zwischen den folgenden Ansichten wechseln:

Kompakter Modus (aktuelle Ansicht):

  • Ansicht zeigt wie bisher alle Optionsgruppen und dessen Optionsvariablen
  • Bei der Auswahl einer Optionsvariablen öffnet sich ein Popover zur Auswahl der hinterlegten Optionswerte
  • Vorhandene Actions / Restrictions werden hier - wie gehabt - angezeigt
  • Ausgewählte Optionswerte werden bei den Optionsvariablen angezeigt

Erweiterter Modus (Abb. 1):

  • Ansicht zeigt alle Optionsgruppen, dessen Optionsvariablen und dessen Optionswerte
  • Alle Optionswerte einer Optionsvariablen werden untereinander aufgelistet angezeigt
  • Auswahl kann direkt durchgeführt werden (kein Popover mehr)
  • Ausgewählte Optionswerte werden farblich gekennzeichnet
  • Vorhandene Actions / Restrictions werden bei den Optionswerten ebenfalls direkt angezeigt

Neben den beiden neuen Ansichten wird die Anzeige von vorhandenen Produktinfoeinträgen bei Optionsvariablen überarbeitet. Das Icon für Produktinfoeinträge wird nur angezeigt, wenn Produktinfoeinträge vorhanden sind. Ausgegraute Icons für Produktinfoeinträge verschwinden somit.

Abbildung 1: Mockup zur erweiterten Ansicht


Umsetzung

Die Schaltfläche zum Wechseln vom kompakten- zum erweiterten Modus wurde neben den Funktionen zum Zurücksetzen, Favoritenspeicherung und Drucken hinzugefügt (Abb. 2 & Abb. 3). Dabei ist der kompakte Modus beim ersten Start der SalesApp standardmäßig aktiviert. Bei einem Wechsel wird der jeweilige Modus in der SalesApp gespeichert.

Abbildung 2: Button für einen Wechsel der Ansichten (Wechsel in erweiterten Modus)

Abbildung 3: Button für einen Wechsel der Ansichten (Wechsel in kompakten Modus)


Kompakter Modus - aktuelle Ansicht (Abb. 4):

Der kompakte Modus beinhaltet die aktuelle Ansicht. Hier werden alle Optionsgruppen und dessen Optionsvariablen untereinander angezeigt.

Bei der Auswahl einer Optionsvariablen öffnet sich ein Popover zur Auswahl der hinterlegten Optionswerte. Bei vorhandene Actions / Restrictions werden diese im Popover beim Optionswert angezeigt.

Ausgewählte Optionswerte werden dann bei den Optionsvariablen angezeigt.

Abbildung 4: Kompakter Modus

Abbildung 5: Kompakter Modus (Popover)


Erweiterter Modus:

In diesem Modus sind alle Optionsgruppen, Optionsvariablen und Optionswerte direkt auf einem Blick sichtbar. Optionswerte bei Optionsvariablen werden untereinander angezeigt und können direkt vom Benutzer ausgewählt werden (Abb. 6). Ausgewählte Optionswerte werden hellgrau und zusätzlich mit einer Markierung dargestellt (Abb. 6).

Sind Actions / Restrictions vorhanden, werden diese direkt bei den Optionswerten angezeigt (Abb. 7). So sieht der Benutzer direkt, ob Abhängigkeiten beim Optionswert vorliegen.

Die gesamten Produktinfoeinträge aus einer Optionsvariable werden bei der Optionsvariable mittels Icon angezeigt (Abb. 6). Des Weiteren werden einzelne Produktinfoeinträge mittels Icon bei Optionswerten angezeigt, falls welche vorhanden sind, ansonsten wird kein Icon angezeigt (Abb. 6). Bei Selektion des Icons wird dann nur der jeweilige Produktinfoeintrag angezeigt (auf Ebene der Optionsvariable werden alle Produktinfoeinträge der Optionswerte angezeigt).

Die Auswahl von Mengenangaben und Unterkonfigurationen ist ebenfalls in diesem Modus verfügbar. Bei einem Optionswert mit Mengenangabe oder Unterkonfiguration wird dieses einfach mit angezeigt (Abb. 8).

Abbildung 6: Darstellung aller Optionswerte

Abbildung 7: Actions / Restrictions bei Optionswerten

Abbildung 8: Mengenangaben


Details zum Ticket

Erstellt am:21. August 2019
Veröffentlicht am:13. August 2020
Veröffentlicht in Version:6.4.819
Bereiche:SalesApp
Umgesetzt bei:Grimme, Krone, Schaeffer, Bergmann, Eisele

Zum Handbuch