Einhändige mobile Schnittstelle

    In seinem Buch Designing Mobile Interfaces (2011) stellte der Designer Stephen Huber das Konzept der Daumenzone vor - den Bereich des Bildschirms, der am bequemsten ist, wenn Sie das Telefon mit einer Hand bedienen. Seit Veröffentlichung des Buches hat die durchschnittliche Größe eines Smartphones deutlich zugenommen, und auch die „tote Zone“ - ein Bereich, der mit dem Finger einer Hand schwer zu erreichen ist - ist größer geworden.

    "Daumenbereich" für einen 5-4,7-Zoll-Bildschirm, wenn Sie das Telefon in der linken bzw. rechten Hand halten.  Bild basiert auf einer Veröffentlichung von Scott Herff.
    Bild "Daumenbereich" für einen 5-4,7-Zoll-Bildschirm, wenn Sie das Telefon in der linken bzw. rechten Hand halten. Bild basiert auf einer Veröffentlichung von Scott Herff .

    Die rot markierte „Totzone“ enthält Anwendungssymbolleisten, die sich sowohl in Android (App-Leiste / Primäre Symbolleiste) als auch in iOS (Navigationsleiste) oben auf dem Bildschirm befinden.

    Auf einigen Android-Handys wurde versucht, das Problem der "toten Zone" zu lösen. Zum Beispiel unterstützen Samsung S4 und LG G Pro 2 ) den Einhandmodus: Die Benutzeroberfläche des Telefons wird proportional verkleinert und in die untere Ecke des Bildschirms gedrückt. Eine ähnliche Funktion wurde im iPhone 6 angezeigt: Im Erreichbarkeitsmodus verschiebt die Benutzeroberfläche den Bildschirm nach unten und behält ihre Größe in der Breite bei.

    Einhandmodus auf einigen Android-Handys und Erreichbarkeit auf dem iPhone 6.
    Bild Einhandmodus auf einigen Android-Handys und Erreichbarkeit auf dem iPhone 6.

    Solche Modi sind jedoch nur Krücken. Sie lösen das Problem nicht vollständig, sondern ermöglichen es Ihnen, die Verwendung des Telefons mit einer Hand von unmöglich auf zumindest unangenehm umzustellen.

    Diese Lösung sollte nicht dazu beitragen, die gewünschte Schaltfläche zu erreichen, sondern den Benutzer von der Notwendigkeit entlasten, sie zu erreichen.

    Im Epizentrum der "toten Zone" iOS befindet sich die Schaltfläche "Zurück" standardmäßig. In den meisten Anwendungen ist es jedoch nicht erforderlich, danach zu greifen - wischen Sie einfach vom linken Rand des Telefons (schieben Sie Ihren Finger vom Rand des Gehäuses in die Mitte des Bildschirms - Edge Swipe). Überraschenderweise wissen nicht alle iPhone-Nutzer davon.

    Übrigens sind die Google-Anwendungen für iOS fast die einzigen, die Swipes nicht unterstützen. Anscheinend verschlechtert Google absichtlich die Nutzererfahrung und stimuliert den Kauf von Handys mit der "eisernen" Zurück-Taste.

    Auf Android-Telefonen gelangt die Schaltfläche zum Aufrufen des Seitenmenüs (Navigationsleiste) in den Bereich „Totzone“. Sie können dieses Menü auch öffnen, indem Sie vom linken Rand des Telefons wischen.

    Das Seitenmenü (Hauptmenü) (Navigation Drawer) in Android und das Navigare mit einer Swipe-Funktion in iOS.
    Bild Das Seitenmenü (Hauptmenü) (Navigation Drawer) in Android und das Navigare mit einer Swipe-Funktion in iOS.

    In den obigen Beispielen von zwei Plattformen entspricht das Wischen vom linken Rand des Telefons (Kantenwischen) dem Klicken auf die linke Schaltfläche in der oberen Symbolleiste. Warum nicht diese Lösung für die gesamte Symbolleiste und alle darauf befindlichen Schaltflächen verwenden?

    Die linken und rechten Schaltflächen der oberen Symbolleiste sollten in erster Linie keine Schaltflächen mehr sein. Sie sollten auffordern, welche Aktion hinter dem Wischen am linken bzw. rechten Rand des Telefons verborgen ist.

    In iOS-Nachrichten befindet sich oben rechts eine Schaltfläche zum Erstellen einer neuen Nachricht. Gemäß dieser Regel wird beim Wischen vom rechten Rand des Telefons der Bildschirm zum Erstellen einer neuen Nachricht aufgerufen.

    Einhand-Konzept für mobile Schnittstellen.  Durch Wischen vom Rand des Telefons wird die Funktion aktiviert, die durch das Symbol in der Symbolleiste auf der entsprechenden Seite des Telefons angezeigt wird.  In diesem Fall erstellen Sie eine neue Nachricht in iOS-Nachrichten und kehren zur Nachrichtenliste zurück.
    Animation. Einhand-Konzept für mobile Schnittstellen. Durch Wischen vom Rand des Telefons wird die Funktion aktiviert, die durch das Symbol in der Symbolleiste auf der entsprechenden Seite des Telefons angezeigt wird. In diesem Fall erstellen Sie eine neue Nachricht in iOS-Nachrichten und kehren zur Nachrichtenliste zurück.

    Wenn Sie einen Brief in der aktuellen Version von Android Gmail anzeigen, befindet sich das Briefbedienfeld oben rechts. Darauf werden mehrere grundlegende Schaltflächen angezeigt, während andere hinter der Schaltfläche des Kontextmenüs ausgeblendet sind. Wischen Sie gemäß der neuen Regel vom rechten Rand des Telefons, um dieses Kontextmenü zu öffnen. Das aktualisierte Menü enthält eine vollständige Liste der Aktionen, einschließlich der grundlegenden, um sie näher an die "Daumenzone" zu bringen.

    Einhand-Konzept für mobile Schnittstellen.  Durch Wischen vom rechten Rand des Telefons wird die Funktion aktiviert, die durch das rechte Symbol in der Symbolleiste angezeigt wird.  In diesem Fall das Kontextmenü des Briefes in Android Gmail.
    Animation. Einhand-Konzept für mobile Schnittstellen. Durch Wischen vom rechten Rand des Telefons wird die Funktion aktiviert, die durch das rechte Symbol in der Symbolleiste angezeigt wird. In diesem Fall das Kontextmenü des Briefes in Android Gmail.

    Auf demselben Bildschirm zum Anzeigen von E-Mails in Android Google Mail befindet sich links die Schaltfläche "Zurück". In der aktuellen Version der Anwendung auf diesem Bildschirm wird durch Wischen vom linken Rand des Telefons das Seitenmenü geöffnet. Benutzer werden durch den falschen Hinweis irregeführt. Trotz des Vorhandenseins einer "eisernen" Zurück-Taste in Android-Handys sollte das Wischen die Funktion der "Zurück" -Taste auf dem linken Bildschirm duplizieren. Das heißt, das Wischen vom linken Rand sollte den Benutzer zurück zur Liste der Buchstaben und bereits in der Liste der Buchstaben bringen - öffnen Sie das Seitenmenü.

    Es gibt aber keine Regeln ohne Ausnahmen. Auf der rechten Seite der Symbolleiste befinden sich möglicherweise die Schaltflächen Fertig stellen oder Senden, die zu einer irreversiblen Aktion führen. Eine so einfache Bewegung wie ein Schlag sollte nicht zu irreversiblen Handlungen führen.

    Einhand-Konzept für mobile Schnittstellen.  Durch Wischen vom Rand des Telefons wird die Funktion aktiviert, die durch das Symbol in der Symbolleiste auf der entsprechenden Seite des Telefons angezeigt wird.  Suchen Sie in diesem Fall in Android Gmail nach E-Mails und kehren Sie zur Liste der E-Mails zurück.
    Animation. Einhand-Konzept für mobile Schnittstellen. Durch Wischen vom Rand des Telefons wird die Funktion aktiviert, die durch das Symbol in der Symbolleiste auf der entsprechenden Seite des Telefons angezeigt wird. Suchen Sie in diesem Fall in Android Gmail nach E-Mails und kehren Sie zur Liste der E-Mails zurück.

    Das Wischen vom Rand des Telefons (Edge Swipe) ist schwer mit einem Wischen innerhalb des Bildschirms zu verwechseln (Swipe). Der Unterschied zwischen den beiden Gesten bereitet weder Benutzern noch Entwicklern Schwierigkeiten. Wenn Sie vom Rand des Telefons wischen, wird der Bildschirm gestartet, und die Telefone reagieren gut auf eine solche Geste. Wenn Sie beispielsweise einen Buchstaben in der aktuellen Version von Android Google Mail anzeigen, wird durch Wischen vom linken Rand das Seitenmenü geöffnet, und durch Wischen innerhalb des Bildschirms wird zum nächsten oder vorherigen Buchstaben gewechselt.

    Die Verwendung des Wischens vom linken und rechten Rand des Telefons zum Aktivieren der Funktionen der oberen Symbolleiste ist sowohl für iOS als auch für Android problemlos anwendbar. Darüber hinaus wurde eine ähnliche Funktionalität in Bezug auf die linke Seite bereits teilweise auf beiden Plattformen implementiert. Ein solches intuitives Verhalten hat jede Chance, zum Standard für mobile Schnittstellen zu werden.

    Jetzt auch beliebt: