Styleguide LOGICHECK SaaS-Dienste

Einleitung

Mit Version 3.0 von MIWAP gibt es erstmals einen Styleguide für die SaaS-Dienste der LOGICHECK. Hier sind alle Vorgaben festgehalten, die ein konsistentes Erscheinungsbild und eine optimale Wiedererkennung der Dienste gewährleisten. Neben der Optik ist die Nutzererfahrung der wichtigste Punkt bei unseren Produkten: Wir möchten unseren Nutzern einfach zu bedienende, gut durchdachte und auch clevere Produkte für die tägliche Arbeit bereitstellen. Unser Anspruch ist es den SaaS-Dienst so zu konstruieren, dass er von ungeübten Nutzern schnell und unkompliziert bedient werden kann – auch, wenn der Nutzer bisher kaum oder geringer Erfahrung damit hat. Die Gestaltung sollte so aufgebaut sein, dass die Bearbeitungszeit so gering wie möglich gehalten wird. Auf unnütze Begrifflichkeiten und Hinweise wird bewusst verzichtet.

Der Styleguide gliedert sich in verschiedene Kapitel und deckt alle relevanten Bereiche von User Interface und Usability ab. Bei Rückfragen oder fehlenden Informationen kann sich jederzeit an die Marketing-Abteilung gewendet werden (siehe Fragen).

Maßgeblichkeiten (oder: Was gilt denn eigentlich?)

Im Entwicklungsprozess für MIWAP 3.0 wird im LOGICHECK-Marketing neben dem Styleguide auch an statischen Screens und einem Klickdummy gearbeitet. Da manchmal nicht alle Änderungen in allen „Medien“ umgesetzt werden/wurden, gilt folgende Absprache: Für die optischen Spezifikationen ist immer der Styleguide maßgebend. Sprich: Sind im Styleguide konkrete Maße oder Farbwerte angegeben, sind diese zu verwenden. Grundsätzliche Layoutik und Funktionalitäten werden in statischen Screens dargestellt.

Das Verhalten der Anwendung auf der Startseite wurde in einem Klickdummy dargestellt. Dieser ist mittlerweile an einigen Stellen überholt, kann aber zur Simulation der Startseite herangezogen werden.

Im Zweifel bitte den Bereich Marketing ansprechen.

Bedienkonzept

Die Anwendungen von LOGICHECK sollen den Nutzergruppen (Sachbearbeiter, Bereichsleiter und LOGICHECK-Experten) eine einfache cloudbasierte Softwarelösung bieten, die sie im Alltag bei der Bearbeitung von Versicherungsfällen unterstützt. Das System soll an so vielen Stellen wie nötig „mitdenken“ und dem Nutzer Arbeit abnehmen .Wir legen Wert auf eine einfache und möglichst selbst erklärende Bedienung mit einem optisch hohen Anspruch – auch der „Joy of Use“ soll nicht zu kurz kommen, um eine hohe Motivation der Nutzung zu schaffen.
Mit der Einführung von MIWAP 3.0 wird das grundsätzliche Bedienkonzept geändert. Wurden der Nutzer bislang mithilfe einer Akkordeon-Mechanik durch den Prozess geführt, werden nun wieder alle Abfragen auf einer Seite stattfinden. Allerdings sollen diese „Häppchenweise“ bearbeitet werden: Die Schritte werden in Sektionen unterteilt, von denen immer zwei sichtbar sind. Nachdem das System alle pro Sektion relevanten Eingaben abgespeichert hat, werden die nächsten Sektionen erst eingeblendet. So kann der Sachbearbeiter viel einfacher durch den Prozess steppen und die Bearbeitungsgeschwindigkeit wird damit auch erhöht.

Fortschrittsbalken

Eine weitere optische Hilfe bei der Bearbeitung ist der Fortschrittsbalken: Unter der Schadennummer angeordnet ist es ein Element, dass seine Farbigkeit abhängig vom Bearbeitungsfortschritt ändert und so den Eindruck des „Füllens“ vermittelt. Hat der Nutzer alle Schritte eingefüllt und ist der Balken entsprechen „voll“, erfüllt er eine weitere Funktion: Bei Mouse-Over dient er als Navigationsmöglichkeit; der Nutzer kann damit per Mausklick alle Bearbeitungsschritte anspringen.

Nutzer-Feedback

Ein sehr wichtiger Punkt für eine gute Usability / User Experience ist das Feedback, welches das System an den Nutzer geben soll. Wurde z.B. ein Auto-Save durchgeführt, sollte das System das in einer Snackbar ausgeben. Dauert ein Vorgang einige Sekunden, sollte auch eine Snackbar erscheinen. Dauert der Vorgang länger, sollte das dem Nutzer mit einem Spinner dargestellt werden.

Meldung

Hat das System ein Auto-Save ausgeführt, erscheint eine entsprechende Meldung mit Angabe der Uhrzeit:

Bedienung

Klassisch werden die LOGICHECK-Produkte mit der Maus bedient. Bei der Platzierung von Bedienelementen ist also darauf zu achten, dass die „Maus-Wege“ möglichst kurz sind.

Weiterhin soll die bequeme Bearbeitung mit der Tastatur gewährleistet werden. Dazu ist darauf zu achten, dass via Tabulator-Taste zum nächsten Feld gesprungen werden kann. Die Reihenfolge sollte logisch und aus User-Sicht gewählt werden.

Tastaturbedienung (Keyboard focus)

Für User, die auf eine Bedienung mit der Tastatur angewiesen sind oder die Arbeit ohne Maus bevorzugen, wollen wir eine gute Tastaturbedienung anbieten.

Tab-Reihenfolge

Es soll gewährleistet sein, dass die Tab-Reihenfolge logisch und in gewohnter Leserichtung umgesetzt ist.

Optischer Fokus

Um die aktuelle Tastatur-Auswahl optisch gut kenntlich zu machen, werden Elemente hervorgehoben:

Tastatur-Kurzbefehle

Als weitere Bedienhilfen für Tastaturnutzer führen wir mit MIWAP 3.0 Tastaturkürzel ein, um Funktionen auch ohne Maus bzw. lange „Taster-Wege“ aktivieren zu können.

Die Übersicht innerhalb der Anwendung wird in einem verschiebbaren Fenster abgebildet. Dieses wird durch einen Button im Footer geöffnet.