User Interface Design und mehr für Intendo

int_titel

Wieviele Designer braucht man, um die Benutzeroberfläche eines neuen ERP-Programms, die Werbung für ebendieses Programm, eine Logo-Animation für das Präsentationsvideo, einen 3D-Packshot, ein Programm-Icon und einen Liegestuhl zu gestalten?

Richtig.
Genau Einen. ;)

Doch erst ein paar Infos zum Kunden: Florian Matt ist der Gründer von Intendo (für die ich schon das Logo gestaltet habe), einem jungen Softwareunternehmen aus Götzis in Vorarlberg. Sein erstes eigenes Produkt ist Intendo Uno, ein ERP-System, das vollkommen anders ist, als die, die bisher auf dem Markt sind.

Anders als die vorwiegend tabellenbasierten Softwareprodukte, die in erster Linie für die Desktop-PCs in den Büros der Abnehmer optimiert sind, ist Intendo Uno von Anfang an für den Einsatz auf iPads und iPhones entwickelt worden. Außerdem sollte sich die Programmoberfläche vom unübersichtlichen und kalten Tabellen-Look hin zu einem angenehmeren, user-freundlichen Design wandeln.

User Interface Design


ui_titel

Intendo Uno ist nicht nur, sondern auch für den Einsatz unterwegs entwickelt. Das heißt, es wird am iMac mit der Maus genauso bedient wie am iPhone via Toucheingabe – ohne, dass sich der User an ein anderes Menü gewöhnen muss. Das Hauptmenü ist großzügig am oberen Rand des Bildschirms untergebracht, groß genug, um auch mit dem Finger gut bedient werden zu können. Am gleichen Ort ist das Funktionsmenü erreichbar, das die einzelnen Untermenüs enthält. Mit maximal drei Klicks bzw. Berührungen kommt man von jeder Stelle des Programm dorthin, wo man hin möchte.

Einige Beispiele: Die Startseite zeigt die wichtigsten Infos wie Termine und Nachrichten an, die Zeiterfassung ist sofort erreichbar und intuitiv bedienbar. Das Modul „Leistungserfassung“ dient dazu, den Zeitaufwand von einzelnen Projekten zu erfassen und ist dank des logisches von-links-nach-rechts Aufbaus aufgeräumt und leicht zu benutzen. Angebote, Lieferscheine und Rechnungen erscheinen nicht in anonymer Tabellenansicht, sondern werden direkt am Bildschirm in einer Vorschau dargestellt.
Die Termin-Übersicht bietet neben den üblichen Kalenderfunktionen auch die Möglichkeit, in der Nachbearbeitung die Stimmung (ganz grob über die Smileys) und die Inhalte, die besprochen wurden, einzutragen. Hilfreich, wenn mehrere Mitglieder eines Teams mit ein und demselben Kunden zu tun haben.

Intendo Uno und das Interface in Aktion:

Entstanden ist das innovative Interface in Design und Funktionsweise in enger und fruchtbarer Zusammenarbeit mit Florian Matt und seinen Mitarbeitern.

 

Icons für iOS und OSX


icon_titel

Was nutzt das schönste Programm, wenn man’s nicht öffnen kann? Damit man es noch lieber öffnet, gibt es hübsche Icons für iOS auf den mobilen Geräten und OSX auf den Desktop-Rechnern. Natürlich erstellt gemäß der Designrichtlinien von Apple.

iOS

iTunesArtwork@2x           iOS-iPhone-icon

OSX

INT_Icon_Uno_22-01-2015          OSX-Icon_preview

 

Logo-Animation


anim_titel

Für das oben schon verlinkte Video habe ich in After Effects eine Logoanimation erstellt und eine passende akkustische Marke dafür ausgesucht. Ansehen auf YouTube!

Werbung


werb_titel

Zur Präsentation wurden RollUps und eine Broschüre (inklusive der Texte) gestaltet. Hier gibt es eine digitale Version des Folders zum download.

 

Und dann gab es da noch einen Liegestuhl, den ich dem fleißigen Team rund um Flo Matt zur Produktpräsentation (mit Bildern der Präsentation) geschenkt habe – und der nach der stressigen Programmierphase auch Verwendung gefunden haben dürfte.

You can follow any responses to this entry through the RSS 2.0 feed.