Cloud-Applikation User Interface Design

Ein umfangreiches, modulares und intuitives User Interface für eine Applikation zu entwickeln ist eine besondere Herausforderung – um so mehr, wenn es sich dabei um ein StartUp handelt, welches selbst agil in der eigenen Geschäftsentwicklung bleiben muss.

Der Wunsch des StartUp LegacyNotes – das eine Cloud-Applikation zur digitalen Nachlassplanung entwickelt hat – war ein modernes, leicht zu erlernendes und gleichzeitig modular erweiterbares User Interface Design. Die Ressourcen für dieses Vorhaben waren eher knapp kalkuliert und das gesamte Projekt korrigierte nach Kundenrückmeldungen stetig seinen Kurs.

Bedien-Konzepte für Applikationen sind komplexer und anspruchsvoller als die meisten Oberflächen für Websites. Konzeption und Design sind somit aufwändiger und zeitintensiver. Daher haben wir uns für eine hybride Umsetzung entschieden. Einerseits kamen grundlegende Patterns aus Google’s Material Design Library zum Einsatz. Andererseits wurden spezifische Bereiche, wie z.B. die gesamte Seiten-Navigation, das Applikations-Dashboard, oder auch der Vorsorge-Simulator individuell von Adicto ergänzt. Ebenso wurden Material Design Icons verwendet und um speziell von Adicto gestaltete Icons erweitert. Nicht zu vergessen ist dabei auch die vollständig auf mobile Devices angepasste Umsetzung. Sämtliche Eingaben und Abläufe konnten so optimiert werden, dass sie selbst auf einem Smartphone problemlos bedienbar sind. So wird die Applikation zu einem ständigen Begleiter.

Mit diesem Vorgehen war es möglich das gesetzte Ziel zu erreichen, und die Zeitvorgaben einzuhalten. Da Google für Material Design auch Code-Elemente zur Verfügung stellt, konnte durch den Entscheid für die hybride Gestaltungs-Umsetzung auch die Frontend-Programmierung effizienter ausgeführt werden.

Das Resultat verbindet vertraute Bedienabläufe mit eigens für LegacyNotes gestalteten Interface-Elementen und Unterapplikationen. Dadurch entsteht – trotz Material Design als Basis – ein eigenständiges User Interface, sowie ein individuelles Look & Feel für die Cloud-Applikation von LegacyNotes.

Christian Woelk, Partner und Designer bei Adicto, Designagentur, Digitalagentur und Internetagentur mit Sitz in St.Gallen

Christian Woelk, Partner, Graphic Designer

Bei Fragen zum Thema « », aber auch zum Austausch über andere Themen stehe ich Ihnen gerne zur Verfügung!