片手で使えるモバイルインターフェース

デザイナーのStephen Huberは、著書Designing Mobile Interfaces(2011)で、親指ゾーンの概念を紹介しました。これは、片手で電話を使用するときに最も便利な画面の領域です。 本が出版されて以来、スマートフォンの平均サイズは著しく増加し、「デッドゾーン」(片手で指が届きにくい領域)も大きくなっています。



携帯電話をそれぞれ左手と右手で持っている場合の5〜4.7インチ画面の「サムエリア」。 Scott Herffの出版物に基づく画像。




画像 携帯電話をそれぞれ左手と右手で持っている場合の5〜4.7インチ画面の「サムエリア」。 Scott Herffの出版物に基づく画像。



赤でマークされた「デッドゾーン」には、Android(アプリバー/プライマリツールバー)とiOS(ナビゲーションバー)の両方の画面上部にあるアプリケーションツールバーが含まれます。



一部のAndroidスマートフォンでは、「デッドゾーン」の問題を解決しようとしました。 たとえば、 Samsung S4およびLG G Pro 2 )は片手モードをサポートしています。電話のインターフェースは比例して縮小され、画面の下部に押し込まれます。 同様の機能がiPhone 6に登場しました。Reachabilityモードでは、インターフェイスは画面を下に移動し、幅のサイズを維持します。



一部のAndroid携帯電話では片手モード、iPhone 6では到達可能性。




画像 一部のAndroid携帯電話では片手モード、iPhone 6では到達可能性。



しかし、そのような体制は単なる松葉杖です。 問題を完全に解決するわけではありませんが、片手で電話の使用を不可能から少なくとも不快に変えることができるだけです。



このソリューションは、目的のボタンに到達するのに役立ちませんが、ユーザーに到達する必要性を軽減します。



「デッドゾーン」iOSの震源地では、[戻る]ボタンが標準的に配置されています。 ただし、ほとんどのアプリケーションでは、そのために手を伸ばす必要はありません-電話の左端からスワイプするだけです(ケースの端から画面の中央に指をスライドさせる-エッジスワイプ)。 驚くべきことに、すべてのiPhoneユーザーがこれを知っているわけではありません。



ちなみに、iOS向けのGoogleのアプリケーションは、スワイプで戻ることをサポートしていない唯一のアプリケーションです。 どうやら、Googleは意図的にユーザーエクスペリエンスを悪化させ、「鉄」の戻るボタンで携帯電話の購入を促しているようだ。



Androidスマートフォンでは、サイドメニュー(ナビゲーションドロワー)を呼び出すためのボタンが「デッドゾーン」エリアに入ります。スマートフォンの左端からスワイプしてこのメ​​ニューを開くこともできます。



Androidのサイド(メイン)メニュー(Navigation Drawer)およびiOSのスワイプ機能を備えたNavigare。




画像 Androidのサイド(メイン)メニュー(Navigation Drawer)およびiOSのスワイプ機能を備えたNavigare。



上記の2つのプラットフォームの例では、電話の左端からのスワイプ(エッジスワイプ)は、上部ツールバーの左ボタンをクリックするのと同じです。 このソリューションをツールバー全体とその上にあるボタンに使用してみませんか?



一番上のツールバーの左と右のボタンは、何よりもまずボタンである必要があります-それらは、それぞれ、電話の左と右の端からのスワイプの後ろに隠されているアクションを促すはずです。



iOSメッセージでは、右上に新しいメッセージを作成するためのボタンがあります。このルールに従って、電話の右端からスワイプすると、新しいメッセージを作成するための画面が呼び出されます。



片手用のモバイルインターフェイスの概念。電話の端からスワイプすると、電話の対応する側にあるツールバーのアイコンで示される機能がアクティブになります。この場合、iOSメッセージで新しいメッセージを作成し、メッセージリストに戻ります。




アニメーション。 片手用のモバイルインターフェイスの概念。 電話の端からスワイプすると、電話の対応する側にあるツールバーのアイコンで示される機能がアクティブになります。 この場合、iOSメッセージで新しいメッセージを作成し、メッセージリストに戻ります。



現在のバージョンのAndroid Gmailでレターを表示する場合、レターコントロールパネルは右上にあります。 いくつかのメインボタンが表示されますが、他のボタンはコンテキストメニューボタンの後ろに隠れています。 新しいルールに従って、電話の右端からスワイプするとこのコンテキストメニューが開きます。 更新されたメニューには、基本的なアクションを含むアクションの完全なリストが含まれ、「サムゾーン」に近づきます。



片手用のモバイルインターフェイスの概念。電話の右端からスワイプすると、ツールバーの右アイコンで示される機能が有効になります。この場合、Android Gmailのレターのコンテキストメニュー。




アニメーション。 片手用のモバイルインターフェイスの概念。 電話の右端からスワイプすると、ツールバーの右アイコンで示される機能が有効になります。 この場合、Android Gmailのレターのコンテキストメニュー。



Android Gmailでメールを表示するための同じ画面で、左側にある「戻る」ボタンがあります。 ただし、この画面のアプリケーションの現在のバージョンでは、電話の左端からスワイプするとサイドメニューが開きます。 ユーザーは間違ったヒントに惑わされます。 Androidスマートフォンには「鉄」の「戻る」ボタンがありますが、スワイプは左画面にある「戻る」ボタンの機能を複製する必要があります。 つまり、左端からスワイプすると、ユーザーが文字のリストに戻り、既に文字のリストにあるはずです-サイドメニューを開きます。



しかし、例外のないルールはありません。 ツールバーの右側には、[完了]または[送信]ボタンがあり、元に戻すことができません。 スワイプのような単純な動きは、不可逆的なアクションにつながるべきではありません。



片手用のモバイルインターフェイスの概念。電話機の端からスワイプすると、電話機の対応する側にあるツールバーのアイコンで示される機能がアクティブになります。この場合、Android Gmailで文字を検索し、文字のリストに戻ります。




アニメーション。 片手用のモバイルインターフェイスの概念。 電話機の端からスワイプすると、電話機の対応する側にあるツールバーのアイコンで示される機能がアクティブになります。 この場合、Android Gmailで文字を検索し、文字のリストに戻ります。



電話の端からのスワイプ(エッジスワイプ)は、画面内のスワイプ(スワイプ)と混同しにくいです。 2つのジェスチャの違いは、ユーザーまたは開発者のどちらにも問題を引き起こしません。 電話の端からスワイプすると画面が消え、電話はそのようなジェスチャーによく反応します。 たとえば、現在のバージョンのAndroid Gmailでレターを表示する場合、左端からスワイプするとサイドメニューが開き、画面内をスワイプすると次または前のレターに移動します。



携帯電話の左端と右端からのスワイプを使用して上部ツールバーの機能を有効にすることは、iOSとAndroidの両方に簡単に適用できます。 さらに、左側に関する同様の機能は、両方のプラットフォームですでに部分的に実装されています。 このような直感的な動作は、モバイルインターフェイスの標準になる可能性がすべてあります。



All Articles