Best Practices und Fehler beim Design mobiler Apps

Hören Sie sich die Audioversion dieses Artikels an

Im Jahr 2017 wurden mehr als 91 Milliarden Apps aus dem iOS App Store und Google Play heruntergeladen (was nicht alle App Stores von Drittanbietern und App Stores für andere Plattformen umfasst). Das sind eine Menge Apps – etwa 13 pro Person – auf der ganzen Welt. Bei so vielen heruntergeladenen Apps ist es kein Wunder, dass die durchschnittliche App im ersten Monat eine Abwanderungsrate von 57 % (Benutzer, die die App in den ersten 30 Tagen nach dem Herunterladen nicht mehr als einmal öffnen) und satte 71 % aufweist % nach 90 Tagen.

Wenn ein Teil einer App unerwünscht ist oder nur langsam den Dreh raus hat, entscheiden sich Benutzer dafür, ein neues zu installieren, anstatt es mit dem unvollkommenen Produkt zu überstehen. Für den Verbraucher wird nichts verschwendet, wenn er eine App entsorgt, außer möglicherweise ein paar Dollar (und er weiß, dass er die App jederzeit erneut herunterladen kann). Der einzige Verlust ist die Zeit und der Aufwand der Designer und Entwickler.

Warum also scheitern so viele Apps? Ist dies ein vorhersehbares Phänomen, das App-Designer und -Entwickler akzeptieren sollten? Ist diese Erfolgsquote für Kunden akzeptabel? Was braucht es, um zu verhindern, dass Ihre Apps unbedenklich gelöscht werden?

Die häufigsten Fehler reichen von der mangelnden Aufrechterhaltung der Konsistenz während der gesamten Lebensdauer einer App bis hin zu Schwierigkeiten, Benutzer überhaupt anzuziehen. Es ist eine Herausforderung, eine App mit intuitiver Einfachheit zu entwerfen, ohne dass sie sich wiederholend und langweilig wird. Eine App muss ansprechendes Design und UX-Details bieten, ohne dabei den übergeordneten Zweck aus den Augen zu verlieren.

Die meisten Apps leben und sterben in den ersten Tagen. Wenn Sie also einige grundlegende Best Practices für das Design mobiler Apps befolgen und die häufigsten Fehler vermeiden, können Designer Apps entwickeln, die diese 90-Tage-Marke überschreiten.

Häufiger Fehler Nr. 1: Ein schlechter erster Eindruck

Oft ist die erste Verwendung oder der erste Tag mit einer App die kritischste Zeit, um einen potenziellen Benutzer zu fesseln. Der erste Eindruck ist so entscheidend, dass er als Sammelpunkt für alle anderen Best Practices für mobiles Design dienen könnte. Geht etwas schief, wirkt verwirrend oder langweilig, sind potenzielle Nutzer schnell desinteressiert.

Die richtige Balance für den ersten Eindruck ist jedoch schwierig. In einigen Fällen kann ein langwieriger Onboarding-Prozess, um die erforderlichen Funktionen zu entdecken, die Benutzer langweilen. Doch ohne ordnungsgemäßes Onboarding werden einige Apps die Benutzer nur verwirren, wenn sie nicht sofort intuitiv sind. Das Erstellen einer App, die sofort intuitiv ist und gleichzeitig den Benutzern schnell die aufregendsten und ansprechendsten Funktionen vorstellt, ist ein heikler Balanceakt.

Obwohl es eine gute Möglichkeit sein kann, jemanden schnell zu orientieren, kann ein langwieriges Onboarding auch Benutzer daran hindern, das zu tun, was sie mit der App tun möchten. Oft sind diese Tutorials zu lang und werden blind durchgewischt.

Denken Sie daran, dass Benutzer, die eine App zum ersten Mal verwenden, nicht unbedingt Wegpunkte dafür haben, wie die App funktionieren sollte oder was sie tun kann. Ein ordnungsgemäßer Beta-Testprozess ermöglicht es Designern, von Anfang an zu erfahren, wie andere eine App wahrnehmen. Was für das Designteam offensichtlich erscheint, ist möglicherweise nichts für Neulinge.

Häufiger Fehler Nr. 2: Entwerfen einer App ohne Zweck

Vermeiden Sie es, ohne klare Absichten in den Designprozess einzusteigen. Apps werden zu oft entworfen und entwickelt, um Trends zu folgen, anstatt ein Problem zu lösen, eine Nische zu füllen oder einen bestimmten Service anzubieten.

Für den Designer und sein Team wirkt sich der Zweck der App auf jeden Schritt eines Projekts aus. Es leitet jede Entscheidung, vom Branding oder Marketing einer App über das Wireframe-Format bis hin zur Button-Ästhetik. Wenn der Zweck klar ist, kommuniziert und funktioniert jedes Teil der App als kohärentes Ganzes.

Potenziellen Benutzern diese Vision zu vermitteln bedeutet, dass sie den Wert verstehen, den eine App in ihr Leben bringt. Die Vision muss vom ersten Eindruck des Benutzers klar kommuniziert werden. Wie schnell kann die Vision für die App den Nutzern vermittelt werden? Wie wird es das Leben einer Person verbessern oder eine Art Vergnügen oder Trost bieten? Solange die Nützlichkeit einer App den Benutzern sofort vermittelt wird, gehört sie wahrscheinlich zu den 21 % der Apps, die die ersten 90 Tage überstehen.

Beim Eintritt in einen bestehenden Markt gibt es Apps, die für Raumdesigner als Grundlage konzipiert wurden. Sie können das verbessern, was bereits da draußen ist, oder eine einzigartige Alternative bieten, um sich abzuheben. Sie sollten nicht gedankenlos nachahmen.

Häufiger Fehler Nr. 3: Fehler beim Optimieren des Benutzerflusses

Designer sollten darauf achten, die durchdachte Planung der UX-Architektur einer App nicht zu überspringen, bevor sie mit der Designarbeit beginnen. Noch bevor es in die Wireframing-Phase geht, sollten der Benutzerfluss und die Struktur einer App festgelegt werden. Designer sind oft zu aufgeregt, um Ästhetik und Details zu produzieren. Dies führt zu einer Kultur von Designern, die UX und die notwendige Logik oder Navigation innerhalb einer App im Allgemeinen unterschätzen.

Langsamer. Skizzieren Sie zuerst den Ablauf der App, bevor Sie sich zu viele Gedanken über die feineren Details machen. Apps scheitern oft eher an einem Mangel an Fluss und Organisation als an unvollkommenen Details. Wenn der Designprozess in Gang kommt, behalten Sie immer das Gesamtbild im Auge. Die Details und die Ästhetik sollten dann das Gesamtkonzept klar hervorrufen und verstärken.

Häufiger Fehler Nr. 4: Missachtung des Budgets für die App-Entwicklung

Sobald die grundlegenden Features und Funktionen einer App skizziert sind, ist es ein guter Zeitpunkt, mit dem Entwicklungsteam über das Budget zu sprechen. Dies verhindert, dass Sie viel Zeit mit dem Entwerfen von Funktionen und UX-Mustern verbringen, die am Ende gekürzt werden müssen, wenn das Entwicklungsteam nicht über die Ressourcen verfügt, um sie zu implementieren.

Das Erlernen der durchschnittlichen Kosten für die Konstruktion bestimmter Konzepte ist eine wertvolle Ergänzung des Werkzeugkastens eines Designers, da es die Anpassung des Design-Denkens an wirtschaftliche Zwänge erleichtert. Budgets sollten nützliche Designbeschränkungen sein, innerhalb derer gearbeitet werden kann, und nicht als Frustration angesehen werden.

Häufiger Fehler Nr. 5: Vollstopfen in Designmerkmalen

Hoffentlich wird durch rigoroses Wireframing und Prototyping die Unterscheidung zwischen notwendigen und überflüssigen Funktionen deutlich. Jede einzelne mobile Plattform ist bereits das ultimative Schweizer Taschenmesser, Ihre App muss es also nicht sein. Das Vollstopfen einer App mit Funktionen führt nicht nur zu einer verwirrenden Benutzererfahrung, sondern eine überladene App wird auch schwer zu vermarkten sein.

Wenn die App nicht prägnant erklärt werden kann, versucht sie wahrscheinlich zu viel zu tun. Das Reduzieren von Funktionen ist immer schwierig, aber es ist notwendig. Die beste Strategie könnte darin bestehen, Benutzer am Anfang mit nur ein oder zwei Funktionen zu gewinnen, bevor Sie neue Ergänzungen in späteren Versionen testen, um zu sehen, was bei den Benutzern ankommt. Auf diese Weise ist es weniger wahrscheinlich, dass die zusätzlichen Funktionen die entscheidenden ersten paar Tage im Leben einer App stören.

Häufiger Fehler Nr. 6: App-Kontext ablehnen

Obwohl Zweck und Endziele wichtig sind, werden sie irrelevant, wenn sie nicht in den richtigen Kontext gelenkt werden. Die Benutzeroberfläche für eine bestimmte App mag für das Designteam offensichtlich erscheinen, aber Erstbenutzer und Benutzer aus unterschiedlichen demografischen Gruppen finden sie möglicherweise nicht so intuitiv. Beispielsweise könnten Millennial-Nutzer einer App bestimmte Funktionen intuitiv finden, während Rentner dieselben Dinge möglicherweise verwirrend finden (oder umgekehrt).

Berücksichtigen Sie den unmittelbaren Kontext oder die Situation, in der die App verwendet werden soll. Beispielsweise zeichnet sich die Benutzeroberfläche von Uber dadurch aus, dass sie sehr schnell verwendet werden kann. Das ist perfekt, denn wenn ein Benutzer mit Freunden unterwegs ist und eine Fahrt buchen muss, muss er dabei sein Gespräch kaum unterbrechen. Uber verbirgt viele Support-Inhalte tief in der App, die nur angezeigt werden, wenn das Szenario dies erfordert.

Soll auf Ihre App schnell und kurzfristig zugegriffen werden? Oder ist dies eine App mit vielen Inhalten, die es den Benutzern ermöglicht, eine Weile zu bleiben? Wie vermittelt das Design diese Art der Nutzung? Berücksichtigen Sie diese Punkte sorgfältig, wenn Sie den UX-Flow Ihrer App abbilden.

Häufiger Fehler Nr. 7: Missbrauch von Benachrichtigungen

Push-Benachrichtigungen sind ein heikler Teil der Best Practices für das App-Design. Zu viele, und die Benutzer schalten sie vollständig aus und riskieren, dass die App vergessen wird. Zu wenige, und das gleiche Schicksal tritt ein.

Aber es ist nicht nur die Häufigkeit von Benachrichtigungen, die Benutzer ein- oder ausschalten kann. Es ist auch der Inhalt. Nützliche Benachrichtigungen, wie etwa solche, die Benutzer über eine neue Nachricht informieren oder sie daran erinnern, sich täglich zu melden, werden als hilfreich und notwendig angesehen. Apps, die scheinbar zufällige Updates oder Benachrichtigungen über Neuigkeiten senden, die den Benutzer nicht direkt betreffen, sehen mit größerer Wahrscheinlichkeit, dass ihre Benachrichtigungen vollständig deaktiviert werden.

Jede Benachrichtigung ist eine Mikrointeraktion, die entweder die Benutzererfahrung verbessern und den Gesamtnutzen der App verstärken oder das Risiko eingehen kann, Benutzer zu verprellen und sie im Extremfall dazu zu bringen, die App insgesamt zu löschen.

Häufiger Fehler Nr. 8: Überkompliziertes App-Design

Der berühmte Architekt Mies Van der Rohe hat einmal gesagt: „Es ist besser, gut zu sein, als einzigartig zu sein.“ Es ist wichtig, dass das Design den Spezifikationen im Briefing entspricht, bevor die Designer beginnen, die Schachtel aufzubrechen oder andere Schnörkel hinzuzufügen.

Designelemente, die hinzugefügt werden, um eine Komposition optisch ansprechender zu machen, müssen dennoch einen Mehrwert für die Benutzererfahrung schaffen. Fragen Sie während des gesamten Designprozesses weiter, wie viel kann ich entfernen? Gestalten Sie reduzierend statt additiv.

Überkomplexität ist oft das Ergebnis eines unnötigen Bruchs von Konventionen. Wird die App wirklich von der Überarbeitung der Standardsymbole und -schnittstellen innerhalb der visuellen und taktilen Sprache für Mobilgeräte profitieren? Standard-Icons haben sich als universell intuitiv erwiesen. Daher sind sie oft der schnellste Weg, um visuelle Hinweise bereitzustellen, ohne den Bildschirm zu überladen.

Lassen Sie nicht zu, dass Designschnörkel den eigentlichen Inhalt oder die Funktion der App beeinträchtigen. Häufig erhalten Apps nicht genügend Leerraum. Während es für gutes Design im Allgemeinen von entscheidender Bedeutung ist, ist es besonders wichtig für mobile Designs, da eine überladene Benutzeroberfläche nicht besonders berührungsfreundlich ist.

Häufiger Fehler Nr. 9: Design-Inkonsistenzen

Wenn ein Design neue Standards einführen soll, müssen diese zumindest in der gesamten App konsistent sein. Nicht jede neue Funktion oder jeder neue Inhalt muss zwangsläufig eine Gelegenheit sein, ein neues Designkonzept einzuführen.

Ist der Text einheitlich formatiert? Verhalten sich UI-Elemente in der gesamten App auf vorhersehbare und dennoch ansprechende Weise? Designkonsistenz muss die Balance finden zwischen der bestehenden gemeinsamen visuellen Sprache und der Vermeidung ästhetischer Stagnation. Die Balance zwischen intuitiver Konsistenz und Langeweile ist ein schmaler Grat.

Häufiger Fehler Nr. 10: Unzureichende Nutzung von App-Beta-Tests

Alle Designer sollten die Verwendung ihrer Apps mit einer Art Feedback-Schleife analysieren, um zu erfahren, was funktioniert und was nicht. Ein häufiger Fehler beim Testen ist, dass ein Team seine Beta-Tests intern durchführt. Es ist zwingend erforderlich, frische Augen einzubringen, um sich wirklich mit den Entwürfen der App zu beschäftigen.

Senden Sie eine Anzeige für Betatester und arbeiten Sie mit einem ausgewählten Publikum, bevor Sie an die Öffentlichkeit gehen, oder nutzen Sie einen Testdienst wie UserZoom. Dies kann eine großartige Möglichkeit sein, Details auszubügeln, Funktionen zu bearbeiten und zu finden, was fehlt. Beta-Tests können zeitaufwändig sein, aber es ist definitiv eine bessere Alternative zur Entwicklung einer App, die floppt.

Für Designteams ist es wichtig zu erkennen, wie wettbewerbsintensiv der Markt für mobile Apps ist, und alles zu tun, um ihr Angebot von den Hunderten oder Tausenden anderer Apps abzuheben, die den gleichen Raum einnehmen. Dazu müssen sie eine kohärente Vorstellung davon haben, was die mobile App erreichen soll. Das Befolgen von Best Practices für das Design mobiler Apps und die Verwendung eines iterativen Designprozesses, der das Benutzerfeedback in den gesamten Prozess einbezieht, ist eine der besten Möglichkeiten, dies zu tun, und wird eine App erstellen, die sich abhebt.

• • •

Weiterführende Literatur im Toptal Design Blog:

• eCommerce UX – Best Practices im Überblick (mit Infografik)
• Die Bedeutung von Human-Centered Design im Produktdesign
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: Wie man magische Benutzererlebnisse schafft