7 tödliche Sünden beim UI-Design mobiler Apps, die Sie niemals begehen sollten
Veröffentlicht: 2015-09-09Sind Regeln dazu da, gebrochen zu werden? Es kommt ganz auf die Regel an. In der Welt des UI-Designs für mobile Apps gibt es einen gewissen Spielraum, wenn es um Dinge wie Ästhetik, Gesten und Animationen geht. Es kann Fälle geben, in denen eine einfache, funktionale App mehr Sinn macht als eine auffällige oder umgekehrt.
Aber es gibt einige Grundregeln, die Sie nicht brechen. Wenn das UI-Design Ihrer mobilen App es dem Benutzer unmöglich macht, auf wichtige Funktionen zuzugreifen, ist dies ein No-Go. Wenn Ihr Text so klein ist, dass ihn niemand lesen kann, müssen Sie zurück zum Reißbrett. Weißer Text auf hellem Hintergrund? Versuchen Sie es nochmal.
Wir wollten wissen, was erfolgreiche Designer als die sieben Todsünden des UI-Designs für mobile Apps ansehen. Wir haben drei Experten gefragt und sind zu drei separaten Listen gekommen – aber sehen Sie, ob Sie die Ähnlichkeiten in jeder finden können.
7 tödliche Sünden beim Design der Benutzeroberfläche mobiler Apps – laut ÄKTA
Alyssa Burke und Macy Nguyen sind User Interface und Visual Interaction Designers bei ÄKTA (@akta), einem Beratungsunternehmen für digitale Erfahrung und Engagement. Beide haben an nativen Mobile-Design-Projekten für Fortune-500-Unternehmen und schnell wachsende Startups gearbeitet und ihre UI-Design-Fähigkeiten in einige der besten Projekte der Agentur eingebracht. Folgendes halten sie für die unverzeihlichen Sünden des UI-Designs für mobile Apps:
Kontext ignorieren
Die persönlichen Profile der Zielbenutzer (Alter, Lebensstil, Technikkenntnisse usw.) und ihre physische Umgebung (drinnen vs. draußen, offline vs. online, morgens vs. abends usw.) werden viele Designentscheidungen beeinflussen. UI-Designer für mobile Apps sollten so viel kontextbezogene Argumentation in den iterativen Prozess einbeziehen, um das Risiko einer geringen Benutzerfreundlichkeit zu verringern. Selbst mit fließenden Übergängen, glatten Schaltflächen und schönen Schriftarten verfehlen einige Apps das Ziel, weil das gesamte UI-Design nicht mit bestimmten Anwendungsfällen übereinstimmt (dunkle Bildschirme für Apps, die hauptsächlich im Freien verwendet werden: schlechter UI-Design-Move).
Design in einer Box
Das Entwerfen und Erstellen digitaler Produkte ist eine Team- (und Gemeinschafts-) Anstrengung. Designarbeiten früh und oft während des gesamten Projektzeitraums verschiedenen Teamkollegen und sogar Leuten zu zeigen, die mit dem jeweiligen Projekt nicht vertraut sind (Technikfreaks, Neulinge, Geeks, Fanatiker, Freunde, Fremde, Brüder und Hipster), ist der Schlüssel. Geben Sie ihnen den Kontext, den sie brauchen, aber seien Sie nicht von Anfang an übermäßig defensiv. Machen Sie besser früher im Prozess Platz für Änderungen, als Probleme nach dem Start zu beheben.
Brüskierende Entwickler
Sie sind mehr als Entwickler und Ingenieure Ihre Teamkollegen (und gelegentliche Trinkkumpane), sie sind technische Zauberer, die nicht nur wissen, was in der realen Welt funktioniert, sondern auch Ihr Verfechter sein können, wenn es darum geht, sicherzustellen, dass Ihre Ideen so ausgeführt werden, wie Sie es sich vorgestellt haben. Es gibt einige UI-Designs für mobile Apps, die technisch nicht umsetzbar sind. Es gibt auch Dinge, die möglich sind, aber viel Mühe und/oder Zeit außerhalb dessen erfordern, was für das Projekt vorgesehen ist. Du wirst es nie erfahren, wenn du nicht fragst. Am Ende des Tages bauen Entwickler Ihre Designs aus. Sie können dich entweder unterstützen oder dich hassen.
Bewegungsdesign zu wenig nutzen
Da das Internet der Dinge langsam die Oberhand gewinnt und digitale Schnittstellen eine größere Rolle bei der Interaktion von Menschen mit der Welt um sie herum spielen, muss diese Facette des UI-Designs von Designern ernster genommen werden. Menschen leiten von Natur aus Bedeutungen ab und reagieren unterschiedlich darauf, wie sich Objekte in ihrer Umgebung bewegen. Die Verwendung der richtigen UI-Bewegungen ist eine sehr effektive Methode, um Priorität und Dringlichkeit anzugeben. In einigen Fällen kann es bei richtiger Anwendung auch Freude hervorrufen. Als zusätzlichen Bonus sehen Sie sich Disneys Zwölf Grundprinzipien der Animation an.
Kleinschrift verwenden
Menschen lesen Inhalte auf Bildschirmen langsamer, ungenauer und weniger umfassend als auf Papier. Als Faustregel gilt, dass die Schriftgröße für digitale Schnittstellen mindestens doppelt so groß sein sollte wie für den Druck. Unterschiedliche Schriftarten und Typeinstellungen führen auch zu unterschiedlichen Ergebnissen, insbesondere wenn Benutzer versuchen, mehrere Aufgaben auf ihren Mobilgeräten zu erledigen. Bestimmen Sie zusätzlich zur Vermeidung kleiner Schriftgrößen, wie sich andere UI-Elemente wie Schaltflächenformen, Bilder und Interaktionen auf die gewünschte Gesamt-UX auswirken.
Ignorieren von Tap-Zielen
Viele Designer von Benutzeroberflächen für mobile Apps übersehen immer noch die einfache Tatsache, dass die Finger der Benutzer unterschiedlich groß sind. Wenn es um aktions- oder aufgabenorientierte Tippziele geht, halten Sie es einfach und so groß wie möglich. Berücksichtigen Sie „nervöse Bewegungen“, wenn Sie für ältere Menschen entwerfen, und in ähnlicher Weise ungenaues Tippen, wenn Sie für Kinder entwerfen. Sie können einen Bereich um ein Asset herum leer lassen, wenn Sie es aufteilen, um die Tap-Größe zu erhöhen, damit die Ladezeit nicht zu sehr ins Stocken gerät.
Ein Plattform-Loyalist sein
Ein Design für Android und iOS zu haben, ist einschränkend und kann negative Auswirkungen auf Ihre allgemeinen UX-Ziele haben. Beide Plattformen haben unterschiedliche Designmuster, mit denen ihre jeweiligen Benutzer vertraut sind. UI-Designer sollten nicht nur mit diesen vertraut sein, sondern auch weit verbreitete Apps erkunden, die auf beiden Plattformen verfügbar sind.
7 tödliche Sünden beim Design der Benutzeroberfläche mobiler Apps – Laut Moblico Solutions
Wir haben mit mehreren Teammitgliedern von Moblico Solutions (@moblico) gesprochen, einem Unternehmen für mobile Beziehungsmanagementlösungen, dessen Ziel es ist, Marken dabei zu helfen, „effektivere mobile Momente zu schaffen“. Nachdem sie Kunden aus verschiedenen Branchen beraten haben, wie sie ihre Apps zu einem besseren Erlebnis machen können, wissen sie, was beim UI-Design für mobile Apps funktioniert – und was nicht. Hier ist ihre Meinung zu den 7 Todsünden des UI-Designs für mobile Apps:
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
Nimmt im Verhältnis zum wahrgenommenen Wert viel Platz auf einem Gerät ein
Wenn Sie das gefürchtete Popup „Platzmangel“ erhalten, gehen Sie sofort zu Ihren Apps und beginnen mit dem Löschen. Wenn eine App groß ist, viel Platz beansprucht und nicht genug Wert bietet? Hasta la vista. Es ist besser, die Apps klein zu halten, um sich vom Hackklotz fernzuhalten.
Um Erlaubnis bitten, sobald die App gestartet wird (Push, Standort, Kamera usw.)
Wie oft laden Sie eine App herunter und sind so aufgeregt, sie zu öffnen und zu verwenden, nur um sofort eine Box zu erhalten? Ich weiß nicht, was auf der Schachtel stand, ich habe sie einfach zugemacht und weitergemacht. Was war das, frage ich mich? Nun ja. Neue Anwendung!
Anmeldung, Registrierung oder schlimmer noch – Kauf – nach dem Download und bevor die App verwendet werden kann
Eigentlich sollte dieser vielleicht die Nummer eins sein – es ist eine schwierige Entscheidung. Eines der schlimmsten Dinge, die Sie einem Benutzer antun können, ist, ihn Ihre App herunterladen zu lassen und ihm dann zu sagen, dass er einen kostenpflichtigen Plan haben muss, um ihn tatsächlich nutzen zu können. Schlecht schlecht schlecht. Gelöscht.
Erstellen eines UI-Designs für eine mobile App, das genauso aussieht wie die Online-Website
Macht dies nicht den Zweck einer mobilen App zunichte? Wenn es eine Sache gibt, die einen Mobilentwickler brennt, dann ist es einfach, das Online-Erlebnis zu „minimieren“ und es eine App zu nennen. Mobile Apps haben oder sollten einen bestimmten Nutzen haben, und das Verkleinern einer Website erfüllt selten die Zwecke, die der Benutzer erwartet.
Schlecht platzierte Anzeigen oder Anzeigen, die Sie mit einem winzigen „x“ dazu verleiten, darauf zu klicken.
Wie nervig ist es, eine mobile Website nach unten zu scrollen und Ihr Finger einfach zu lange auf einem Bild verweilt und Sie zu einer Browser-Werbung wechseln? Und über das kleine „x“ – wer kann das treffen? Es wird zum Glücksspiel. Versuche ich, das winzige „x“ zu treffen, auf die Gefahr hin, dass ich es mit den Fingern berühre und auf die Anzeige klicke? Argh! Auswahl!
Mich mit Push-Benachrichtigungen überladen
Ja, Sie haben jetzt eine App und sind auf den Homescreens von Millionen von Menschen. Das ist viel Kraft. Aber denken Sie nach, bevor Sie pushen, und fragen Sie sich immer: Ist es relevant? Will dieser Benutzer diese Benachrichtigung? Sicher, Sie könnten jedes Mal benachrichtigen, wenn Sie ein neues T-Shirt in Ihrem mobilen Shop veröffentlichen, aber sollten Sie das tun? Mit großer Macht kommt große Verantwortung.
Fehlende einmalige Anmeldung (SSO) für den Zugriff auf mobile Konten
Die besten Benutzererlebnisse entstehen, wenn App-Entwickler davon ausgehen, dass die Leute nicht für das Erlebnis arbeiten wollen. Niemand möchte wirklich einen neuen Login für Ihre App erstellen. SSO ist jetzt unsere Realität, und wir müssen uns darauf einlassen. Facebook hat gewonnen. Lass uns weitermachen.
7 tödliche Sünden beim Design der Benutzeroberfläche mobiler Apps – Laut Ideaware Co.
Andres Max (@andresmax) ist der Gründer von Ideaware Co. (@ideawareco), einer digitalen Kreativagentur, die Start-ups und Fortune-500-Unternehmen gleichermaßen dabei unterstützt, ansprechende Apps zu entwickeln. Vor der Gründung von Ideaware war Max leitender UX-Designer bei Mashable. Nachdem er für mehr als nur ein paar Schwergewichte der Branche entworfen hat, hat Max starke Gefühle in Bezug auf das, was er als die sieben Todsünden des UI-Designs für mobile Apps ansieht:
Keine Benutzerrückmeldung, sobald der Benutzer auf etwas tippt
Um Himmels willen, geben Sie dem Benutzer Feedback, sobald er etwas an Ihrer App gemacht hat – oder der Benutzer denkt einfach, dass die App hängen geblieben ist, und beendet sie.
Ewige Onboardings
Wenn ich mein Telefon verwende, möchte ich wahrscheinlich alles, was ich gerade in Ihrer App tue, schnell erledigen. Stellen Sie mir nicht Hunderte von Fragen oder verlangen Sie, dass ich Tausende von Feldern ausfülle.
Touchpoints die falsche Größe geben
Bitte hören Sie auf, Schaltflächen oder Felder mit minimaler Größe zu erstellen. Es ist nicht das Web – meine Finger müssen in der Lage sein, auf eine Aktion „nah genug“ zu tippen und nicht genau auf einen Pixel.
Einführung seltsamer Navigationsmuster
Möchten Sie, dass die Leute Ihre App schnell bekommen? Dann stellen Sie nicht Ihre eigene Version vor, wie eine mobile App navigiert werden sollte. Apples Human Interface Guidelines und Androids Design Guide. sind aus einem bestimmten Grund da. Schaffen Sie keine Reibung und geben Sie Ihrem potenziellen neuen Benutzer einen weiteren Grund, Ihre App zu deinstallieren.
Schlechte Farbschemata
Schonen Sie dort die Augen, Soldat. Sie müssen nicht mit Ihrem gelb-über-schwarzen Text „auffallen“.
Weißer Raum
Apps brauchen viel Leerzeichen, Punkt. Elemente müssen voneinander entfernt sein, Knöpfe müssen groß sein und alles muss atmen können. Es gibt keine Klappe in einem mobilen Gerät, hören Sie auf, alles in einen einzigen Bildschirm zu stopfen.
Push-Benachrichtigungshölle
Um Himmels willen, senden Sie Ihren Benutzern nicht 20 Push-Benachrichtigungen pro Tag. Nach ein paar Sekunden schreit Ihre App nur noch „deinstalliere mich“.
Wie würden Ihre 7 tödlichen UI-Designsünden für mobile Apps aussehen?
Während die Liste jedes Designers ein wenig anders aussah, gab es definitiv einige Gemeinsamkeiten, die auffielen. Das Vermeiden von Push-Benachrichtigungen, außer wenn sie wirklich notwendig sind, und das Sicherstellen, dass das UI-Design Ihrer mobilen App tatsächlich nutzbar ist – indem Sie die Navigation intuitiv gestalten und die Größe der Elemente richtig anpassen – sind zwei große Aufgaben.
[Ursprünglich am 17. August auf blog.proto.io veröffentlicht]