6 einfache Design-Tweaks für die Benutzeroberfläche, um Ihre App von „Meh“ zu Amazing zu machen
Veröffentlicht: 2015-09-16Sie haben den Prototyp Ihrer mobilen App gemäß den Spezifikationen erstellt, aber irgendetwas fühlt sich nicht ganz richtig an. Vielleicht läuft es nicht so reibungslos, wie Sie es sich wünschen, oder das Design der Benutzeroberfläche sorgt nicht für diesen „Wow“-Effekt. Sie möchten, dass sich Ihre App wie Magie anfühlt, aber im Moment fühlt es sich eher so an, als würde Ihr Vater einen Vierteldollar aus Ihrem Ohr ziehen, als wie David Copperfield die Pyramiden verschwinden lässt.
Wie geht's? Verschrotten Sie das Ganze und beginnen Ihr Design noch einmal von vorne?
Oder vielleicht kann die App durch ein Wunder mit nur einer einfachen Designanpassung gespeichert werden. Schließlich haben Sie sich dem Design verschrieben, bevor Sie den Prototyp oder die Beta erstellt haben, also muss etwas Gutes daran sein – und es wäre eine Schande, all diese harte Arbeit zu verschwenden.
Wir haben 6 Designer gefragt, welche geringfügigen Anpassungen ihrer Meinung nach den größten Unterschied für einen Benutzeroberflächendesigner ausmachen. Vielleicht werden ihre Antworten Sie dazu inspirieren, Ihrer App den letzten Schliff zu geben und sie von gut zu großartig zu machen (oder von großartig zu erstaunlich!).
1. Wenn es ums Kopieren geht, schneiden Sie das Fett ab.
Wenn Sie eine App auf einem kleinen Gerät verwenden, möchten Sie wahrscheinlich nicht viel Zeit mit Lesen verbringen. Eine Überfülle an Texten verlangsamt nicht nur Ihre Benutzer, sondern verdrängt auch Ihr Benutzeroberflächendesign.
Maureen Kerwin ist Interaktionsdesignerin bei Nokia Networks (@nokianetworks). Kerwins Tipp, um jede App sofort zu verbessern? Führen Sie eine Prüfung der Kopie durch und schneiden Sie alles aus, was Sie nicht benötigen.
„Überprüfen Sie die Kopie auf Wiederholungen oder einfach zu viele Wörter“, sagt Kerwin. „Es gibt fast immer etwas, das Sie entfernen oder überarbeiten können, um klarer und prägnanter zu sein.“
In diesem Fall ist manchmal der beste Freund eines User-Interface-Designers der Lektor oder Korrekturleser. Wenn Sie sich nicht entscheiden können, welche Kopie Sie ausschneiden (oder komprimieren) möchten, macht es den Unterschied, ob Sie diese zweite, objektive Sicht auf Ihre App haben.
2) Benutzerfeedback einholen.
Wenn Sie nicht wissen, warum Ihr Benutzeroberflächendesign nicht funktioniert, erhalten Sie am schnellsten eine Antwort, indem Sie einfach Ihre Benutzer fragen.
Mike De'Shazer (@itsdeshazer) ist Mitbegründer und CEO von CodeCloud.me (@CodeCloudMe), einer interaktiven Plattform, die Benutzern hilft, das Programmieren zu lernen, und es ihnen ermöglicht, Apps zu erstellen. Laut De'Shazer ist es die zuverlässigste Methode, um Ihr Benutzeroberflächendesign effektiv zu gestalten, wenn Sie Ihre Benutzer kennen und ihr Feedback einholen.
"Es gibt verschiedene Arten von UX-Optimierungen mit unterschiedlichen Zielen", sagt De'Shazer, "aber der beste Weg, das Design und die Erfahrung der Benutzeroberfläche für jede Technologie zu optimieren, besteht darin, ein besseres Verständnis für die Menschen zu bekommen, die sie verwenden."
Wenn Ihre App ins Stocken gerät, senden Sie Ihren Prototyp an eine Gruppe von Beta-Benutzern. Ihre Vorschläge zur Verbesserung der Erfahrung können das wertvollste Feedback sein, das Sie erhalten können.
3) Machen Sie es schnell.
Alle Ihre Benutzer (und potenziellen Benutzer) brauchen Geschwindigkeit. Wenn Sie feststellen, dass Ihre Benutzererfahrung nicht so klickt, wie Sie es möchten, liegt dies möglicherweise nicht so sehr am Design der Benutzeroberfläche, sondern an der Geschwindigkeit der App selbst.
Amna Rizvi ist App-Entwicklerin bei GadgTecs (@GadgTecs), einem Wissenschafts- und Technologieblog, der Apps, Gadgets und Wissenschaftsnachrichten präsentiert. Als Entwickler und Beobachter mobiler Apps findet Rizvi, dass Geschwindigkeit und Startzeit zwei der wichtigsten Aspekte zur Optimierung der Benutzererfahrung sind.
„Einer der wichtigsten Aspekte für mich ist die Startzeit der App“, sagt Rizvi. „Die App sollte eine tolle Splash-Seite haben und sehr, sehr schnell geladen werden.“
Für dich empfohlen:
Was bedeutet die Anti-Profiteering-Bestimmung für indische Startups?
Wie Edtech-Startups Indiens Arbeitskräften helfen, sich weiterzubilden und zukunftsfähig zu werden ...
New-Age-Tech-Aktien in dieser Woche: Zomatos Probleme gehen weiter, EaseMyTrip-Posts steigen...
Indische Startups nehmen Abkürzungen bei der Jagd nach Finanzierung
Digitale Marketingplattform Logicserve Bags INR 80 Cr-Finanzierung, Umbenennung in LS Dig...
Bericht warnt vor erneuter behördlicher Prüfung von Lendingtech Space
Der erste Eindruck ist natürlich der wichtigste, sagt Rizvi. „Benutzer werden schnell abgeschaltet, wenn sie auf die App klicken, und müssen ewig warten, bis sie etwas tun können. Daher sollte die App meiner Meinung nach sofort verfügbar sein, egal wie groß sie ist.“
Nicht umgehauen von Ihrer neuesten Arbeit? Sehen Sie, ob Sie die Erfahrung optimieren können. Verkürzen Sie die Ladezeiten und erwägen Sie, dass alle Animationen, die Sie in das Design der Benutzeroberfläche integrieren, über kürzere Zeiträume vergehen. Wenn das Ihre App nicht etwas heller erstrahlen lässt, lesen Sie weiter.
4) Gestalten Sie Ihr Benutzeroberflächendesign mit Animationen.
Andrew Riley ist der Gründer von Ticketlab (@ticketlabUK), einem Online-Ticketservice, der es Künstlern ermöglicht, Tickets für Veranstaltungen einzurichten und zu verkaufen. Er ist auch ein digitaler Berater und Frontend-Entwickler.
Für Riley ist Bewegung der beste Weg, um Ihrem Benutzeroberflächendesign unmittelbare Wirkung zu verleihen.
„Mein Top-Tipp, um das Gefühl einer Webseite oder App zu verbessern, ist ganz einfach: Animation. Ich spreche nicht von den hüpfenden Logos und Lens Flares der Flash-Ära, sondern von subtilen Animationen“, sagt Riley. „In seiner einfachsten Form, wenn ein Hover-Zustand eine Änderung der Hintergrundfarbe beinhaltet, wenden Sie einfach einen linearen Übergang von 0,3 Sekunden darauf an. Sie werden feststellen, dass sich Ihr Benutzeroberflächendesign sofort weniger wie eine Website und mehr wie eine App anfühlt.“
Das Beste an dieser Designoptimierung ist, dass es nicht lange dauert, sagt Riley, aber der Effekt kann enorm sein. „Ein Übergang kann auf clevere Weise auf fast jede Zustandsänderung angewendet werden, um ein Design wirklich zum Leben zu erwecken. Obwohl diese CSS-Funktion bereits seit mehreren Jahren verfügbar ist, wird sie in vielen neuen Apps immer noch zu wenig genutzt, aber die Implementierung dauert in vielen Fällen nur wenige Augenblicke.“
Gert Hattingh, CTO von One Click Here (@Oneclickhere1), stimmt zu. Laut Hattingh nehmen sich Designer und Entwickler bei One Click Here die Zeit, das Design der Benutzeroberfläche in mehreren Phasen zu testen und sicherzustellen, dass der Ablauf genau richtig ist.
„Die Arbeit in einer agilen Umgebung gibt Ihnen die Möglichkeit, die Benutzeroberfläche während der Entwicklung zu testen. Wir spielen gerne mit Übergängen, um den Benutzer zum nächsten Schritt zu führen“, sagt Hattingh. „Das Hinzufügen einer subtilen Animation zu einer Schaltfläche, wenn sie verwendet wird, hilft dem Benutzer zu wissen, was zu tun ist, und verbessert das Gesamterlebnis.“
Animationen ziehen die Aufmerksamkeit Ihrer Benutzer auf sich, helfen ihnen, sie durch das Erlebnis zu führen, und können Ihrem Benutzeroberflächendesign den dringend benötigten zusätzlichen Schwung verleihen, aber denken Sie daran, es nicht zu übertreiben – unser nächster Entwickler erinnert uns daran, dass weniger manchmal mehr ist.
5) Vereinfachen, vereinfachen, vereinfachen.
Kein Benutzer möchte mit einer Kakophonie visueller Stimulation bombardiert werden, sei es eine Farbpalette, die sich zu viele Freiheiten nimmt, oder ein ungeheuerlicher Missbrauch visueller Texturen (selbst wenn Sie ein Anhänger des Skeuomorphismus sind, können Sie es mit dem immer noch zu weit treiben Schatten und Glanz).
Amrita Talwar ist eine Entwicklerin, die an mehreren Android- und iOS-Apps gearbeitet hat, darunter PoolMyRide (@poolmyride), eine plattformübergreifende App, mit der Benutzer Mitfahrgelegenheiten finden können. Nach Talwars Erfahrung liegt der Schlüssel, um ein Benutzeroberflächendesign von gut zu großartig zu machen, darin, es einfach zu halten:
„Das Entwerfen einer App ist wie das Erstellen eines Songs ohne Text – es sollte global verstanden werden. Um die App benutzerfreundlich und schön zu gestalten, folge ich diesen Schritten:
– Erwägen Sie die Verwendung von Materialdesign mit flachen Symbolen und stellen Sie sicher, dass das Design Ihrer Benutzeroberfläche für verschiedene Geräte skaliert werden kann.
– Minimierung der Anzahl der Klicks, Gesten und Interaktionen, die der Benutzer ausführen muss. Was auch immer der Benutzer tun soll, sollte mit möglichst wenigen Klicks erledigt werden.
– Halten Sie das Design der Benutzeroberfläche sauber. Es kann verlockend sein, Ihre Benutzeroberfläche mit Funktionen zu überladen, aber priorisieren Sie, was der Benutzer wirklich braucht. Manchmal ist es am besten, nur die wichtigsten Funktionen beizubehalten und die „nice-to-haves“ wegzulassen, da der Tribut an Ihrem Gesamtdesign ein Netto-Negativ ist.“
Ein optimiertes Design bedeutet weniger Belastung für Ihre Benutzer. Ihr Benutzeroberflächendesign sollte die Arbeit für sie erledigen – nicht umgekehrt.
6) Suchen Sie nach Inspiration außerhalb Ihrer Komfortzone.
Manchmal ist der Übeltäter hinter einem Ho-hum-Design einfach ein Mangel an frischen Ideen. Dies ist besonders häufig der Fall, wenn Sie einige Jahre Erfahrung in der Branche gesammelt haben, insbesondere bei derselben Agentur. Ist Ihnen aufgefallen, dass Ihre Benutzeroberflächendesigns allmählich alle gleich aussehen – derselbe Begrüßungsbildschirm, dieselben Animationen, ähnliche Schaltflächen, Symbole oder Schriftarten?
Es könnte an der Zeit sein, Ihr aktuelles Projekt aufzugeben und sich einige andere mobile Apps anzusehen, um Ihre Routine zu verbessern. Ein guter Ausgangspunkt könnte eine Top-10-Liste sein, die innovative UI-Designs von aufstrebenden Firmen kuratiert. Sehen Sie sich genau an, was diese Apps anders machen, und überlegen Sie, wie Sie einige dieser Konzepte zu Ihren eigenen machen können.
Für eine noch frischere Sichtweise schauen Sie außerhalb der mobilen App-Branche im Allgemeinen. Zum Beispiel kann das Spielen eines Videospiels eine wertvolle Lektion im Geschichtenerzählen sein, und ein Besuch im Kunstmuseum kann zu einigen Ihrer besten Ideen führen. Auch wenn Sie nur ein wenig mehr Zeit mit Ihren Kindern (oder Nichten und Neffen) verbringen, können Sie Ihr Designspiel für Benutzeroberflächen verbessern.
Sie haben keine Lust, sich von Ihrem Stuhl zu bewegen? Lesen Sie einfach nach, wie andere Designer auf ihre besten Ideen kommen, wenn sie einen kreativen Funk bekommen. Manchmal kommt Inspiration von den unwahrscheinlichsten Orten.
[Ursprünglich am 28. August auf blog.proto.io veröffentlicht]