App Usability: Was macht eine gute App aus?

Was zeichnet eine gute App aus?

Zuallererst muss eine App generell (ob für mobile oder Desktop) – nützlich sein. Sie muss den Bedarf der jeweiligen Zielgruppe(n) befriedigen. Beispielsweise das Bedürfnis nach Information, Unterhaltung oder Bequemlichkeit. Bereits in der Planungs- und Konzeptionsphase müssen die Themen Nützlichkeit und Mehrwert Beachtung finden und als Zielvorgabe vorhanden sein.¹

Zweites, wichtiges Merkmal einer guten mobilen App ist deren einfache Bedienung. Intuitiv muss diese sein, selbsterklärend und erwartungskonform. Nutzungskontext (z. B. Verwendung der App auf dem Weg zur Arbeit, im Ladengeschäft etc.) und Intentionen der Anwender*innen bieten wenig Raum für Komplexität und „Umständlichkeit“. Eine mobile App muss nach dem Herunterladen und dem ersten Start sofort nutzbar sein.

Der dritte Erfolgsfaktor: Good Experience. Der Umgang mit den Inhalten und Funktionen einer App muss einfach Spaß machen. Nützlichkeit und einfache Bedienung sind zentrale Bestimmungsfaktoren einer positiven User Experience (vgl. Abb. 1).

Welche Arten von Apps gibt es überhaupt?

Grundsätzlich kann bei mobilen Apps zwischen 3 Arten unterschieden werden. Diese unterscheiden sich sowohl von Nutzerseite als auch von der Entwicklerseite her.

Native Apps

Native Apps werden speziell für ein bestimmtes Betriebssystem wie Apple iOS, Google oder Android entwickelt. Vorteile für User liegen oftmals in der Schnelligkeit und Stabilität, alles läuft sehr „flüssig“. Native Apps können auf Gerätefunktionen wie z. B. Kamera oder GPS direkt zugreifen und auch Offline-Funktionen, wie bei Karten-Apps, sind sehr zuverlässig verwendbar. Durch die nahtlose Integration in das Betriebssystem lässt sich das Nutzungserlebnis einerseits deutlich verbessern. Auf der anderen Seite sind sie jedoch sehr aufwändig in der Entwicklung und daher deutlich teurer als Web- oder hybride Apps.

Web-Apps

Web-Apps funktionieren sowohl mit einem mobilen Endgerät als auch mit einem Desktop-Rechner/Notebook. Eine Web-App muss nicht installiert werden, sondern kann direkt im Browser geöffnet werden. Somit ist sie eigentlich „nur eine normale Website“, die sich gut auf mobilen Endgeräten jeglicher Plattformen bedienen lässt. Es muss also nicht extra eine App gekauft/installiert werden. Allerdings unterstützt eine Web-App keine bekannten App Features wie z. B. Push-Benachrichtigungen. Eine Weiterentwicklung der Web-Apps sind Progressive Web-Apps (PWA). Diese werden auf dem Gerät installiert und verhalten sich wie eine Native App – im Hintergrund kommt dennoch der Browser zum Einsatz. Ausgeführt werden sie aber – und das ist der wichtigste Punkt – direkt auf dem Gerät, dadurch sind z. B. Funktionen wie der Offline-Modus möglich.

Hybride Apps

Hybride Apps sind, wie Native Apps, direkt über den App Store der jeweiligen Plattform zu installieren. Ein Unterschied zur nativen App ist im Normalfall für Anwender*innen nicht direkt ersichtlich, da dieser in der Softwareentwicklung liegt. Da eine hybride App aber „daherkommt“ wie eine native App, jedoch nicht über die individuellen Anpassungen verfügt und somit der Look-and-feel der jeweiligen Plattformen nicht repliziert werden kann, führt dies beim User einstweilig zu einer eingeschränkten User Experience.

Welche besonderen Rahmenbedingungen gelten bei der Nutzung von mobilen Apps?

Geringe Bildschirmgröße

Aufgrund ihrer Mobilität besitzen Smartphones verhältnismäßig kleine Bildschirme, die das Hosentaschenformat nicht überschreiten. Dementsprechend wenig Raum bleibt für die Darstellung von Inhalten und Interaktionselementen. Zudem gilt üblicherweise eine Beschränkung auf ein einzelnes Benutzerfenster, es können also nicht wie beim Rechner/Notebook mehrere Fenster nebeneinander geöffnet sein.

Nutzung eines Touchscreens

Touchscreens bringen eine Menge Vorteile, aber auch einige Herausforderungen mit sich. Beispielsweise ist die Tastatur nicht – wie bei einem Desktop-Rechner/Notebook – immer sichtbar, sondern es muss je nach Art der Eingabe ein Touchpad mit passender Tastatur eingeblendet werden. Zudem funktionieren gewohnte Interaktionselemente nur teilweise auch für die mobile Nutzung, da für eine Touchfläche viel mehr Platz eingeplant werden muss als für einen Mauszeiger.

Anderer Nutzungskontext

Mobile Endgeräte werden häufig an Orten verwendet, an denen die Lichtverhältnisse deutlich schlechter sind als im Arbeits- oder Wohnzimmer. Je nach Umgebung wird der User während der Anwendung mit weiteren potenziellen Störquellen konfrontiert, die von akustischen Beeinträchtigungen bis hin zu schlechter Netzabdeckung reichen können. Er befindet sich oftmals in einem hektischen und ablenkenden Umfeld, beispielsweise im Straßenverkehr oder beim Einkaufen. Auch wird im mobilen Nutzungskontext meist gezielter – und auch ortsbezogener – nach Informationen gesucht als bei der Nutzung eines Desktop-Rechners/Notebooks.

Neue Technologien erweitern die Möglichkeiten

Mit mobilen Endgeräten kann im Vergleich zu Desktop-Rechnern/Notebooks die Vielzahl an zusätzlichen Features wie Kamera, GPS, Voice-Eingabe oder Touch-ID in viel höherem Umfang genutzt werden. Durch das Aufkommen und das Zusammenspiel neuer Technologien wie Künstliche Intelligenz (AI), Augmented Reality (AR) und Virtual Reality (VR), Web 3.0, Voice User Interfaces (VUIs), IoT (Internet of Things) und auch faltbare und somit größere Displays verändern sich die Möglichkeiten von mobilen Apps und die Anforderungen an diese stetig.

Warum gute Usability für mobile Apps entscheidend ist?

Unsere Erfahrungen zeigen, dass die oben genannten Rahmenbedingungen bei der Gestaltung von Anwendungen für mobile Endgeräte oftmals nicht oder nur unzureichend beachtet werden. Daraus ergeben sich gravierende Usability-Schwächen bzw. -Nachteile auf Nutzerseite.

Gerade beim Thema Apps werden die Anforderungen an mobile Usability häufig missachtet: „Wir machen einfach eine App“, lautet oftmals der Leitspruch. Dass häufig tatsächlich „einfach mal schnell eine App“ gemacht wird, lässt sich täglich an den unzähligen Neuzugängen im App Store – und der gleichzeitig schwachen Usability – erkennen.

So ist es kein Wunder, dass sehr viele Apps nicht besonders lange genutzt, sondern oftmals innerhalb weniger Tage nach der Installation nicht mehr gestartet bzw. gelöscht werden. Untersuchungen zufolge deinstallieren mehr als die Hälfte der Nutzenden, eine App bereits wieder innerhalb von 30 Tagen nach dem Download. Ein Großteil, über 25%, sogar bereits nach dem ersten Tag.²

Einer der Hauptgründe hierfür ist eine schlechte mobile Usability und der damit einhergehende, fehlende Bezug zum mobilen Nutzungskontext. Denn die schönste optische Gestaltung und der eleganteste Code nützen nichts, wenn die App im realen Umfeld nicht nutzbar ist und den Nutzenden schlichtweg keinen Mehrwert bietet – weder auf emotionaler noch auf funktionaler Ebene. Insbesondere vor dem Hintergrund, dass inzwischen rund 81 % der Deutschen ab 14 Jahren ein Smartphone besitzen, und somit sowohl die Nutzung als auch das Angebot an mobilen Apps weiterhin zunimmt, sollte mehr denn je auf eine gute Usability und User Experience geachtet werden.³

UX-Guidelines für mobile Apps

Was sollte denn nun alles beachtet werden bei der Entwicklung einer mobilen App? Nachfolgend haben wir einige Prinzipien und Guidelines zusammengestellt, die helfen sollen, bei der Usability und User Experience einer mobilen App das Beste herauszuholen.

Fangen wir zuerst einmal mit einer Auswahl von für die mobile App-Entwicklung besonders relevanten Prinzipien der 10 Usability Heuristiken von Nielsen⁴ an (siehe Punkte 1–4). Zusätzlich zu den bekannten Usability-Heuristiken gibt es einige Guidelines, die für die Entwicklung einer erfolgreichen mobilen App bedeutend sind (weiter ab Punkt 5):

Auf bereits Bekanntes und Erlerntes setzen
Bedienprinzipien und -elemente, die Nutzende bereits vom jeweiligen Betriebssystem (z. B. Apple iOS) und der dazugehörigen Standard-App (z. B. Notizen) kennen, sollten auch bei neuen mobilen Apps grundlegend beibehalten werden. So können Nutzende bereits Erlerntes sofort auf die neue App anwenden und finden sich bereits bei der ersten Nutzung schnell zurecht (vgl. Abb. 2).

Den geringen Platz für das Wesentliche nutzen
Bereits im Jahr 2016 hat die mobile Internetnutzung die Nutzung per Desktop-Rechner/Notebook überholt. Sollen Inhalte gleichermaßen für die mobile Nutzung als auch für Desktop-Rechner/Notebooks entwickelt werden, ist es ratsam, mit der mobilen Anwendung zu starten und dann die Inhalte auf Desktop-Rechner/Notebooks anzupassen – nicht umgekehrt (Mobile-First-Ansatz). Dies bedeutet, Inhalte zu priorisieren und dem Nutzungskontext anzupassen. Funktionen und Inhalte, die im mobilen Nutzungskontext nicht zwingend notwendig sind, sollten gestrichen werden (vgl. Abb. 3).

Dem Nutzenden klares Feedback geben
Bei sämtlichen Interaktionen zwischen App und Nutzenden sollten diese jederzeit eine direkte Rückmeldung darüber erhalten, was gerade passiert (ist). Tippen sie beispielsweise auf eine Schaltfläche, so sollte auch entsprechend Feedback darüber gegeben werden, ob diese tatsächlich angetippt wurde – beispielsweise durch farbliche Hervorhebung oder Positionsveränderung. Gerade bei Touchscreen-Geräten bietet es sich an, zusätzlich zum visuellen Feedback auch andere Sinne des Users anzusprechen (beispielsweise über Vibration nach dem Ausführen einer Aktion). Zudem sollte bei eventuellen Ladevorgängen immer angezeigt werden, dass die App gerade im Hintergrund arbeitet. Speziell im mobilen Nutzungskontext ist dies enorm wichtig, da die App Daten aus dem Internet abruft und hier je nach Aufenthaltsort nicht permanent eine perfekte und somit schnelle Datenverbindung gewährleistet ist (vgl. Abb. 4).

Den User unterstützen
Insbesondere dann, wenn Nutzer*innen die App von unterwegs aus aufrufen, haben sie nicht immer besonders viel Zeit oder befinden sich in einem hektischen Umfeld. Daher ist es umso wichtiger, dass die App ihnen entgegenkommt und sie unterstützt.

Navigationselemente für mobile Anwendung separat definieren
Website-Elemente wie Buttons oder Links sollten speziell für mobile Anwendungen entwickelt werden. Ein Element, mit dem Nutzene interagieren können, muss bei der mobilen Verwendung noch deutlicher hervorgehoben werden als im Desktop-basierten Kontext. Dies resultiert aus der Notwendigkeit heraus, Informationen und Funktionen möglichst schnell zu erfassen. Zudem gibt es bei der Verwendung eines Touchscreens keinen Mouse-Over-Effekt, sodass nicht mit dem Mauszeiger über die Seite gefahren werden kann, um interaktive Elemente zu finden (vgl. Abb. 5).

Auf hohes Kontrastverhältnis achten
Gerade weil mobile Geräte häufiger an Orten genutzt werden, an denen die Lichtverhältnisse wesentlich schlechter als in der Umgebung eines Desktop-Rechners/Notebooks sind, sollte unbedingt darauf geachtet werden, dass die App ein hohes Kontrastverhältnis bei Schrift, UI-Elementen, Icons etc. bietet. Anderenfalls kann der User die App, die zu Hause im Wohnzimmer noch wunderbar funktioniert hat, unterwegs im sonnigen Park nicht mehr angemessen verwenden.

Gerätespezifische Funktionalitäten sinnvoll nutzen
Mobile Endgeräte haben zahlreiche Features, die bei der App-Entwicklung sinnvoll eingebunden werden sollten. So sollte die App die Möglichkeit der automatischen Lagebestimmung des iPhones ausnutzen und Nutzenden die Wahl lassen, ob das Gerät hochkant oder quer gehalten wird (Bildschirminhalte sollten sich dementsprechend automatisch ausrichten). Zudem sollten diverse native Multi-Touch-Gesten wie doppeltes Antippen (Double Tap), Vergrößern/Verkleinern mit zwei Fingern (Spread/Pinch) oder Wischen (Swipe) genauso für das Bedienkonzept der App in Betracht gezogen werden wie die Möglichkeit, die Kamerafunktion zu nutzen. Auch die automatische Standortermittlung sollte bei der App-Gestaltung berücksichtigt werden.

Durch die sinnvolle Nutzung und Kombination dieser gerätespezifischen Funktionalitäten kann sich die App von anderen Apps abheben und dem Nutzenden exklusive Vorteile bieten (vgl. Abb. 6).

Reibungslose Übergänge zwischen mobilen Apps und dem mobilen Web
Sollte es notwendig sein, Nutzende von der App ins mobile Web zu leiten, ist es sehr wichtig, die Übergänge reibungslos zu gestalten. Dies geschieht zum einen durch das Sicherstellen eines einheitlichen Look-and-Feel, sodass Nutzende so wenig wie möglich merken, dass sie weg von der App geleitet werden. Zum anderen sollte darauf geachtet werden, dass die Ladezeiten so gering wie möglich gehalten werden, um auch hier den Unterschied zwischen App und Web so gut es geht zu verringern.

Funktionierende Vergleichsmöglichkeiten ermöglichen
Geht es zum Beispiel um eine mobile App, in der eine Produktpalette gezeigt wird, wie zum Beispiel einen Webshop oder sogar ein Vergleichsportal, sollte unbedingt darauf geachtet werden, eine praktikable und angenehme Möglichkeit zum Vergleichen, d. h. nebeneinander betrachten, einzelner Produkte zu schaffen. Dies stellt im mobilen Kontext insofern eine Herausforderung dar, als dass die Größe des Displays beschränkt ist und in der Horizontalen nur eine geringe Anzahl an gleichzeitig sichtbaren Spalten zulässt (vgl. Abb. 7).

Das passende Keyboard bereitstellen
Das Bereitstellen eines zum Eingabefeld passenden Keyboards zahlt direkt auf die Nutzerzufriedenheit ein. Es sollte also zum Beispiel bei der Eingabe der Postleitzahl oder einer Telefonnummer ein numerisches Keyboard eingeblendet werden, bei der Eingabe einer E-Mail-Adresse ein alphanumerisches Keyboard mit Buchstaben, Ziffern und Sonderzeichen usw. (vgl. Abb. 8).

Das Zoom-Level selbst bestimmen lassen
Wird in der App eine Zoom-Funktion für Bilder und Dateien bereitgestellt, sollte darauf geachtet werden, dass die Nutzenden das Zoom-Level frei und stufenlos selbst bestimmen können. Eine festgelegte Zoom-Funktion mit fixen Levels Leveln führt meist eher zu Unzufriedenheit seitens der Nutzenden. An dieser Stelle sollten vielmehr bereits gelernte Multi-Touch-Gesten, wie das Vergrößern mit zwei Fingern, zum Zuge kommen (vgl. Abb. 9).

User Centered Design: Kritischer Erfolgsfaktor in der App-Entwicklung

Ein essenzieller Erfolgsfaktor liegt in der Etablierung eines Prozesses. Es geht nicht nur darum, einzelne Maßnahmen zur Verbesserung der Usability zu ergreifen, sondern vielmehr darum, die Bedürfnisse, Wünsche und Einschränkungen der Endnutzenden kontinuierlich in den gesamten Entwicklungsprozess einzubinden. Eine gängige Darstellung der iterativ und dynamischen Prozessschritte des User Centered Design Ansatz basiert auf dem menschzentrierten Gestaltungsprozess nach DIN EN ISO 9241-210 (vgl. Abb. 10).

Ein solches Vorgehen hat weitreichende Vorteile: Es führt nicht nur zu einer höheren Nutzerzufriedenheit, sondern kann auch die Entwicklungskosten reduzieren, indem frühzeitig auf Nutzerbedürfnisse reagiert wird und ineffiziente Entwicklungswege vermieden werden. Darüber hinaus steigert es die Effizienz und kann zu einem signifikanten Wettbewerbsvorteil führen.