5 Herausforderungen beim Design mobiler Benutzeroberflächen, für die es immer noch keine einfachen Antworten gibt
Veröffentlicht: 2016-03-04[ Proto .io ist ein Prototyping-Tool für mobile Apps, das von Unternehmern und Startups verwendet wird, um vollständig interaktive, realistische Prototypen zu erstellen, die wie echte Apps aussehen und sich anfühlen.]
Wir leben schon so lange in einer für Mobilgeräte optimierten Welt, dass es einfach ist, das Design mobiler Benutzeroberflächen als selbstverständlich anzusehen. Teenager, die dieses Jahr in die High School kamen, gingen gerade in den Kindergarten, als das iPhone zum ersten Mal auf den Markt kam. Websites, denen mobile Erfahrungen fehlen, wirken wie Relikte einer vergangenen Ära, gepflegt von Neo-Maschinenstürmern, die sich über die Idee lustig machen würden, einen winzigen Computer in der Brieftasche oder sogar am Handgelenk zu tragen. An diesem Punkt, fast ein Jahrzehnt, nachdem Smartphones zum Zeitgeist geworden sind, haben wir sicherlich die Antworten auf all unsere Herausforderungen beim Design mobiler Benutzeroberflächen gefunden, oder?

Falsch. Trotz der besten Pläne von Mäusen und Männern hat responsives Design nicht alle Falten der Benutzererfahrung beim Wechsel vom Desktop zum Tablet zum Mobilgerät geglättet, und ein paar Dornen stechen weiterhin in die Seiten der Designer und Entwickler mobiler UIs – um nichts zu sagen von Benutzern. Wir alle haben Probleme damit, Artikeltitel, die auf unseren Smartphones bis zur Unkenntlichkeit abgeschnitten wurden, mental automatisch zu vervollständigen, oder haben uns mit einem UI-Element herumgeschlagen, das sich einfach nicht bewegt, egal wie stark wir darüber streichen.
Die folgenden Herausforderungen beim Design mobiler Benutzeroberflächen plagen Designer, Entwickler und Unternehmer weiterhin. So gehen sie vor:
1. Es einfach zu halten und gleichzeitig funktionsreich zu bleiben .

Sagi Gidali ist Mitbegründer und CPO bei SaferVPN (@SaferVPN). Mit über einem Jahrzehnt an UI- und UX-Expertise hat er schon einige Herausforderungen beim Design mobiler UIs gelöst, aber das folgende Rätsel bleibt seinem Team ein Dorn im Auge:
„Ich würde sagen, unsere Design-/UX-Herausforderung würde darin bestehen, kompliziertere Funktionen unserer App mit möglichst wenig Text oder visueller Störung zu integrieren.
Ein VPN ist ein sehr technisches Produkt, das oft von sehr technisch versierten Benutzern verwendet wird. Unsere Herausforderung besteht darin, unseren Service für unsere Benutzer, die weniger technisch versiert sind, so zugänglich wie möglich zu machen und gleichzeitig maßgeschneiderte Optionen für diejenigen anzubieten, die technisch versierter sind.
Obwohl wir komplexe Funktionen und Einstellungen im Hintergrund ausführen, halten wir unsere UX im Vordergrund sauber und einfach. Zum Beispiel werden viele unserer fortschrittlichsten Einstellungen automatisch optimiert, und für diejenigen, die technisch versierter sind, bieten wir einfache, klare Möglichkeiten, ihre Erfahrung in einem leicht zugänglichen Einstellungsmenü weiter anzupassen.
Dies hilft uns zu verhindern, dass diese erweiterten Einstellungen unsere gesamte UX und Benutzeroberfläche überladen, sodass jeder die Vorteile unseres Dienstes mit einem einzigen Klick genießen kann.
Indem wir diesem Design- und UX-Ansatz folgen, ermutigen wir alle unsere Benutzer – unabhängig von den technischen Kenntnissen und Fähigkeiten, die sie besitzen – unser Produkt zu verwenden, um auf ihre bevorzugten geobeschränkten Inhalte zuzugreifen und ihre Privatsphäre und Sicherheit im Internet zu schützen.“
2. Mobile Suche: immer noch ein Albatros .

3. Manchmal fühlt es sich so an, als ob mobile UI-Designelemente mit dem Hund wedeln.

Richard Trigg ist UX/UI Creative Director bei Decibel Digital (@DecibelDigital), einer Agentur für Benutzererfahrung mit Sitz in Großbritannien. Für Trigg bleibt es eine Herausforderung, ein Gleichgewicht zwischen dem zu finden, was auf dem Bildschirm passieren muss, und dem, was Benutzer körperlich bequem tun können.
„Die ständige Herausforderung für viele Designer betrifft Knöpfe. Schaltflächen in mobilen Apps müssen die richtige Größe haben (für Finger aller Größen), aber so gestaltet sein, dass sie den Bildschirm nicht diktieren. Auf Mobilgeräten ist weniger Platz auf dem Bildschirm vorhanden, sodass Designer Schaltflächen und Handlungsaufforderungen klar und prägnant gestalten müssen.
Für dich empfohlen:
In Bezug auf Problemumgehungen haben wir klare Vorteile beim Einsatz von CX-Analyse- und Usability-Testtools zur Messung der Effektivität und des Engagements gesehen. Das Bild wird dann kristallklar darüber, welche Interaktionen Benutzer vornehmen. Wenn Elemente dann angepasst werden müssen, optimieren wir das Design oder die Positionierung dieser Schaltflächen.“

4. Daumen jeder Größe glücklich machen.

Ryan Colgin ist UI/UX-Designer bei LookFar (@LookFar_Ideas), einer Entwicklungsagentur, deren Kunden mehrere Branchen umfassen. Die Erfüllung der unterschiedlichen Bedürfnisse dieser Kunden ist ein besonderer Knackpunkt – insbesondere, wenn jeder dieser unterschiedlichen Kunden einzigartige Hände hat:
„Ein kleines UI/UX-Problem, das wir noch nicht ganz gelöst haben, ist folgendes: Wie zum Teufel positionieren wir die Seitennavigation so, dass sie mit dem Daumen leicht erreichbar ist? Die meisten Websites platzieren das Menü in der oberen rechten Ecke, was es nur für Linkshänder praktisch macht.
Da Telefone immer größer werden, müssen wir auf vielen Websites zwei Hände verwenden, um auf das Menü zu tippen, selbst wenn sie für Mobilgeräte optimiert sind. Wenn sie kein statisches Menü haben, müssen Sie am Ende nach oben scrollen, um die Navigation zu erreichen oder zur Startseite zurückzukehren.“
5. Android-Fragmentierung: Es wurde besser, ging aber nie wirklich weg.

Jason Suriano (@jasonsuriano) ist Gründer und CEO von Rocketfuel Productions. An diesem Punkt scheint das ewige Problem der Fragmentierung des Android-Betriebssystems uralt zu sein, aber es taucht immer noch in den Albträumen der Designer mobiler Benutzeroberflächen auf:
„Eine der größten Herausforderungen für das mobile UI- und App-Design im Jahr 2016 ist die nagende Angst vor einer Fragmentierung des Android-Ökosystems. Diese Fragmentierung umfasst die Anzahl der Hersteller von Android-Geräten, die Varianz der Geräte, die jeder Hersteller herstellt, sowie das Problem von Diskrepanzen im Betriebssystem, die unweigerlich zu Problemen mit der Benutzererfahrung führen.
Während die meisten UI/UX-Designer und -Entwickler behaupten, dass sie einen Emulator ausführen können, um nach Abweichungen zu suchen und das Problem der Fragmentierung zu lösen, gibt es in Wahrheit kein System, das die endgültige Benutzererfahrung der Anwendung auf jedem Android-Gerät wirklich emulieren kann auf dem Markt.
Dies bedeutet, dass Designer und Entwickler unweigerlich ein paar schlechte Bewertungen oder Rezensionen für ihre Anwendung im Google Play Store erhalten, nur weil die Anwendung nicht für die Ausführung auf einem bestimmten Gerät oder einer veralteten Version des Android-Betriebssystems optimiert ist, was sich letztendlich auf den Gesamtbenutzer auswirkt Erfahrung."
Anpassung an Herausforderungen beim Design mobiler Benutzeroberflächen mit Verbraucherpsychologie

Laut Sloane Berry (@SloaneBerry), UX-Designerin bei BPM Technologies, besteht eine Möglichkeit, selbst die unnachgiebigsten Herausforderungen der mobilen Benutzeroberfläche zu bewältigen, darin, sich einfach in die Köpfe Ihrer Benutzer hineinzuversetzen. Unabhängig von dem spezifischen Problem, schreibt sie, kann es Ihnen helfen, Ihren Benutzer kennenzulernen, um es zu lösen:
„Eine gute mobile App ist wie Tai Chi, bei der jede Aktion auf natürliche, intuitive Weise in die nächste Aktion übergeht. Die meisten UX-Herausforderungen entstehen durch zu viele Informationen oder einfach durch eine physische Einschränkung. In diesen Fällen ist weniger mehr. Sie müssen nicht alles zeigen, sondern sich darauf konzentrieren, genug zu zeigen.
Wenn ein Benutzer durch eine Liste scrollt und auf abgeschnittenen Text stößt, sollten Sie in der Lage sein, den Text zu erweitern, während Sie noch in der Bewegung sind, die Liste nach unten zu scrollen. Blähen Sie Ihre App nicht auf, indem Sie sich zu einer neuen Seite durchklicken und den Benutzer dazu bringen, hin und her zu gehen. Ebenso sollten sie beim Durchklicken zum Erweitern klicken können, ohne ihre Augen oder ihren Daumen viel bewegen zu müssen. Gehen Sie einfach mit dem Fluss der Dinge.
Auf einer sehr praktischen Ebene möchten Sie, egal was Sie entwerfen, dass sich ein Kunde wohl fühlt. Tinder ist eine fantastische Benutzererfahrung, weil es kathartisch ist, die Leute wegzuwischen, die Sie nicht wollen, und Sie erhalten nur die guten Nachrichten, die Sie gefunden haben. Die größten Herausforderungen für UX-Designer sind die negativen Dinge, z. B. wenn ein Benutzer lange Wartezeiten hat oder eine Zahlung leisten muss – aber für diese Dinge gibt es praktische Lösungen.

Mit den Schlägen rollen: Häufige Schmerzpunkte beim Design mobiler Benutzeroberflächen
Die Reaktionszeit ist eine wichtige Quelle für frustrierende Benutzererfahrungen, aber sie kann so gedreht werden, dass Vorfreude entsteht. Ganz gleich, ob es sich um eine Countdown-Uhr einer Essensliefer-App oder einen Ortungspunkt für einen Taxifahrer handelt, Benutzer mögen die visuelle Bestätigung, dass sie etwas bewirkt haben. Es ist hauptsächlich eine ästhetische Wahl, da Ihr Taxi oder Essen sowieso ankommt, aber es gibt den Benutzern etwas, zu dem sie zurückkehren können. Es kann sogar helfen, Ihre App „klebrig“ zu machen.
Zahlungen können eine sehr knifflige Kundenerfahrung sein. Kunden wollen Transparenz, aber auch nicht belästigt oder belastet werden, wie sie bezahlen. Es ist im Backend nach der ersten Zahlung einfach zu lösen, aber wann und wie man einen Benutzer fragt, wo er bezahlen soll, ist eine Herausforderung. Wenn Sie einem Kunden nur sagen, dass der Service eine Pauschalgebühr kostet, ist das keine sehr aufregende oder erfüllende Erfahrung – der Kunde denkt über diese Gebühr nach.
Aber wenn Sie ihnen beim Kauf zeigen, was sie bekommen, werden sich die Leute besser fühlen, wenn sie ihre Brieftaschen öffnen. Ride-Sharing-Apps wie Uber/Lyft leisten hervorragende Arbeit, indem sie den „Taximeter“-Effekt mildern, indem sie Ihnen einfach im Voraus einen guten Tarif garantieren. Sie belasten Sie bis zum Ende der Dienstleistung nicht mit den Einzelheiten des Preises. An diesem Punkt zahlen sie gerne, da der Dienst sie zu „Punkt B“ gebracht hat. Ein Kunde muss sich jederzeit mit seiner Erfahrung mit Ihrer App zufrieden fühlen.“
Herausforderungen beim Design mobiler Benutzeroberflächen meistern, wo es sicher ist: Der Prototyp
Auch wenn die Welt des mobilen UI-Designs seit diesem schicksalhaften Tag im Jahr 2007, als die Welt zum ersten Mal das iPhone sah, einen langen Weg zurückgelegt hat, ist es jedem klar, der eine mobile App erstellt hat – oder eine Desktop-Benutzererfahrung auf eine portiert hat Smartphone oder Tablet – dass noch viele Herausforderungen bestehen bleiben. Was soll ein Designer tun?
Eine Möglichkeit, diese Probleme zu beseitigen, ohne zu viel Zeit in die Entwicklung zu investieren, besteht darin, umfangreiche UI/UX-Tests an einem lebensechten digitalen Prototyp Ihres mobilen UI-Designs durchzuführen. Mit einem digitalen Prototyping-Tool wie Proto.io können Sie mithilfe eines Drag-and-Drop-Editors in wenigen Minuten ein realistisches interaktives Mockup Ihres endgültigen Designs erstellen und so unzählige Stunden Ihres Designprozesses einsparen. Darüber hinaus können Sie mit Proto.io Feedback von einer unbegrenzten Anzahl von Benutzern sammeln, sodass Sie umfassend iterieren können, während Ihre Notizen direkt in der App organisiert bleiben.
[Proto.io ist ein Prototyping-Tool für mobile Apps, das von Unternehmern und Startups verwendet wird, um vollständig interaktive, realistische Prototypen zu erstellen, die wie echte Apps aussehen und sich anfühlen.]






