Phablet時代：大画面向けのデザイン

「サムスンがGalaxy Noteラインを作成して以来、「大型電話」の市場を開いて以来、そのようなデバイスはファブレットと呼ばれています。 この名前は、従来の携帯電話と小さなタブレットのサイズの間にあるサイズのために付けられました。



最近、新しいiPhone 6シリーズによって携帯電話のユーザーインターフェイスを設計するためのアプローチを変更するように強制される多くの記事を読むことができました。 おそらくこれは、まだiOSのみに焦点を当てており、他の世界は存在しないふりをしているデザイナーに当てはまります。



しかし、大画面のポータブルデバイスは長い間使用されており、すべてのプラットフォームのインターフェイスの設計に携わっている私たちは、少なくとも2011年からプロジェクトでそれらを考慮しています。 実際、Apple Newtonの5.25インチスクリーンがリリースされたとき、タッチスクリーンを備えた大型のハンドヘルドデバイスは比較的昔に利用可能になりました。 2014年でさえ、販売されたすべてのスマートフォンの約3分の1が5インチを超える画面の対角線を備えていました。これは、Appleが大画面のスマートフォンの巨大なバッチを作成する前でした。 そして、それはグローバルな販売だけではありません。 米国では、大画面の携帯電話が大きな需要があります。 したがって、今日の人々の使用方法に関する情報を入手することが可能になります。



サムスンがGalaxy Noteラインを作成し、それによって「大きな電話」の市場を開いて以来、そのようなデバイスはファブレットと呼ばれています。 この名前は、従来の電話（英語の電話）と小さなタブレット（英語のタブレット）のサイズの間にあるため、この名前が付けられました。 そして、これらのデバイスが市場に初めて登場して以来、UXデザイナーと技術ジャーナリストは、名前だけでなくそのコンセプトもalso笑しています。 ただし、図（下）に示すモバイルデバイスのサイズ比較を見てください。





図1-Phablets、全スマートフォン販売の3分の1



ご覧のとおり、ファブレットは新しい標準の一部になりつつあります。 UXデザイナーとして、モバイルデバイス（人々がポケットやバッグに入れて持ち運ぶ最初の重要な通信デバイス）は、約3.5〜6インチの任意のサイズの画面を持つことができると想定する必要があります。

多くの方法での相互作用

ジョシュクラークによって作成された、片手の親指での画面要素の到達可能性グラフは、当初から人気があります。 これは、全員が片手で電話を持っているという仮定が含まれていたためです。 どうやら、これは主に、iPhoneの3.5インチ画面が片手で使用するのに理想的なサイズであるという事実によるものです。 片手で使用する他のサイズは理想的ではありません。



図2に示されているアイデアは、親指が届く範囲で人々が快適にタッチスクリーンと対話できることです。 画面の残りの部分に触れるには、ユーザーがストレッチする必要があり、それが不快感を引き起こします。





図2-片手でスマートフォンを使用する場合の要素の到達可能性に関する古典的だが誤ったイメージ



しかし、携帯電話の人々のほとんどが両手で触れるという事実を無視しても、このリーチの理論は間違っているようです。 伸縮性のある指はありませんので、画面上の要素に手を触れようとしても不快感はありません。 手の可能性は生理学的に制限されています。 私は、人々が手で携帯電話の位置を変えて画面の右側に到達する方法を繰り返し観察してきました。



私が言及する販売データは、人々が気にしないことを示しています。 人々は引き続き大きなデバイスを購入します-そして、それらのすべてが大きな手を持っているわけではありません。 私の研究では、多くの参加者が秒針を使って触れています。 これについて文句を言う人はいません。 忠実なiPhoneユーザーに大きなAndroidスマートフォンを提供してテストしても、彼らは単に適応します。



研究を行うことの良い点は、必要に応じていつでも参照できる大量のデータを取得できることです。 そのため、5.1インチの携帯電話（小さなファブレット）で作業するときに、人々がどのようにデバイスを持ち、手の位置を変更したかに関するデータの一部を調べることにしました。 最近の記事で、 Mikkel Schmidtは片手で携帯電話を使用することについて同様の質問を投げかけ、被験者が片手で持っていた4インチのiPhone 5Sでの作業に関する独自の調査を実施しました。



両方の調査の結果は、図3に示すように、同様の発見を示しています。タッチスクリーンとの相互作用の調査（画面の左側をタッチするときの親指の使用速度と、右側をタッチするために調査した人の好みを含む）は、最も到達しやすいことを示しています画面の中央に移動し、必要に応じて残りのゾーンに到達するために、人々は簡単に手のひらの中で電話機の位置を変更します。





図3-画面の中心はタッチするのに最も快適な領域ですが、必要に応じて、他の領域に到達します。人々は手のひらの中で電話機の位置を簡単に変更できます



前述したように、ユーザーは画面の中央部分に触れると最も正確かつ高速になります。 このデータは、電話機の位置とタッチ領域が片手での使用に制限されている場合でも確認されます。 ただし、実際には、電話を手のひらに保持して親指でタッチする同様の方法で、通常はかなり小さな画面領域を使用できます。



遠くのゾーンを使用しても、目立った不便さはないようです。ほとんどのユーザーは単にスローダウンし、中古のヘルプに頼るだけです。 その助けを借りて、デバイスの位置を変更することで、親指の届く範囲を広げ、メインタッチゾーンのほとんどに届くようにします。



私の観察によると、この中央ゾーンの外側での行動には、ほとんど常に両手が必要です。 同時に、ユーザーはデバイスを手に持ち、その位置を変更して画面の目的の領域に到達するか、単にデバイスを片手で持ち、もう一方の人差し指でタッチします。



したがって、携帯電話の画面のさまざまな領域を使用することがユーザーにとってますます面倒になると考える代わりに、人々は画面のどの部分にも簡単にアクセスできることを理解する必要があります。 彼らがデバイスを保持するのに不安がある場合、彼らは単に彼らにより適した方法を選ぶでしょう。

ボリュームアームとフラットスクリーン

手の生体力学の完全な理解を与えることは興味深いでしょうが、このような説明はこの記事には長すぎます。 一番下の行は、親指は広範囲の伸びと屈曲を持っていますが、腕自体に接続する点ではなく、中手関節から手首までの領域です。 親指の他の関節は、画面に向かって曲げることができますが、追加のスコープを提供することはできません。 親指を曲げる機能は重要です。3次元空間で移動するのに対し、タッチスクリーンは平らであるため、指の動きが制限され、電話画面に取り付けられます。



デバイスとのやり取りは、現実を入力と出力のフラットな表現に変換するレベルで発生することをしばしば忘れます。 図4に示すように、親指は生理学的に手首に接続された骨で構成されます。さらに、親指の関節、腱、筋肉は他の指、特に人差し指と相互作用します。 電話が手のひらにあるとき、親指の可動範囲は著しく制限されます。 手のひらの中で電話機の位置を変えると、それに応じて親指の届く範囲を変えることができます。





図4-親指の構造により、比較的手首に向かって「曲がる」ことができます



親指が最も強い指です。 したがって、親指を使ってタッチするということは、弱い指で電話機を保持するということです。 運動中の指の制限とその強度の低下は、明らかに、信頼性のために秒針を使用せざるを得ません。



さらに、ユーザーが衝撃や振動に遭遇する可能性のある状況では、デバイスをより高い精度で手に保持し、親指でさらに保持する傾向があるため、追加のタッチが「拒否」されます。 Alexander Ng et al。 による最近の研究は、ユーザーが通りを歩きながら他の物を持ちながら電話を操作する方法についてでした。 このような状況で片手で電話を使用すると、精度が著しく低下します。



また、最新のタッチスクリーンとそれらと対話するためのモデルに関する生理学の理解のトピックに関する小規模な研究も行われました。 しかし、今日そのような研究を実施することはまだかなり早いです。 人々の観察された行動を適切に説明できないため、私たちの設計作業にはまだ適用できないという懸念があります。 しかし、最終的にはモデルが作成され、各デバイスと人口のタイプに適した効果的な連絡先エリアが決定されるという希望を失いません。

人々は一方の手から他方の手に切り替え、そしてしばしば

これらのグラフはすべて、右手でのデバイスの使用のみを考慮に入れていることを忘れないでください。これは、電話の可能な使用方法を完全には反映していません。 私の観察によると、クリックの約11％は左手の人差し指または親指で行われます。 私が言ったように、注意してください。 それは権利についてではなく、右手で電話を使うことについてです。



携帯電話でのほとんどのアクションが片手で実行されるという仮定は間違っています。 これは、特に大きな電話またはファブレットに当てはまります。 私の研究では、実験中に参加者の半数未満が片手のみを使用し、残りの参加者は一方の手からもう一方の手に定期的に切り替えました。 図5に示すように、人々は「先導的でない」手を使用し、多くの場合、手を切り替えます。また、電話を手に持っている方法を切り替えます。タッチはコンテキストに依存します。別に。





図5-携帯電話と対話するためのさまざまなオプションの例



私のテストでは、人が片方の手から別の手に切り替わった平均回数は2回以上で、参加者が何かを入力しなければならなかったときに15回に達しました。 ユーザーが使用する手の種類、クリックしたい場所、クリックしたり、実行したいデバイスとのやり取り（ユーザーが要素を開いたり、複数を選択したりするなど）の間に明確な関係はありません。 時には、片方の手で入力フィールドを選択してから、もう一方に切り替えてページをスクロールしたり、要素を選択したりする場合があります。



また、これらの数字を見た後でも、自分とそのすべての友人が片手だけで電話を持っていると主張する人々に思い出させたいと思います。 これは事実です。通常、携帯電話を見たいとき、または携帯するときは片手で携帯します。 しかし、デバイスとのやり取りに関しては、ほとんどの人が両手を使います。 私の多くの観察に基づいて、電話とのさまざまなやり取りの半分以上は、小さな電話で作業しているときでも、片手に限定されないと結論付けることができます。



ファブレットを保持または使用するために片手を使用する頻度は、ファブレットであってもゼロではないことが予想されます。 ファブレットとの相互作用の約10％は片手とこの手の親指で行われました。 電話で話したり、読んだり、電話を片手に何かを待っている間に見た参加者の約半数は、片方の手で（主に片手で）握りますが、積極的なやり取りになると、その違い。

インターフェイス要素に到達し、片手で操作を実行する機能

SamsungのNoteシリーズで使用される機能は、画面全体を右下隅の4インチ画面をシミュレートする領域に縮小します（ほぼすべてのメーカーが同様のソリューションを使用しています）。 これに加えて、キーボードなどの関連製品もユーザーが利用できます。



私は、ほとんどのユーザーがそのような機能にまったく気付かないことを非常に疑います。 なんで？ 主に、それらのそれぞれが不自然な何かを行う別の目に見えないオプションであるため、さらに調査する必要があるためです。 むしろ、多くの人が単純に手の位置を変えて画面の正しい部分に到達し続けると思います。 人々は大きなスクリーンが欲しいので大きな電話を買うことを認めなければならないので、大きなサイズの電話に違和感を感じないようにユーザーを念頭に置いて設計する必要があります。

大型電話向けの設計

「すべての重要な情報とインターフェイスは画面の中央に配置し、重要度の低い要素は端に近づける必要があります。人々は画面の中央にある要素とより正確かつ迅速に対話します...」



では、これらのファブレットにはどのようなデザインが必要ですか？ 通常の電話と同じです。 すべての重要な情報とインターフェイスは画面の中央に配置し、重要度の低い要素は端に近づける必要があります。 発見されたように、人々は画面の中央にある要素とより正確かつ迅速に対話するため、画面の端（特に上部と下部）に沿って配置された要素は大きく、間隔を長くする必要があります。





図6-画面の中央にある要素と最も正確に対話する人々



当然のことながら、これらのデータを完全にフォローし、すべてのタッチを中央ゾーンに集中させてください。私たちが知っているように、人々はあらゆる要素に最も正確に到達できます。 ある程度、この中央ゾーンは、デバイスのサイズとユーザーの個人的な特性によって異なるため、事前に決定することは困難です。 しかし、実際には、デザイナーはすでにそれに取り組んでいます。 画面の中央にメインの表示領域、クリック領域、スクロール領域があるデザインの場合、期待に合ったデザインを作成する正しい道を歩んでいます。



タッチ精度の画面領域への既知の依存性にもかかわらず、画面のさまざまな部分に到達するために手で電話機の位置を変更することで、不快感や著しく遅くなることを感じるようには見えません。 私の知る限り、実際には、大きな電話を使用したり、親指でクリックしてメインゾーンの外側にインターフェイスを配置したりすることはできません。



ただし、画面の周辺のインターフェイス要素は、人々が正確なクリックを行い、多くの時間を費やさないようにするために、より大きくする必要があります。 設計開発中に、これらの問題は解決できます。コーナーに配置され、十分に大きい適切な要素を選択することによって。 ファブレットと小型タブレットの場合、使用するのと同じ指示とパターンを使用してユーザーインターフェイスを設計し、画面をレイアウトして、タッチ携帯電話用のデザインを作成します。



新しいデバイス、ユーザーインターフェイス、またはサービスの設計であっても、まず第一に、人々のために設計を開発することを忘れないでください。 まず、人々がどのように働くかを理解する必要があります。それは、人々がどのようにデバイスを見て、考え、感じ、対話するかです。 これらの原則は決して変わらず、新しいユーザーエクスペリエンスの開発に役立つガイダンスを提供します。