Haben Sie sich kürzlich Ihre Website-Analyse angesehen? Die Wahrscheinlichkeit, dass die Nutzer Ihrer Website über ein mobiles Gerät auf Ihre Website gelangen, ist ein bedeutender Teil - vielleicht sogar mehr als die Hälfte.
Unabhängig davon, ob Sie Ihre mobilen Aktivitäten auf eine Website oder eine App konzentrieren, müssen Sie sicherstellen, dass das Design für jeden dieser mobilen Benutzer eine hervorragende Benutzererfahrung schafft. Sie müssen auch nicht bei Null anfangen. Wenn Sie über den mobilen Benutzer nachdenken und wie er mit dem Design interagiert, wird das Aussehen und die Funktionsweise Ihrer Schnittstellen gestaltet.
Hier sind fünf Design-Tricks, mit denen Sie Ihre mobile UX zu einer von den Nutzern beliebten machen können.
1. Navigation rationalisieren
Diese Mega-Navigationsmenüs der alten Schule sind für Sie kein Vorteil - vor allem, wenn es ums Handy geht. Mobile Benutzer haben möglicherweise die kürzeste Aufmerksamkeitsspanne einer Gruppe von Benutzern. Sie möchten die Website oder App öffnen und sofort finden, was sie benötigen.
Gestalten Sie Navigationsmenüs mit nur wenigen Optionen - schauen Sie sich Ihre Analysen an, um zu sehen, was die Mehrheit der Benutzer sucht, oder navigieren Sie zuerst zu diesen.
Weniger Optionen benötigen weniger Platz auf dem Bildschirm, sodass Sie mehr Platz in das Design integrieren können, was ideal für Berührungen und Lesbarkeit ist.
Während wir uns hier nicht mit den Vorzügen des Hamburger-Symbols auseinander setzen, ist die Pop-Out-Navigation ein Muster, an das die Benutzer gewöhnt sind. Stellen Sie einfach sicher, dass für Benutzer ein eindeutiger visueller Bezeichner vorhanden ist, wenn Sie das Navigationsmenü öffnen oder herausziehen möchten.
Die Ebates-App verwendet zwei Navigationsebenen: Eine ist eine Liste ihrer Top-Deals und eine andere ist Ihre Liste mit Favoriten-Shops (im Hamburger / Herz-Symbol). Keine Option fühlt sich schwer an. Es sieht fast aus und funktioniert wie Inhalt. Das gesamte Design ist Navigation ohne sich überfordert zu fühlen.
2. Denken Sie in Gesten (und Haptik)
Mobile Benutzer interagieren mit ihren Geräten ganz anders als Desktop-Benutzer. Ihre Benutzeroberfläche sollte dies berücksichtigen.
Das Design sollte Gesten nutzen, um bestimmte Aktionen auszuführen. Eine Benutzeroberfläche, die allgemeine und intuitive Bedienelemente verwendet, wird die Benutzer begeistern.
Diese Gesten umfassen:
- Tippen Sie auf und doppelt
- Drücken Sie
- Halt
- Drag & Drop
- Scroll (Einzel- und Zwei-Finger)
- Vergrößern und verkleinern
- Streichen
- Flick
Wenn es um mobile Gesten geht, sind die neuen Klicks.
Und wenn Sie über Touch-Interaktionen nachdenken, vergessen Sie nicht die Haptik. Diese subtile? Beule? Von Ihrem Wearable oder der Vibration Ihres Handys in der Tasche sind haptische Benachrichtigungen, mechanische Simulation von Berührungen mit Vibration oder Bewegung.
Der Trick zur Haptik ist, dass die Interaktionen subtil und ziemlich unauffällig sind. Während der Benutzer möglicherweise weiß, dass es eine Benachrichtigung gibt, werden andere Benutzer dies häufig nicht tun. Die Touch-Oberfläche wird immer häufiger und scheint von den Nutzern eine positive Antwort zu erhalten.
Das Zwei-Punkte-Spiel verwendet beispielsweise jedes Mal einen Punkt, wenn Sie Punkte auf eine bestimmte Weise löschen. Die geräuschlose Option sorgt für ein diskretes Spielvergnügen und bietet Benutzern ein reizvolles Erlebnis.
3. Machen Sie Konversation
Menschen fühlen sich gerne als würden sie mit anderen Menschen sprechen und mit ihnen interagieren. Zum Glück für Designer kann ein Hauch von künstlicher Intelligenz und Chatbots dazu beitragen, diese Interaktionen zu gestalten, sodass Sie nicht rund um die Uhr für Live-Chat-Sitzungen bereitstehen müssen.
Es gibt drei Möglichkeiten, eine Konversations-Benutzeroberfläche zu erstellen:
- Schreiben Sie eine Kopie in Ihre Benutzeroberfläche, die eine persönlichere Note hat. Von langen Textblöcken bis hin zu kleinen Mikrokopien sollte Text eine Persönlichkeit haben, wie in der WTFWeather-App oben. Es sollte in der Art und Weise gelesen werden, wie die Leute sprechen. Seien Sie vorsichtig, wenn Sie in Ihrem Messaging übermäßig formal oder robotisch klingen.
- Verwenden Sie Messaging-Funktionen oder Chatbots, um sofortige Interaktionen mit Benutzern zu erstellen. Dies ist ein hervorragendes Werkzeug für den Kundenservice und trägt auch zur Kundenbindung bei, wenn immer jemand da ist, um bei Problemen zu helfen.
- Integrieren Sie eine Sprachbenutzeroberfläche in das Design. Siri und Alexa sind dank Sprachschnittstellen ein Begriff. Der andere Bonus für die Integration von Sprachbefehlen? Dadurch wird Ihre Website oder App leichter zugänglich.
4. Animieren Sie es
Es scheint, als gäbe es auf fast jeder Website, die Sie besuchen, animierte Elemente. Und das ist beabsichtigt. Animation kann ein Design zum Leben erwecken.
Animierte Elemente sind sehr ansprechend, da sie die Aufmerksamkeit der Benutzer auf sich ziehen und den Benutzern zeigen können, wie sie mit einem Design besser interagieren können. (Es geht zurück auf die klassische Idee von? Show, tell??, Wenn Sie ein Design erstellen.)
Google Maps zum Beispiel enthält viele Animationen. Achten Sie beim nächsten Gebrauch darauf.
Nick Babich hat für UX Planet eine großartige Einführung in Animationen im mobilen UI-Design. Er skizzierte drei Hauptanwendungen für die Verwendung von Bewegung.
- Für den Systemstatus: Verwenden Sie die Animation, um einen Ladestatus anzuzeigen, den Inhalt zu aktualisieren und Benachrichtigungen zu erhalten.
- Für Navigation und Übergänge: Mithilfe von Animationen können Benutzer zwischen verschiedenen Inhaltstypen wechseln, eine visuelle Hierarchie zwischen Elementen erstellen und eine Statusänderung anzeigen.
- Für visuelles Feedback: Verwenden Sie eine Animation, um die Bestätigung einer Aktion anzuzeigen oder um das Ergebnis einer Aktion zu visualisieren.
5. Gut an Bord und Formulare richtig verwenden
Insbesondere bei einer App ist Onboarding für die Loyalität der Benutzer unerlässlich.
Denken Sie an das letzte Spiel, das Sie heruntergeladen haben. Bist du gleich reingesprungen? Oder brauchten Sie ein kurzes Tutorial, um Erfolg zu haben?
Ein interaktives Onboarding-Erlebnis für Apps hilft Benutzern dabei, die Funktionen des Benutzererlebnisses optimal zu nutzen. Eine unterhaltsame Option hilft auch beim Wechsel zu treuen Benutzern. Halten Sie das Onboarding-Lernprogramm kurz und stellen Sie sicher, dass Sie häufig gestellte Fragen oder einen Hilfeabschnitt angeben, damit Benutzer bei Problemen darauf zurückkehren können.
Bei mobilen Websites ist das Onboarding weniger wichtig, aber Anmelde- oder Registrierungsformulare können ein Problem sein.Formulare auf mobilen Geräten müssen einfach und einfach sein. Benutzer mögen keine sperrigen komplizierten Formen.
Rationalisieren Sie Formulare für Handys, um die Conversions zu steigern. (Sie können später jederzeit nach weiteren Informationen fragen.)
Schauen Sie sich den einfachen Startpunkt für GoodRx an. Es fragt nur nach der Medizin, über die Sie mehr erfahren möchten. Das Formular ist der Fokus und es ist super einfach.
Fordern Sie nur eine Information an - eine E-Mail-Adresse. Das ist alles, was Sie brauchen, um eine Beziehung mit einem Benutzer zu beginnen. Wenn sich Ihre Site oder App anmelden muss, halten Sie sich an eine E-Mail-Adresse und ein Kennwort.
Entwerfen Sie das Formular so, dass die Felder (aus Sicht der Größe) einfach ausgefüllt werden können, und ziehen Sie in Betracht, alle automatischen Vervollständigungsfunktionen zu verwenden, um die Wahrscheinlichkeit von falsch geschriebenen E-Mail-Adressen zu verringern. Noch ein Trick? Verwenden Sie ein soziales Anmeldeformular, um den Vorgang noch weiter zu vereinfachen. Benutzer sind an diesen Prozess gewöhnt und es ist einfach für sie? und weniger wahrscheinlich Fehler für Sie haben.
Fazit
Das mobile Benutzererlebnis ist eines der wichtigsten Dinge, über die Sie beim Erstellen Ihrer Website oder App nachdenken müssen. Und die Bedürfnisse der mobilen Benutzer ändern sich ständig.
Erstellen Sie eine Benutzeroberfläche, die einfach zu bedienen ist und moderne Technologien und Funktionen nutzt, um das zu schaffen, mit dem sich Benutzer immer wieder beschäftigen möchten.