Der schnelle Entwurf zum passgenauen User Interface mit RAD Studio

Die Benutzeroberfläche einer Anwendung oder App ist das Gesicht des digitalen Produktes. Die Zeiten, in denen es "nebenbei" und während der Entwicklung gestaltet wurde, sind schon lange vorbei. Es werden Prototypen erstellt und frühzeitig erste Entwürfe mit dem Kunden abgestimmt. Gefragt sind effektive Wege zu einer kundenorientierten, modernen und ansprechenden Oberfläche. Schnelle Prototypen und Templates sind der richtige Weg. Designtools- und Entwicklungsumgebung müssen aufeinander abgestimmt werden. Wir stellen Ideen mit Hilfe von RAD Studio vor.

Sprichwörtlich ausgedrückt kann der Anwender nicht unter die Haube einer Software blicken. Das einzige, was er sieht, ist die Benutzeroberfläche (User Interface). Diese Tatsache hat dazu geführt, dass bei der Entwicklung von Software heute ein sehr großer Aufwand betrieben wird, um ansprechende Oberflächen mit einem funktionalen Mehrwert und einem zeitgemäßen Design zu erstellen. Typische Fragen dieses Vorgangs sind die Anordnung der Elemente und die Auswahl der passenden Designbausteine, wie Farben, Schriftfarben und grafische Elemente. Letztere sollen nicht nur einen frischen Look versprühen, sondern nach Möglichkeit noch in Einklang mit der Corporate Identity des betreffenden Unternehmens stehen. Nebenher sind Designrichtlinien der Hersteller und aktuelle Trends zu beachten.

Die Gestaltung des User Interface gerät damit zu einer umfassenden und anspruchsvollen Aufgabe. Die dazu notwendigenen Kenntnisse unterscheiden sich von den klassischen Aufgaben der Programmierung. Stilistische Fragen müssen beantwortet werden. Der ideale Workflow stellt stets die zu erledigende Aufgabe bzw. den zu bearbeitenden Content in den Fokus. Statt umfassender Menüs und komplexer Bedienfolgen sind selbstbeschreibende und kontextbezogene Oberflächen das Gebot der Stunde. Eine Vielzahl von Schlagwörtern, wie User Centered Design, User Experience oder Content First, beschreiben die Wichtigkeit dieses Themas. In größeren Projekten mit entsprechendem Budget beschäftigt sich ein Designer ausschließlich mit den angesprochenen Fragen und kann den Entwicklern entsprechende Vorgaben und Hilfen in Form von Vorlagen, Prototypen und grafischen Content zur Verfügung stellen.

Einen solchen Aufwand kann man nicht in jedem Fall betreiben. Oft muss es schneller gehen. Es ist ein wenig wie in der modernen Küche. Vorlagen und Komponenten werden für wiederkehrende Use Cases kombiniert und an die Bedürfnisse des Einzelfalles angepasst. Wichtige Hilfsmittel für das User-Interface-Design sind Stencils und Templates. Stencils kommen dabei in den frühen Phasen des Prototypings und den zugehörigen Werkzeugen zum Einsatz; während moderne integrierte Entwicklungsumgebungen idealerweise die Arbeit mit Templates beschleunigen und diese für den Entwickler erleichtern. Das Ziel: Die Time-to-Market soll verringert werden.

Anforderungen an das moderne User-Interface-Design

Schaut man sich einige Benutzerschnittstellen von älteren Applikationen an, dann ist die tägliche Arbeit mit diesen Werkzeugen für die Anwender eine Zumutung. Überladene Dialogfelder mit einer unendlichen Anzahl von Eingabefeldern, Beschriftungshinweise gepaart mit weniger aussagekräftigen oder überflüssigen Bezeichnern. Die Anordnung der Elemente erscheint oft willkürlich. Die Dialoge wurden immer wieder mit Hilfe von Updates erweitert, um auch Sonderfälle abdecken zu können. Heute gilt es andere Ansprüche an ein User Interface zu erfüllen. Man spricht vom sogenannten User Centered Design. Dabei handelt es sich um einen ganzheitlichen Ansatz zur Gestaltung interaktiver Systeme, u. a. eben auch von Benutzeroberflächen von Software jeglicher Art. Wesentlich geprägt wurde dieser Trend durch die Nutzung von mobilen Geräten. Kleine Bildschirme und die Verwendung in "rauer" Umgebung haben zu veränderten Anforderungen geführt. Im Fokus von User Centered Design stehen die Endanwender und deren Wünsche. "Wer bedient die spätere Software?" "Welche Erwartungen bestehen an die Nutzung?" Und noch viel wichtiger: "Welche Kernaufgabe möchte der Anwender in der aktuellen Situation erledigen?" Hilfe bietet eine intensive Auseinandersetzung mit den künftigen Anwendern der Software. Oft startet man mit einer umfassenden Nutzerforschung (User Research). In dieser Phase werden die Zielgruppen identifiziert und die möglichen Nutzungsszenarien analysiert. Abhängig vom Ergebnis werden die weiteren Maßnahmen festgelegt. Das Ziel ist es, die realen Anwender, ihre Anforderungen sowie den Nutzungskontext kennenzulernen und zu verstehen. Die gewonnenen Erkenntnisse werden später in das Grobkonzept und erste Prototypen eingearbeitet. Typische Hilfsmittel dieses Prozesses sind:

• Personas: Man will den Nutzer kennenlernen, sein Verhalten analysieren und seine Motive verstehen. Ein Mindestmaß an persönlichen Eigenschaften zur Charakterisierung sind zu erforschen. Eine Persona beschreibt also eine individuelle Gruppierung von echten Personen aus der Zielgruppe. Sie geben dem unbekannten Nutzer ein Gesicht und damit dem Entwicklungsteam klare Vorstellungen darüber, was sie auszeichnet. Die Erstellung verläuft sehr konkret, d. h. dem Nutzer werden ein Name, ein Alter, ein Aussehen und meist auch Wünsche, Fähigkeiten, Meinungen und Hobbies zugeordnet. Ein Bild visualisiert eine Persona. Das Ziel ist es, die Bedürfnisse der Zielgruppe an die Software herauszuarbeiten und diese Erkenntnisse in konkrete Anforderungen zu übertragen.
• Fokusgruppe: Es handelt sich um eine moderierte Gruppendiskussion mit potenziellen Nutzern. Gut geeignet für die Erhebung von Anforderungen und zum Sammeln von Nutzerfeedback in unterschiedlichen Projektphasen. Als Ergebnis bekommt man einen detaillierten Bericht mit umfangreichen Informationen.
• Card Sorting: Das Ziel ist die Erstellung einer verständlichen Navigationsstruktur. Die Navigation soll benutzerfreundlich sein und nur die Begriffe enthalten, welche von der Zielgruppe auch verstanden werden. Den Nutzern wird es ermöglicht, anhand von Karten eine aus ihrer Sicht verständliche und sinnvolle Struktur zu entwickeln.

Das ist nur eine Auswahl aus dem heute sehr breiten Methodenspektrum, um die Wünsche der Anwender zu erforschen. Natürlich muss man nicht bei der Entwicklung einer jeden kleinen App das gesamte Spektrum der Methoden einsetzen. Es steht aber auch fest, dass bereits mit einem vertretbaren Aufwand ein deutlich besseres Ergebnis erreicht wird. Auf jeden Fall hilfreich ist das frühe Erstellen von Prototypen.