September 2015

Band 30, Nummer 9

Moderne Apps – Methoden zur Optimierung der Nutzbarkeit moderner Apps

Von Rachel Appel | September 2015

Die Nutzbarkeit wird trotz ihrer Bedeutung bei der Entwicklung von Anwendungen häufig vernachlässigt. Entwickler neigen dazu, den Faktor Nutzbarkeit den Experten für die Benutzererfahrung und den Designern der Benutzeroberfläche zu überlassen. Es gibt jedoch einige kleinere und auch größere Tricks, die Entwickler anwenden können, um eine große Wirkung zu erzielen.

Die primäre Motivation ist das Entwickeln von Software, die tatsächlich einfach zu verwenden ist. Dies bedeutet, dass häufig verwendete Befehle gut sichtbar und unmittelbar verfügbar sind. Weniger häufig verwendete Befehle stehen mit möglichst wenigen Mausklicks zur Verfügung. Ich stelle verschiedene Tricks für mehr Nutzbarkeit vor, die Ihnen helfen werden, überzeugende moderne Apps zu entwickeln.

Viele Entwickler gefällt der Begriff "Best Practices", also bewährte Methoden, nicht. Er scheint zu unterstellen, dass die betreffende Methode der einzige Weg ist, etwas zu erreichen, obwohl Sie wissen, dass das nicht stimmt. Es gibt Methoden, die in den meisten Szenarien gut funktionieren, und ein breites Spektrum von Techniken, die ggf. gut funktionieren oder auch nicht. Deshalb verwenden die meisten nur ungern den Begriff "Best Practices". Ich dagegen arbeite mit dem Begriff "Good Practices", also "guten Methoden". Diese Methoden funktionieren genauso gut, wenn nicht besser als andere. Das heißt allerdings nicht, dass Sie sie in jedem Szenario anwenden sollten.

Schlechte Methoden sind oft eindeutig schlecht. Es handelt sich um Entwurfs- oder Entwicklungstechniken, für die es bessere Alternativen gibt. Es ist einfach, schlechte Methoden zu erkennen, da sie sich als nicht benutzerfreundliche Software manifestieren. Immer wenn Sie sich jemals die Haare gerauft haben, weil Sie eine Software nicht nutzen konnten, waren schlechte Methoden "die Schuldigen".

Gute Methoden für mehr Nutzbarkeit

Das erste und wohl wichtigste Kriterium für Nutzbarkeit ist Barrierefreiheit. Je größer die Barrierefreiheit, desto einfacher die Nutzung. Es gibt einige Typen von Benutzern, für die Barrierefreiheit ein wichtiger Faktor ist. Sie müssen alle Nutzer mit Hörschädigung sowie visuellen, motorischen und kognitiven Beeinträchtigungen berücksichtigen. Es ist relativ einfach, Websites und Apps zu entwickeln, die einen barrierefreien Entwurf integrieren. Viele dieser Methoden sehen kleinere Änderungen am HTML- oder CSS-Code vor. In meinem Artikel "Design und Entwicklung benutzerfreundlicher moderner Apps" (msdn.microsoft.com/magazine/dn913189), finden Sie ausführliche Informationen zu barrierefreien Entwurfsmethoden.

Häufig verwendete Befehle müssen hervorgehoben angezeigt werden. Lassen Sie Ihre Benutzer nicht nach Informationen graben. Verwenden Sie stattdessen so etwas wie die Visual Studio-Funktionalität "Schnellstart", mit der Benutzer Befehle suchen können, indem sie den Namen oder ein Synonym für den Befehl eingeben. Fügen Sie herkömmlichen Menüs und der Navigation ein Schnellstartfeature hinzu. Gleichsam dürfen Sie für die Benutzer das Erledigen von Aufgaben nicht zu schwierig gestalten. Viele Benutzer resignieren bei zu hohen Hürden und geben Apps in App-Stores schlechte Bewertungen, wenn sie Aufgaben nicht einfach erledigen können.

Einheitlichkeit ist der Schlüssel zur Entwicklung ansprechender Software. Verwenden Sie einheitlich dieselbe Ästhetik, und zwar innerhalb der App selbst sowie zwischen der App und ihrem Betriebssystem. Jeder Benutzer kann Ihnen sagen, wie frustrierend es, eine App auf einem Android- oder Windows-Gerät zu verwenden, die versucht, das Aussehen und Verhalten einer iPhone-App zu kopieren. Ein Grund dafür, warum Leute Geräte kaufen, ist, dass sie deren Stil mögen. Halten Sie sich an die Stilvorgaben des Hostbetriebssystems, und fügen Sie dann Ihr eigenes Flair hinzu. Dies bedeutet, dass Sie zwar getrennte Codebasen benötigen, aber dennoch Back-End-Code von den Apps gemeinsam nutzen lassen können.

Eine einheitliche Navigation ist auch wichtig. Verwenden Sie auf der gesamten Website oder in der gesamten Anwendung denselben Navigationsstil. Zu einem guten Navigationsentwurf gehört, dass Benutzer schnell auf ihre am häufigsten verwendeten Befehle zugreifen können. Sie können diese Befehle bestimmen, indem Sie sie jedes Mal aufzeichnen, wenn der Benutzer sie startet. Stellen Sie sicher, dass Elemente wie Schaltflächen und Steuerelemente in Formularen einheitliche Bezeichnungen haben. Wenn Sie einen Roman schreiben, können Sie durch den Einsatz eines Thesaurus und die Verwendung von Synonymen Ihre Prosa verbessern. Bei Software sorgen alternative Worte oder Ausdrücke für dieselben Aktionen oder Felder bei den Benutzern nur für Verwirrung.

Jeder von uns hat bereits zu viele verschiedene Anmeldeinformationen. Dies hat zur Folge, dass viele Benutzer dasselbe Kennwort für alle ihre Ressourcen verwenden. Dies ist einer der Aspekte, vor denen uns Sicherheitsexperten warnen. Dann entwerfen Entwickler Websites, die diese nicht empfehlenswerte Vorgehensweise fördern, indem sie darauf bestehen, dass Sie Ihre eigene Sicherheitsinfrastruktur programmieren, anstatt mit einem vertrauenswürdigen Anbieter wie OAuth, Microsoft oder Google zu arbeiten. Selbst die Facebook- oder Twitter-Authentifizierung ist besser als das Entwickeln einer eigenen.

Sofern möglich, geben Sie Ihre Benutzern Optionen. Sie können zwar Ihr eigenes Anmeldungssystem einrichten, doch dann sind Sie für dessen Verwaltung und auch für alle Verstöße gegen die Datensicherheit verantwortlich. Durch die Entscheidung für einen vertrauenswürdigen Anbieter übertragen Sie ihm die Verantwortlichkeit. Beim Anbieter arbeiten ganze Teams am Verwalten und Schützen von Benutzerdaten. Wenn Sie die Sicherheit Sicherheitsexperten überlassen, können Sie sich auf Ihre Kernaufgabe konzentrieren, d. h. Geschäftsprobleme mit Ihrer Software zu lösen.

Geeignete Standardeinstellungen sind ein wichtiger Beitrag zur Barrierefreiheit. Es ist das Jahr 2015, aber dennoch werden Sie von vielen Websites und Apps zur Eingabe eines Orts gezwungen, anstatt dass nach einer Postleitzahl gefragt wird, um die Details automatisch auszufüllen. Das Eingeben einer kurzen Zahlenfolge ist für Benutzer im Vergleich zum Treffen einer Auswahl in einer umfassenden Liste von Einträgen in einer kleinen Dropdownliste recht einfach. Lesen Sie meinen Artikel "Ein 'Mobil zuerst'-Ansatz für die moderne Anwendungsentwicklung" (msdn.microsoft.com/magazine/dn948114), indem Sie ausführliche Informationen zum Entwickeln von Software gemäß einem "Mobil zuerst"-Ansatz finden.

Reaktionsfähige Benutzeroberflächen passen sich an die Größe und Funktionen eines bestimmten Geräts an. Klar ist die Anpassung von Software an das Gerät eine gute Sache für Benutzer. Reaktionsfähige Benutzeroberflächen befolgen meist den "Mobil zuerst"-Ansatz. Und "Mobil zuerst"-Entwürfe sind in der Regel "nutzbarer" als herkömmliche Software. Ausführlichere Informationen zum Entwurf reaktionsfähiger Apps finden Sie unter "Aufbau einer reaktionsfähigen und modernen Benutzeroberfläche mit CSS für WinJS-Apps" (msdn.microsoft.com/magazine/dn451447).

Ein minimalistisches Design ist ein weiteres Markenzeichen moderner Apps. Benutzer werden sich keine App zulegen, die sie mit vielen selten verwendeten Optionen überfordert. Sie verwenden Apps, die einfach sind und Optionen so anbieten, wie es der Kontext erfordert. In Apps für Windows 8 und höher können Sie App-Leisten einsetzen, die ausgeblendet werden können, während der Benutzer in der App arbeitet, und dann nach Bedarf Optionen anbieten.

Schlechte Methoden für weniger Nutzbarkeit

Viele Websites und Apps enthalten Formulare, die den Benutzer auffordern, seine E-Mail-Adresse zweimal einzugeben. Warum glaubt jemand, wenn er seine E-Mail-Adresse nicht korrekt angeben kann, dass er seine Anschrift mit Ort, Bundesland oder anderen Informationen richtig eingeben wird? Warum sind nicht alle Felder dupliziert?

Benutzer aufzufordern, ihre E-Mail-Adresse nochmals einzugeben, ist ärgerlich. Das liegt daran, dass Menschen Gewohnheitstiere sind. Eingaben und Tippfehler sind Gewohnheiten wie andere auch. Ein Benutzer ist genauso anfällig, den gleichen Tippfehler in beiden Feldern zu machen.

Das Konzept einer Captcha ist an sich empfehlenswert. Eine Website oder App zeigt ein Bild mit einer Zahl, einem Wort oder Ausdruck. Dann gibt der Benutzer diese Zahl, dieses Wort oder diesen Ausdruck ein. Die Zahl, das Wort oder der Ausdruck im Bild wird in der Regel etwas verdeckt, damit Computer das Bild nicht identifizieren können. Das Problem ist mittlerweile, dass künstliche Intelligenzsysteme eine Bilderkennung durchführen und ein Captcha einfach erkennen können. Die meisten Menschen haben ironischerweise Schwierigkeiten. Beim Betrachten eines verdeckten Musters ist die Leistung des menschlichen Auges vergleichbar mit der von Computern. Was manchmal eine gute Idee zu sein scheint, ist dann möglicherweise doch keine.

Unbegrenzte Bildläufe und automatische Seitenaktualisierungen sind ebenfalls problematisch, besonders für diejenigen, die abhängig von Eingabehilfen wie der Bildschirmsprachausgabe sind. Während Facebook und seit Kurzem Twitter unbegrenzte Bildläufe ordnungsgemäß durchführen, kann es nach wie vor Schwierigkeiten geben, wenn neue Inhalte eingehen, die alte Inhalte beiseiteschieben. Erwägen Sie das Ausprobieren alternativer Eingaben und barrierefreier Geräte, wenn Sie diese Features implementieren.

Winzige "Schließen"-Schaltflächen können auch erfahrene Benutzer in den Wahnsinn treiben. Häufig können Nutzer von Touch-Geräten diese nicht nutzen, weil der winzige Bereich nicht auf ein Tippen reagiert. Wenn die "Schließen"-Schaltfläche groß genug ist, haben wir hier kein Problem. Es gibt jedoch viele Dialogfelder, die eine Schaltfläche zum Fortfahren enthalten, aber keine, um wieder heraus zu gelangen. Reaktionsfähig moderne Apps bieten immer einfache Möglichkeiten, Aktionen rückgängig zu machen.

Eine schlechte Formatierung ist der Fluch eines guten Website-Entwurfs. Viele Benutzer zucken zusammen, wenn ein Telefonnummernfeld in einem Formular angezeigt wird. Sie können nie wissen, welche Art von Validierung gerade durchgeführt wird. Verlangt dieses Feld die Landeskennzahl? Muss ich Klammern und Leerzeichen mit der Nummer oder bloß die Nummer eingeben? Benutzer versuchen häufig eine Nummer im ihrer Meinung nach ordnungsgemäßen Format einzugeben, um dann in einem modalen Dialogfeld auf ihren Fehler hingewiesen zu werden, der den weiteren Ablauf unterbricht.

Gleich nach den gefürchteten Telefonnummernfeldern kommen URL-Felder. In vielen davon wird "http://" nicht automatisch vorangestellt. In diesen Websites und Apps erfahren Sie nie, dass die Angabe von "http://" erforderlich ist, bis Sie auf "Senden" klicken, die Validierung misslingt und die Formularfelder sich selbst zurücksetzen.

Hinsichtlich Formularfeldern gibt es eine ganze Menge schlechter Methoden. Der eigentliche Grund, warum es Formulare gibt, ist das Erfassen von Daten. Dennoch gestalten Entwickler Formulare häufig schwierig und verwirrend. Es macht einen wahnsinnig zu versuchen, ein Formular auszufüllen, dass darauf besteht, seine Daten zu löschen, wenn Sie etwas vergessen haben oder falsch machen. Bei vielen Websites und Apps setzt sich das fort. Es dauert doppelt so lange, Dinge zu erledigen.

Wenn Sie mit Ihrer App Geld verdienen möchten, ist dies kein guter Weg. Denn Sie hindern den Benutzer am Einkaufen. Je eher eine App Schritte wie das Löschen von Formularen ausführt, desto länger dauert das Ausfüllen der Formulare. Je länger es dauert, desto eher hat ein Entwickler entschieden, das Formular für ahnungslose Benutzer zu löschen.

Eine anderer Fehler bei Formularen ist das Vergessen der Implementierung geeigneter Standardeinstellungen. Stammen Ihre Benutzer größtenteils aus Ihrem Land? Dann bieten Sie dies als Standard an, aber zeigen Sie die anderen Länder ebenfalls an. Dasselbe gilt für Bundesländer, Postleitzahlen oder den am häufigsten verwendeten Wert für ein bestimmtes Feld. Wenn Ihre App bereits bereitgestellt wurde, können Sie die Datenbank auf diese Werte überprüfen. Falls sie noch in der Entwicklung ist, fragen Sie Ihre Benutzer. Eine Standardeinstellung, die auf Websites jedoch nie fehlt, ist das Aktivieren der Optionen zum Empfangen eines Newsletters oder von Produktinformationen.

Viele Websites und Apps bieten keine richtigen Suchfunktionen. Einige bieten überhaupt keine Suchfunktionalität. Search Engine Watch sagt, dass satte 92 % der Webbenutzer ständig mindestens eine Suchmaschine nutzen.

Bieten Sie Suchergebnisse in einfach zu nutzenden Übersichten und auf klare und einheitliche Weise an. Platzieren Sie Werbeanzeigen, um die Suchergebnisse oder den Inhalt herum, aber nicht vorgelagert vor den Suchergebnissen selbst. Wenn ein Benutzer eine Anzeige innerhalb einer Gruppe von Suchergebnisse sieht, denkt er vielleicht, dies sei das Ende der Ergebnisse und verlässt diese, weil er glaubt, er habe nichts gefunden.

Beim Benutzeroberflächendesign gibt es mehrere unbedingt zu vermeidende ästhetische Fauxpas. Diese nenne ich auch gern "UI-Schandflecke". Dazu zählen z. B. winzige Schriftarten, die zum Lesen vergrößert werden müssen, zu viele Werbeanzeigen oder Werbeanzeigen, die Werbeanzeigen enthalten. Viele Websites und Apps sind auf durch Werbung generierten Umsatz angewiesen, sodass Anzeigen unumgänglich sind. Doch wenn Anzeigen (was wirklich vorkommt) auch noch Anzeigen enthalten, ist der "Schandfleck" da.

Ein anderes beliebtes Antimuster für Nutzbarkeit sind Schaltflächenfarben und -platzierung. Häufig wird eine Schaltfläche, über die man zu einer Aktion gelangt bzw. eine Aktion fortsetzt, hellrot angezeigt. Doch diese Farbe steht eher für das Beenden oder Abbrechen einer Aktion. Wie bei Ampeln bedeuten die Farben Grün, Gelb und Rot meist Starten, Vorsicht oder Anhalten.

Andere Methoden für mehr Nutzbarkeit

Die Navigation fällt unter "andere Prinzipien für Nutzbarkeit ", da einige Arten von Navigation förderlich für die Benutzerfreundlichkeit sind, andere dagegen weniger. Beim Entwerfen eines Navigationsschemas sollten Klarheit und Einheitlichkeit im Vordergrund stehen. Es empfiehlt sich, den Vorgaben des Hostbetriebssystems zu folgen. Das Beibehalten dieser Einheitlichkeit zwischen der App und dem Betriebssystem macht die Dinge für die Benutzer einfacher. Dies gilt insbesondere für neue Benutzer oder diejenigen, die nicht viel Technologie nutzen. Es gilt aber auch weiter für erfahrene Benutzer, die auf Einheitlichkeit basierende Abkürzungen mögen.

Menüs im Registerkartenformat eignen sich zur Vereinfachung der Navigation oft besser. Doch bei zu vielen Zeilen mit Registerkarten wird es schwierig zu navigieren. Für Desktop-Apps sind herkömmliche Pulldown-Menüstrukturen in Ordnung, doch Web-Apps und systemeigene Geräte-Apps erfordern häufig eine andere Lösung. Windows Phone arbeitet z. B. zur Verbesserung der Benutzererfahrung mit Live-Kacheln, die große einfach anzutippende Bereiche zum Starten von Apps oder für die Navigation darstellen.

Laut TechCrunch, einem Onlinenachrichtenportal für IT-Unternehmen, führen Hamburger-Menüs zu einem beträchtlichen Rückgang der App- bzw. Websitenutzung. Wenn Sie ein Hamburger-Menü wählen, müssen Sie bei den Nutzungsstatistiken auf dem Laufenden bleiben. Weitere Informationen zu den Grundlagen der Navigation hinsichtlich Nutzbarkeit finden Sie unter "Navigationsgrundlagen in Windows Store-Apps" (msdn.microsoft.com/magazine/dn342878).

Zusammenfassung

Als Faustregel gilt: je barrierefreier eine Software, desto nutzbarer. Schon durch winzige Änderungen können Sie Ihren Benutzerstamm um über 20 % vergrößern. Nach geschäftlichen Standards ist das ein gewaltiger Wert, und jeder Manager, der sein Gehalt wert ist (und selbst ein oberschlauer Chef), würde bei diesen Zahlen vor Freude in die Luft springen. Eine hervorragende Möglichkeit, für Barrierefreiheit und damit für Nutzbarkeit zu sorgen, ist das selbständige Ausprobieren barrierefreier Technologien. Verbinden Sie sich die Augen, und versuchen Sie, eine Seite mit einer Bildschirmsprachausgabe zu nutzen. Verwenden Sie ein Sprachgerät.

Wenngleich einige Methoden hier als "gut" oder "schlecht" aufgeführt sind, bedeutet das nicht, dass sie immer das eine oder das andere sind. Sie können stets die "schlechten" Methoden hinter sich lassen und für mehr Nutzbarkeit sorgen. Doch auch bei "guten" Methoden kann etwas schief gehen. Fragen Sie Ihre Benutzer, was sie mögen, aber glauben Sie ihnen nicht immer, da sie gelegentlich schief liegen können. Das Überwachen der App-Nutzung ist eine ausgezeichnete Möglichkeit festzustellen, was sie wirklich damit anfangen. Vertrauen Sie Ihrem Urteilsvermögen.

Rachel Appel* ist Beraterin, Autorin, Mentorin und frühere Microsoft-Mitarbeiterin mit über zwanzigjähriger Erfahrung in der IT-Branche. Sie nimmt an wichtigen Branchenkonferenzen wie Visual Studio Live!, DevConnections und MIX als Rednerin teil. Ihr Fachbereich ist die Entwicklung von Lösungen, bei denen geschäftliche und technologische Aspekte in Einklang gebracht werden und in denen führende Microsoft- und offene Webtechnologien zum Einsatz kommen. Besuchen Sie Rachel Appel auf ihrer Website unter rachelappel.com.*

Unser Dank gilt dem folgenden technischen Experten bei Microsoft für die Durchsicht dieses Artikels: Frank La Vigne