Beispiel einer Software mit SUI dargestellt

Simplified User Interface Grafiken: 3 Beispiele zur Orientierung

Simplified User Interface (oder SUI) ist eine Designmethode, komplexe Benutzeroberflächen vereinfacht darzustellen.

SUI-Grafiken liegen voll im Trend und werden sowohl in technischen Dokumenten als auch in Marketingmaterialien immer mehr eingesetzt. Diese einfachen und wiederverwendbaren Bilder sind wichtige Elemente für effiziente visuelle Kommunikation.

Wir zeigen Ihnen heute besonders gelungene Beispiele für SUI-Grafiken und erläutern, warum diese vereinfachten Darstellungen bei Content-Teams in vielen verschiedenen Bereichen so beliebt sind.

 

1. Slack: Onboarding mit SUI-Grafiken

Die Anmeldung für ein Produkt oder einen Service sollte einfach sein und vor allem schnell gehen. Wenn der Prozess zu kompliziert oder verwirrend ist, werden Kunden ihn abbrechen und andere Alternativen suchen.

Aus diesem Grund ist es für Unternehmen wichtig, den Workflow für die Anmeldung einfach und klar zu gestalten.

Slack löst diese Aufgaben sehr meisterhaft im gesamten Onboarding-Workflow. Sehen Sie selbst:

Slack Screenshots für Onboarding.

Die zur Anmeldung benötigten Informationen werden in einzelnen, leicht verständlichen Schritten eingeholt.  Außerdem werden die einzelnen Schritte im Onboarding mit SUI-Grafiken untermalt. Die Grafiken liefern den Zusammenhang ohne verwirrende Details, und der Betrachter kann sich anhand der Grafiken orientieren.

2. Bluebeam: SUI für Videoinhalte

Simplified User Interfaces müssen nicht nur auf Bilder begrenzt sein. Videos mit SUI-Grafiken sind besonders effiziente Formate.

Das folgende Beispiel von Bluebeam visualiert das Grundkonzept einer speziellen Cloud-Storage Lösung auf eine einfache, aber sehr wirkungsvolle Weise.

Bluebeam SUI Beispiel: Der Lageplan wird in der Cloud gespeichert und mehrere Personen können darauf zugreifen.

Wenn die Zuschauer ein Produkt, einen Prozess oder einen Service zu kompliziert finden, werden sie anderswo danach suchen. Je schneller das gewünschte Endergebnis visualisiert werden kann, desto wahrscheinlicher bleiben die Zuschauer bei Ihnen.

 

3. Conductor: SUI für ein Service-Angebot

Wenn die Oberfläche eines Produktes oder eines Service-Angebots vereinfacht dargestellt wird, kommt die Botschaft dahinter besser zur Geltung.

Beim Marketing sollen potentielle Kunden auf keinen Fall verunsichert werden. Durch die Vereinfachung komplexer Oberflächen, erreichen Sie, dass Ihre Werbebotschaft im Mittelpunkt steht.

Auf der Website von Conductor werden vereinfachte Bilder zur Produktvorführung verwendet. So können die Hauptfunktionen des Produkts gezeigt werden, ohne die Zuschauer mit allen Details zu überfordern.

Conductor SUI Beispiel: Jede der drei Hauptfunktionen wird mit SUI Grafiken untermalt.

Conductor SUI Beispiel: Jede der drei Hauptfunktionen wird mit einer SUI Grafik visualisiert.

Weiteres SUI Beispiel von Conductor: In der Grafik wird nur das Feld mit den Statistiken hervorgehoben, alle anderen Website Elemente sind vereinfacht.

Das waren Beispiele aus sehr unterschiedlichen Branchen, die zeigen wie Produkte und Service-Angebote mit SUI-Grafiken und Videos illustriert werden können. Wir hoffen, dass Sie diese Ideen auch für eigene SUI-Projekte hilfreich finden.

 

Wollen Sie SUI-Grafiken erstellen?

Probieren Sie Snagit aus, um vereinfachte Grafiken aus Screenshots zu erstellen. In wenigen Arbeitsschritten erzielen Sie mit Snagit ausgezeichnete Ergebnisse. Zum Einstieg empfehlen wir diesen Artikel über SUI-Grundlagen.