Login Experience



Q1 2023

Festanstellung bei LeanIX

Rolle: Senior UX Designer


Ziel des Projekts war es, ein besseres Login-Erlebnis zu bieten.



Bisher erhielt der Login kaum gestalterische Beachtung. Dabei ist diese Seite eine der ersten, die neue Kunden der Software sehen.
Angewandte Fähigkeiten:

  • UX Design
  • UI Design
Benutzte Werkzeuge:

  • Lucidboard
  • Sketch
  • Zeplin
  • Confluence

Kurze Recherche zu Best Practices:




Abstrakte, digitale Gemälde für den Hintergrund.



Die neue Anmeldeseite



Alt und neu im Vergleich:





Zusammenfassung:


Eine eher einfache Änderung hatte große Wirkung. Wir haben sehr gutes Feedback erhalten. Laut Kunden wirkte die gesamte Software plötzlich moderner und freundlicher.









Versionenmanagement im Diagram Editor

Q2 2023

Festanstellung bei LeanIX

Rolle: Senior UX Designer


Ziel des Projekts war es, Benutzern ein System zur Verwaltung verschiedener Versionen der komplexen Diagramme der IT-Architektur bereitzustellen.



Problem:

Der Diagrammeditor von LeanIX bot kein System zur Verwaltung verschiedener Versionen desselben Diagramms. In einer Umgebung, die sich ständig verändert und Pläne für die Zukunft gemacht werden müssen, brauchten Benutzer die Möglichkeit verschiedene Versionen zu speichern und Änderungen zu kommunizieren.
Angewandte Fähigkeiten:

  • UX Research
  • UX Design
  • UI Design
Benutzte Werkzeuge:

  • Freeform
  • Sketch
  • Zeplin
  • Confluence





Durch Kundenbefragungen habe ich herausgefunden, dass 72 % der Nutzer bereits mit einem einfachen Versions-Logbuch zufrieden wären, das dokumentiert, wer wann welche Änderungen vorgenommen hat. Nur 28 % der Benutzer wünschten sich erweiterte Funktionen. Dies leitete unsere Entscheidungen für die weitere Planung und Priorisierung.






Einige Benutzer haben sogar Workarounds erstellt, um Änderungen zu dokumentieren. Ein toller Ausgangspunkt für eine integrierte Lösung!





Ich habe mehrere Softwareteile analysiert und gemeinsame Muster extrahiert.






Kleine Meinungsumfrage mit Kollegen zur Namensgebung.




Flussdiagramm zur Planung von Bildschirmdesigns und zur Besprechung der technischen Machbarkeit mit Entwicklern.










Kommen wir zum User Interface Design!






Optionen zur Breite des Sitepanel



Kartenbasierte Designoption

Minimalistische Designoption

Zeitstrahl Designoption

Wir fuhren mit der minimalistischen Designoption fort.




Button Platzierung




Animation zur Demonstration des Motion Designs.





Zusammenfassung:


Damit die Versionsverwaltung sinnvoll, logisch und angenehm wird, müssen viele Dinge in die Überlegungen einbezogen werden.







© Andreas Hirsch

impressum, datenschutz & agb

+49 176 25 70 94 28
hirschandreas(at)web.de‬