So gestalten Sie benutzerfreundliche mobile Schnittstellen

Einige mobile Designs leiden unter einem Problem: Sie sehen auf der Oberfläche vielleicht gut aus, aber wenn Sie sie verwenden, werden Sie schnell feststellen, dass ein allzu wichtiger Faktor vernachlässigt wurde: die Ergonomie. Die edle Kunst, Designs zu kreieren, die zum menschlichen Körper passen (und nicht umgekehrt), ist einer der wahren unbesungenen Helden der Designwelt.

Ergonomie war für Industriedesigner schon immer sehr wichtig, wird aber auch für Digitaldesigner immer wichtiger. Warum? Weil Smartphones und Tablets die Art und Weise verändern, wie wir mit digitalen Designs interagieren. Wir verwenden nicht mehr nur eine umständliche Tastatur und eine Maus, um unseren digitalen Freunden zu sagen, was sie tun sollen. Jetzt ist es direkter, körperlicher. Wir halten unsere Geräte. Wir tippen sie an. Wir kneifen sie. Wir streicheln sie liebevoll.

Diese zunehmend physische Verbindung mit unseren geliebten Mobilgeräten zwingt Designer dazu, nicht nur darüber nachzudenken, wie ein Design aussieht und sich anfühlt, sondern auch über die physischen Aspekte seiner Verwendung. Es zwingt Designer, darüber nachzudenken, wie Benutzer ihre Smartphones und Tablets halten und mit ihnen interagieren. darüber, wie viel des Bildschirms sie bequem erreichen können und wie sich ein Design in der Hand anfühlt. Es zwingt Designer, über die Ergonomie eines mobilen Designs nachzudenken.



bester Laptop für Photoshop CC 2015

Wie schaffen Sie ein mobiles Design, das ergonomisch und daher komfortabel zu bedienen ist?

01. Verlasse das Büro

Bevor Sie über mögliche Entwürfe nachdenken, verlassen Sie das Büro, um einige Beobachtungen aus erster Hand durchzuführen. Verbringen Sie einen Morgen oder Nachmittag damit, zu sehen, wo, wann, wie und warum Menschen ihre Mobilgeräte verwenden.

Notieren Sie sich, wie Menschen ihr Gerät halten und mit ihm interagieren, was sie zu diesem Zeitpunkt möglicherweise tun und mit welchen Herausforderungen und Ablenkungen sie möglicherweise zu kämpfen haben. Diese Informationen helfen bei der Information über die Ergonomie des Designs und bedeuten, dass Sie beim Testen eines Designs anhand von Szenarien testen können, von denen Sie wissen, dass sie tatsächlich in der realen Welt auftreten.

02. Design für mehrere Laderäume

Die drei Hauptgriffe, die für ein Smartphone verwendet werden, und die Frequenz, mit der sie normalerweise verwendet werden

Die drei Hauptgriffe, die für ein Smartphone verwendet werden, und die Frequenz, mit der sie normalerweise verwendet werden

Wenn Sie Personen beobachten, die mobile Geräte verwenden, werden Sie bald feststellen, dass sie a verwenden Vielzahl von verschiedenen Laderäumen . Aufgrund der Vielzahl der verwendeten Holds und der Häufigkeit, mit der Benutzer ihren Hold ändern, ist es wichtig, mehrere Holds zu berücksichtigen.

Starten Sie beispielsweise ein Smartphone-Design mit einer Hand (da dies die größte Herausforderung darstellt), testen Sie Designs jedoch immer in verschiedenen Laderäumen, um festzustellen, wie komfortabel sie sind.

Grünflächen sind leicht zu erreichen, Bernstein erfordert mehr Aufwand und rote Bereiche sind schwer zu erreichen

Sie können die Zielgruppe für jedes Foto in diesem Album ändern
Grünflächen sind leicht zu erreichen, Bernstein erfordert mehr Aufwand und rote Bereiche sind schwer zu erreichen

Platzieren Sie häufig verwendete Steuerelemente wie Schaltflächen und Links so, dass sie mit Fingern oder Daumen leicht zu erreichen sind. Die Mitte und der untere Rand des Bildschirms sind gute Bereiche, obwohl es schwierig sein kann, auf die unteren Ecken zu tippen, wenn ein Gerät nur in einer Hand gehalten wird (lesen Sie mehr) Hier ).

Es ist immer noch üblich, Menüs oben auf dem Bildschirm zu platzieren. Dies kann jedoch ein schwer erreichbarer Bereich sein. Daher ist es eine gute Idee, auch eine Wischaktion zu unterstützen, um das Menü aufzurufen.

04. Platzieren Sie den Inhalt über den Steuerelementen

Die BBC iPlayer iPad App platziert Steuerelemente in leicht erreichbaren Bereichen und unterhalb von Inhalten

Die BBC iPlayer iPad App platziert Steuerelemente in leicht erreichbaren Bereichen und unterhalb von Inhalten

Sie möchten nicht, dass jemandes Finger oder Daumen den Inhalt verdeckt, wenn er auf den Bildschirm tippt. Platzieren Sie den Inhalt also über den Steuerelementen. Stellen Sie außerdem sicher, dass sich wichtige Informationen nicht in einem Bereich des Bildschirms befinden, in dem sie leicht durch Finger oder Daumen verdeckt werden können, z. B. in den unteren Ecken, die häufig verdeckt werden, wenn ein Smartphone in einer Hand gehalten wird.

05. Design im Hochformat

Während sich der verwendete Halt möglicherweise ändert, ist eine Sache, die sowohl für Smartphones als auch für Tablets viel konsistenter ist, die Tendenz, dass Menschen sie die meiste Zeit vertikal halten. Ein horizontaler Halt wird häufig für bestimmte Aufgaben verwendet, z. B. zum Anzeigen von Videos oder Fotos. Dies ist jedoch die Ausnahme und nicht die Norm.

Natürlich sollte ein mobiles Design idealerweise sowohl den Hoch- (vertikal) als auch den Querformat- (horizontal) Modus unterstützen. Wenn Sie jedoch keine video- oder fotointensive Site oder Anwendung entwerfen, sollten Sie den Hochformatmodus berücksichtigen.

06. Design für Daumen

Die Spotify-App ist daumenfreundlich gestaltet und verfügt über große Tippziele

Die Spotify-App ist daumenfreundlich gestaltet und verfügt über große Tippziele

Daumen steuern den Großteil aller Smartphone-Interaktionen. Dies liegt daran, dass Daumen ausschließlich verwendet werden, wenn ein Mobiltelefon in einer Hand gehalten wird, und stark verwendet werden, wenn es in zwei Händen gehalten wird.

wie man Textildesigns an Unternehmen verkauft

Die Daumen sind etwas größer als die Finger und benötigen daher ein größeres Tippziel. Versuchen Sie, diese Tippziele auf mindestens 44 x 44 Punkte (16 x 16 mm) mit mindestens 7 Punkten (2,5 mm) dazwischen zu bringen. Größere Tap-Ziele sind immer besser und Sie sollten auf keinen Fall kleiner als 44 x 30 Punkte (16 x 11 mm) sein.

Auch wenn Sie für Tablets entwerfen, sollten Sie dennoch für Daumen entwerfen, da ein Design die am wenigsten genaue Berührungsmethode unterstützen sollte, auf die es stoßen wird. Ein großes Ziel ist nicht nur gut für Daumen, sondern auch für Finger.

07. Design für große Gesten

Größere Tap-Ziele sind also besser. Welches größere Ziel gibt es als den gesamten Bildschirm? Versuchen Sie, mit großen Gesten zu entwerfen, z. B. Benutzern das Wischen zu ermöglichen, um sich in einer Fotogalerie vorwärts oder rückwärts zu bewegen, oder um ein Menü aufzurufen.

Denken Sie daran, dass Benutzer möglicherweise nicht erkennen, dass eine Geste unterstützt wird. Daher ist es immer eine gute Idee, eine sekundäre Möglichkeit bereitzustellen, z. B. auf ein Pfeilsymbol zu tippen, um das nächste Foto aufzurufen.

08. Stellen Sie sich der Herausforderung

In der Ergonomie hört man manchmal die Rede von einem Design, das mindestens 95 Prozent der Benutzer anspricht, indem ein Design erstellt wird, das vom 2,5- bis zum 97,5-Perzentil der Benutzer komfortabel ist. Es wird immer extreme Benutzer geben, die sehr schwer unterzubringen sind - wie wir alle wissen, können Sie nicht immer alle zufrieden stellen, aber wenn Sie ein Design erstellen können, das die anspruchsvolleren Benutzer bequem verwenden können, sollte es auch für alle funktionieren die dazwischen.

bester Laptop für die Videobearbeitung unter 1000

Aus diesem Grund ist es eine gute Idee, mit Blick auf herausfordernde Benutzer und Szenarien zu entwerfen. Stellen Sie sich zum Beispiel einen vielbeschäftigten Pendler vor, der mit Kaffee in der einen und einem Handy in der anderen Hand die Straße entlang geht, oder jemanden mit Arthritis.

09. Interaktionen auf ein Minimum beschränken

Wissen Sie, welche Interaktion mit mobilen Geräten am bequemsten ist? Es ist kein Tippen, Streichen oder Drücken. Es ist überhaupt keine Interaktion. Je weniger Interaktion Ihr mobiles Design erfordert, desto weniger müssen Sie sich um die Ergonomie kümmern. Ich versuche immer, die Interaktionen auf ein Minimum zu beschränken. Reduzieren Sie rücksichtslos mobile Formulare, verwenden Sie Autosuggests und beschränken Sie Benachrichtigungen nur auf die Dinge, über die ein Benutzer wirklich benachrichtigt werden muss.

10. Prototypenentwürfe

Sie können die Ergonomie eines mobilen Designs einfach erst beurteilen, wenn Sie es physisch in Ihren Händen halten und verschiedene Griffe ausprobieren können. Aus diesem Grund werde ich so schnell wie möglich einen Prototyp für ein Design erstellen. Wir mögen Axure , aber es gibt viele andere großartige Prototyping-Tools .

Für eine schnelle Testversion können Sie sogar grundlegende Benutzertests mit einfachen Papierprototypen durchführen. Eine Skizze oder ein Papierausdruck auf einem mobilen Gerät zeigt Ihnen überraschend viel über die Ergonomie.

11. Testen, testen, dann noch mehr testen

Möchten Sie wissen, wie Sie garantiert ergonomische mobile Designs erstellen können? Es geht darum, Designs zu testen, dann zu iterieren und zu testen, zu iterieren und zu testen ... und fortzufahren, bis Sie eine Reihe verschiedener Personen haben, die eine Reihe verschiedener Geräte abdecken und alle berichten, dass das Design bequem zu verwenden ist. So einfach ist das.

Mobile Geräte sind natürlich so konzipiert, dass sie „mobil“ sind. Verlassen Sie also das Büro, um Designs in den Umgebungen und Situationen zu testen, in denen sie wahrscheinlich verwendet werden. Coffeeshops sind immer ein guter Ort zum Testen. Testen Sie Designs mit as Viele Menschen wie möglich (mindestens fünf oder sechs) konzentrieren sich auf anspruchsvollere Szenarien, z. B. die Verwendung eines Smartphones mit einer Hand. Wenn das Design gut funktioniert, wenn die Interaktionen des Benutzers eingeschränkter sind, wird es den Rest der Zeit mit Sicherheit übertreffen. Vor allem durch kontinuierliches Testen und Wiederholen können Sie wirklich ergonomische mobile Designs erstellen.

Dieser Artikel erschien ursprünglich im Netzmagazin. Abonnieren Sie hier.

Zum Thema passende Artikel: