Wir designen Apps falsch für große Smartphones

Wie Smartphones weiterhin größer werden, aber unsere Hände nicht welche Arten von Design-Lösungen mobile Interaktionen sicherstellen können bleiben, komfortabel, schnell und einfach auf unsere Daumen? Hier ist ein paar Optionen zu prüfen.

Entwerfen für Daumen

In seiner Analyse von 1.333 Beobachtungen von Smartphones im Einsatz fand Steven Hoober ungefähr 75 % von Menschen verlassen sich auf ihre Daumen und 49 % verlassen sich auf einen mit einer Hand Griff zu erledigen, die auf ihren Handys. Auf großen Bildschirmen (über vier Zoll) können solche Verhaltensweisen Volkspartei Daumen weit über ihre Komfortzone Strecken, wie sie versuchen, Kontrollen, positioniert an der Spitze ihres Geräts zu erreichen.

Als Beispiel ich persönlich das Problem auftritt täglich beim Anhören der Musik-app von Amazon. Die Primärregelung zur Navigation durch Musik, die ich häufig benutze, befindet sich in der oberen linken Ecke des Bildschirms – wohl das Schlimmste für den einhändigen Gebrauch platzieren. Um es auf eine größere Smartphone zu erreichen, muss ich meinen Griff in der Mitte des Telefons zurückgesetzt oder wechseln Sie zur zweihändigen Gebrauch. Aber es muss nicht so sein.

OS-Level Lösungen

Um bestehende Anwendungen wie Amazon Musik ausmachen, haben mobiler Betriebssysteme auf Systemebene Funktionen erstellt, die oben ausgerichteten Steuerelemente erreichbar besteht. Apple Version dieser Lösung heißt treffend Erreichbarkeit.

Ein doppelter Fingertipp auf home-Taste des Telefons gleitet mit Erreichbarkeit eine Anwendung auf halbem Weg nach unten. Das macht bisher nicht erreichbare Bedienelemente zugänglich. Während das groß ist, ist eine einfache 1-Tap-Aktion jetzt in drei geworden.

Erreichbarkeit ist auch eine automatische Timeout. Doppelt-klopfen, um Steuerelemente zu bringen, schauen um zu sehen, was Sie brauchen als nächstes und die app ist bereits an die Spitze, dass Sie Doppel-Tap die home-Taste wieder zurück gezogen. Es ist ein Tanz unelegant und (hoffentlich) nicht erforderlich.

Rand-Wisch-Gesten

Während manövrieren Ihren Daumen auf der oberen linken Ecke eines großen mobilen Bildschirms schwierig sein kann, wischen vom Bildschirmrand entlang der Unterseite des Geräts nicht ist. Dieser "Rand-Wischgeste" dient als eine einfache, alternative Möglichkeit, Steuerelemente positioniert weit von der Daumen-Zone zugreifen.

Wie alle Gestensteuerung ist jedoch diese Form der Menüzugriff aus den Augen und damit oft aus dem Sinn. Das heißt, müssen Sie wissen, dass die Geste existiert und denken Sie daran, es zu benutzen, wenn die Notwendigkeit entsteht. Infolgedessen die sichtbare Menüsteuerung an der Spitze kann es in der Regel nicht ersetzen, aber es kann es ergänzen.

Außerdem erleichtert eine Rand wischen Lösung nur Zugang zum Menü mit einhändigen Gebrauch, nicht den Zugriff auf Inhalte innerhalb des Menüs.

Unten positionieren

Um sicherzustellen, dass wichtige häufig verwendete Aktionen bequem mit einer Hand oder einem Daumen Interaktionen zu erreichen sind, müssen wir berücksichtigen, Neupositionierung Steuerelemente am unteren Rand des Bildschirms. Diese Lösung nicht nur Adresse, Erreichbarkeit, es kann auch eine Vielzahl von anderen wichtigen Kennzahlen verbessern. Facebook zufolge in den letzten Tests eine unteren Registerkarte Bar Lösung in ihre iOS-app auch Engagement, Zufriedenheit und sogar Wahrnehmung der Geschwindigkeit verbessert.

In der Amazon Musik-app nicht nur können wir das Menü am unteren Rand des Bildschirms positionieren, sondern wir können auch neu anordnen, die Optionen darin, sicherzustellen, dass die am häufigsten verwendeten Optionen näher an den unteren Rand des Bildschirms angezeigt. Dies ermöglicht einen schnellen Zugriff auf das Menü und dessen Inhalt.

Floating Action-Buttons

Während viele Lösungen funktionieren auch über mehrere Betriebssysteme design, gibt es Zeiten, wenn wir wichtige Unterschiede zu in unseren Designs berücksichtigen.

Zum Beispiel ist der unteren Rand des Bildschirms auf Googles Android-Betriebssystem für die System-Navigationsleiste reserviert. Das bedeutet, alle Steuerelemente, die am unteren Rand des Bildschirms platziert in der Nähe auf systemweite Aktionen und damit anfällig für MIS Hähne sind. In der Tat verwenden Sie Android Richtlinien ausdrücklich"nicht unten Registerkarte Bars."

In Googles neueren Material Design Besonderheiten allerdings gibt es eine alternative Lösung in Form von schwimmenden Aktions-Buttons. Floating Action-Buttons sind eine besondere Art der geförderten Maßnahmen und über den Rest der Benutzeroberfläche durchhalten. In der Regel, diese Aktionen sind nicht Navigationssteuerelemente bei Amazon Musik-app der Fall konnte aber vorgenommen werden, dass Navigation ist eine Aktion, die förderungswürdig gegeben, wie oft sie genutzt wird.

Mehr zu lernen

Dies sind einige der Möglichkeiten, um wichtige Aktionen in mobilen Anwendungen Einhändige Nutzung auf großen Smartphones besser zugänglich zu machen. Als Bildschirmgrößen zu erhöhen weiter, sind wir wahrscheinlich noch mehr Ansätze bald zu sehen.

Diesen Beitrag mit freundlicher Genehmigung von Luke Wroblewski Blog veröffentlicht.

Lukas ist derzeit ein Product Director bei Google. Zuvor war er CEO und Mitbegründer von Polar (übernommen von Google im Jahr 2014) und Chief Product Officer und Mitbegründer des Bagcheck (erworben von Twitter im Jahr 2011).

Vor der Gründung von Start-ups, Lukas war ein Entrepreneur in Residence (EIR) bei Benchmark Capital, der Chief Design Architekt (VP) bei Yahoo!, Lead User Interface Designer bei eBay und ein Senior-Interface-Designer bei NCSA: die Wiege der ersten populären grafische Web-Browser NCSA Mosaic.

Lukas ist der Autor von drei populäre Web-Design-Bücher (Mobile First Web Form Design & Site-Seeing: A Visual Approach to Web Usability) zusätzlich zu den vielen Artikeln über digitale Produkt-Design und Strategie. Er ist auch ein durchweg Top-bewertete Referent auf Konferenzen und Firmen rund um die Welt und ein Mitbegründer und ehemaliges Vorstandsmitglied der Interaction Design Association (IxDA).

Lukas gründete auch LukeW Ideation & Design, Strategie und Design Produktberatung und Autodidakt graduate Schnittstelle-Design-Kurse an der University of Illinois.

Lukes vollständigen Lebenslauf und Empfehlungen sind auf LinkedIn.