Unabhängig davon, welche Art von App Sie erstellen, erstellt oder geplant haben, Designfehler können bei der Einführung und Verwendung tödlich sein. Benutzer möchten Apps herunterladen, die Spaß machen, funktional sind und bei mehrfacher Verwendung einen Mehrwert bieten. Die Nutzer wünschen sich außerdem Apps, die ästhetisch ansprechend sind und für die Interaktion keine großen Anstrengungen erfordern.
Das Problem für Designer ist, dass wir manchmal so nahe an einem Projekt sind, dass wir krasse Fehler in Design und Benutzerfreundlichkeit vermissen, weil wir wissen, wie es funktioniert. Heute helfen wir Ihnen, eine mentale Checkliste für Fehler zu erstellen, die Sie beim App-Design suchen und vermeiden sollten.
(Hinweis: Alle enthaltenen Designs stammen von Apps, die es richtig machen, sodass Sie eine gute Dosis visueller Inspiration erhalten.)
1. Schlechter erster Eindruck
Eine gute App beginnt mit einem guten ersten Eindruck. Es sollte selbstverständlich sein, aber wenn Benutzer beim Öffnen der App von Ihrer Downloadseite oder dem ersten Eindruck abgeschaltet werden, besteht die Möglichkeit, dass sie nicht mehr mit ihr interagieren. Es ist wichtig, einen guten ersten Eindruck zu machen.
Der Startbildschirm sollte schnell geladen werden und den Benutzern eine leicht verständliche und eindeutige Aktion bieten. Sag ihnen, was sie hier tun sollen. Erinnern Sie sie an den Grund, warum sie die App überhaupt heruntergeladen haben.
Die erforderlichen Aktionen sollten leicht zu finden und auszuführen sein und alle in einem übersichtlichen und organisierten Container untergebracht werden, der den visuellen Stil Ihrer Marke und den Rest des App-Inhalts widerspiegelt.
2. Keine umsetzbaren Hinweise
Was ist Ihre App gemacht, um zu tun? Wie kommunizieren Sie das den Benutzern?
Das Design sollte viele visuelle Hinweise enthalten, die den Benutzern helfen zu verstehen, welche Maßnahmen genau zu treffen sind, wo der Bildschirm berührt werden muss und was passieren wird. Wenn Sie diese Informationen visualisieren möchten, gehen Sie zurück zur Designtheorie für die Grundlagen:
- Farbe: Helle Farben ziehen das Auge an und sind eine gute Option für tippbare Elemente.
- Platz: Lassen Sie viel Platz um die wichtigsten Elemente, damit Sie sie leicht finden und anfassen können.
- Typografie: Verwenden Sie einfache, saubere Schriftarten - oft mit einheitlichen Strichbreiten - in einer für den Bildschirm geeigneten Größe. Jede Anweisung sollte klar lesbar sein.
- Teilen Sie den Benutzern mit, wo sie sich befinden, oder zeigen Sie ihren aktuellen Status an. (Beispiel: Farbe des Hover-Status ändert sich.)
- Antworten Sie, wenn eine Aktion ausgeführt wird (dies schließt Erfolg und Misserfolg ein). (Beispiel: Erfolgsmeldung beim Senden eines Formulars.)
- Teilen Sie den Benutzern mit, was passiert oder was als Nächstes geschehen soll. (Beispiel: Navigationspfeile oder Ladegeschwindigkeitsrad.)
3. Überladenes Design
Der größte Fehler in vielen Apps ist Unordnung. Es ist, als würde der Designer versuchen, jeden einzelnen Teil des App-Designs, sei es ein Spiel, ein Tool oder einen News-Feed, auf einem einzigen Bildschirm anzuzeigen.
Vergiss es!
Apps sind so konzipiert, dass sie auf kleinen Bildschirmen funktionieren. Zu viele Dinge auf einmal zu versuchen, ist für die Nutzer überwältigend.
Denken Sie an jeden Bildschirm? als einzelner Container für ein einzelnes Element. Wenn Sie zum nächsten Bildschirm wechseln, kann eine neue Information angezeigt werden. Benutzer streichen und scrollen, wenn der Inhalt anspricht. Dies gilt umso mehr, wenn das Design sauber und leicht zugänglich ist.
4. Berührungselemente sind zu klein (oder zu nah)
Hüte dich vor dicken Fingern. Elemente, die zu nah aneinander liegen oder zu klein sind, um ohne Zoomen zu tippen, sind ein Problem für Benutzer.
Stellen Sie sicher, dass um jedes Element ausreichend Platz vorhanden ist, um ein versehentliches Klicken zu vermeiden. Es gibt keine Zauberformel für diesen Raum, aber wenn es falsch ist, werden Sie es wissen. (Sehen Sie sich einfach Ihre Analysen an.)
So habe ich meine Waage erstellt. Ich habe mir einen Freund mit großen Händen ausgeliehen. Er zeichnete einen Kreis um seinen Zeigefinger und das ist meine Richtlinie. Der Button muss nicht so groß sein, aber der zugriffsfähige Bereich sollte sein. Und nichts sollte näher sein.
Aus diesem Grund sind Karten und Containerelemente zum Klicken für Aktionen nett. Dies bedeutet, dass der Benutzer an einem beliebigen Ort, an dem Sie auf einen mit dem Inhalt in Zusammenhang stehenden Bereich tippen, zum selben Ort führt. (Es ist designfreundlich und benutzerfreundlich.)
5. Nichtstandardisierte Symbole oder Aktionen
Es gibt keinen Grund, die Ikonografie für Ihre Projekte neu zu erstellen. Der Facebook-Link soll ein? F? innerhalb eines Knopfes; Twitter sollte durch einen Vogel dargestellt werden. Warum? Weil jeder Benutzer genau weiß, was diese Elemente sind und was sie tun. Warum sollten Sie es ändern?
Integrieren Sie standardmäßige Ikonografien und umsetzbare Hinweise in das Design. Dadurch sparen Sie Zeit und vermeiden Frustration der Benutzer.
6. Design Inkonsistenzen
Alles in einer einzigen App sollte auf dieselbe Weise aussehen und funktionieren. Wenn ein Benutzer tiefer in die Benutzeroberfläche navigiert, sollte er oder sie eine Erwartung haben, was kommen wird und wie es funktioniert.
Wenn sie die App lernen, muss sie diese Erwartungen ästhetisch und operativ erfüllen. Dies umfasst alles von der Farb- und Typauswahl bis hin zu Benutzerwerkzeugen und deren Funktionsweise.
7. Unvollständige Feedback-Schleifen
Jede Interaktion sollte auf eine gleiche und entgegengesetzte Reaktion treffen. (Es ist eines der Gesetze der digitalen Physik, richtig?)
Das Feedback gibt dem Benutzer ein Gefühl der Kontrolle über die Interaktion mit einer App und gibt Ihnen wertvolle Informationen darüber, wie sich die Benutzer engagieren. Feedback hilft Benutzern auch bei der Entscheidungsfindung und macht die Benutzeroberfläche einfach.
Die Rückkopplungsschleife sollte:
8. Nicht mit der Plattform synchronisieren
Sind Sie ein iPhone oder Android-Nutzer? Stellen Sie diese Frage in einem überfüllten Raum und Sie werden viele leidenschaftliche Antworten erhalten. Denken Sie daran, wenn Sie eine App entwerfen und freigeben.
Es sollte mit der Ästhetik der Plattform, auf die es heruntergeladen wird, übereinstimmen. Das kann sogar zwei leicht unterschiedliche Versionen der App beinhalten.
Android- und iOS-Richtlinien helfen Ihnen dabei. Sie müssen jedoch die vollständige Schnittstelle berücksichtigen. Denken Sie nur an das einsame skeuomorphe App-Symbol auf Ihrem iPhone-Startbildschirm, das gelöscht werden soll.Sagen Sie, was Sie zum Beispiel über das neue Instagram-Logo wünschen, aber es passt tatsächlich zur Oberfläche.
9. Schnittstelle ist zu kompliziert
Es ist ein häufiges Problem bei Spiele-Apps - sie sind viel zu kompliziert. Wenn Sie es herausfinden, möchten Sie nicht mehr spielen.
Die Schnittstelle sollte einfach sein. Es sollte ablesbar sein. Es sollte leicht verständlich sein und ohne Bedienungsanleitung funktionieren.
Alles andere ist einfach zu kompliziert.
Für die meisten Benutzer wird eine App heruntergeladen, um ein Problem zu lösen. Jede App ist eine Lösung. (Sie verwenden nicht dieselbe App als Alarm und zum Spielen eines Spiels, oder?) Denken Sie daran, wenn Sie sich in der Entwurfsphase befinden. Welches Problem versuchen Sie zu lösen? Löse es und gehe weiter.
10. Vergessen, die Standardeinstellungen festzulegen
Standardwerte in Formularen und interaktiven Elementen können für Benutzer eine große Hilfe sein. Betrachten Sie sie als eine kleine visuelle Lösung. Die Standardwerte können alles aus einer vorab markierten Einstellung (meist gebräuchliche Option oder eine Nulloption) in Listen und Kontrollkästchen, Anweisungstext in Eingabefeldern oder einem anderen Beispiel enthalten, das veranschaulicht, was geschehen soll.
Standardeinstellungen sind hilfreich, da sie den Benutzern die Arbeit erleichtern können, indem sie ihnen die Verwendung der App zeigen, eine Option für unsichere Benutzer (wie im Fall eines Null-Standards) bieten und die gesamte Interaktion beschleunigen.
Die Standardwerte sind auch für Sie ein gutes Feedback, insbesondere für Formulare, da sie die Anzahl der Fehler reduzieren und mit einem? Option wissen Sie sofort, dass der Benutzer keine Auswahl getroffen hat.
Fazit
Jetzt ist es Zeit, Ihre großartige App-Idee in die Tat umzusetzen. Sie können diesen Beitrag als Checkliste oder Erinnerung verwenden, um Sie bei der Qualitätskontrolle zu unterstützen, um sicherzustellen, dass Ihre App optisch und benutzerfreundlich ist. Viel Glück!
Welche Killerfehler bemerken Sie in Apps oder Websites? Ich würde gerne von Ihnen hören, was Sie nur verrückt macht. Reden wir auf Twitter.