web-dev-qa-db-ja.com

モバイルでのホバー状態:これは、Webとモバイルでのインタラクションデザインの同期ですか?

私は読んだ このニュース記事 しばらく前にAppleホバー状態を可能にするタッチスクリーンテクノロジーの特許を取得しています。その方法について多くのことを考えて以来、モバイル領域に影響を与える可能性があります。

現在のところ、モバイルとWebの相互作用の設計は、多くの場合、別々であるか、まったく異なります。主な理由は、画面サイズ およびタッチインターフェイス です。しかし、私は メディアクエリを使用する場合 と感じています。この新しいテクノロジーにより、2つのプラットフォームを1つのエクスペリエンスに再び参加させることができます。

このホバーテクノロジーは2つのエクスペリエンスを同期するのでしょうか、それともモバイルにはまだ対話に関する重要な考慮事項が必要ですか?

7
jonshariat

UXデザイナーがモバイルデバイスをデスクトップデバイスのように扱うことができるようになるには、ホバー状態以上の時間がかかります(そして、それらの違いを祝わないと、間違いと見なされる可能性があります)。

その理由を理解するために、用語を定義して、違いを考慮する必要があります。

用語の定義
「ウェブ」インタラクションとはどういう意味ですか、「モバイル」インタラクションとはどういう意味ですか?まず、「Web」の代わりに「デスクトップ」を使用しましょう。これは、より具体的であり、質問をしたときの意図と一致しているためです。

タブレット、デスクトップタッチスクリーン、タッチスクリーンOS(つまりMac OS X Tiger)から借用したデスクトップOS、および 10gui などの実験的なインターフェイスの出現により、「モバイル」と「デスクトップ」はぼやけており、いつかは存在しなくなる可能性があります。したがって、「UXデザイナーがデスクトップの相互作用をモバイルのように扱うには、デスクトップのハードウェアとソフトウェアにどのような進歩が必要ですか?」、しかし、とりあえずそれを脇に置いておきます。

代わりに、相互作用の範囲を次のように定義してみましょう。

モバイル:拘束されていない、非常にポータブルなタッチスクリーンデバイスで行われる対話。これには携帯電話とタブレットが含まれます。

デスクトップ:モニターと物理キーボードを備えた(通常)テザリングされた、よりポータブルでないデバイスで行われる対話。これにはデスクトップとラップトップが含まれます。

違い
ホバー状態の欠如は、これらの相互作用領域を分離する唯一のことですか?これはそうではないことがすぐにわかります。デスクトップベースのインタラクションには適用されない、モバイルデザインに適用される追加の考慮事項が多数あります。

  • モバイルのヒット領域を大きくする必要があります。相互作用はポインターではなく指で定義されるため、多くの場合、インターフェイス要素を大きくする必要があります使える。

  • モバイルインタラクションは、多くの場合、より短いまたは断片化された時間枠内で発生します。デスクトップコンピューターを使用する経験は、机に座っていると、モバイルユーザーが場所から場所へ移動するよりも、遅いと考えられる時間枠で対話が行われます。多くの場合、モバイルインターフェイスはわかりやすくする必要があります。

  • モバイルインタラクションは、はるかに広い範囲の照明環境で定期的に発生します。デスクトップ環境には、多くの場合、固定または制御可能な照明条件があります。モバイルインタラクションはどこでも発生する可能性があり、UXエンジニアはこれを検討するのが賢明です。

  • モバイルインタラクションには引き続き、より厳しい帯域幅の考慮事項が適用されます。ネットワーク通信を処理する場合、モバイルデバイスは、帯域幅の考慮事項と、デスクトップの対応物よりも切断された接続によって制限されます。 。

  • モバイル画面はジェスチャーを使用します。ジェスチャーはデスクトップに向かっていますが、ジェスチャーベースの入力を対話の手段と見なさないモバイルアプリケーション多くの場合、急いだり、軽視したりします。

  • モバイル画面には複数の入力ポイントがあります。マルチタッチにより、デスクトップでは不可能な(または直感的に感じられない)モバイル操作が可能になります。ピンチツーズームなどのジェスチャーを、デスクトップとモバイルインターフェースを統合するだけで適切な場合に無視するのは誤りです。

モバイルデバイスのホバー状態は、デスクトップのホバー状態と同じように機能しますか?
私は主張しません。

マウスポインターを画面から一定の距離にある指と考えると、デスクトップ上でホバー状態が便利な理由がすぐにわかります。ポインターをある領域から別の領域に移動するには、すべての場所を移動する必要がありますその間のオブジェクト。ホバー状態をアクティブにします。これが、マウスポインターを使用するデスクトップデバイスのホバー状態で追加情報を伝達することが「安全」であると見なされることが多い理由です。ユーザーが意味を持たずにいつでもそれを実行しているので、ユーザーがそれらをアクティブにする可能性は十分にあります。

しかし、タッチスクリーンではそのようには機能しません。たとえば、ユーザーがiPadを操作しているところを見ると、2つまたは3つの別々のポイント間で指を動かしても、通常、画面上で指をポイントしません。相互作用は、孤立したタップとジェスチャーとして発生します。モニターではtrackですが、タッチスクリーンではpeckです。これは、指がマウスよりもはるかに自由であり、一時停止しているためです。画面上の腕は自然ではありません。

タッチスクリーンのホバー状態を介して要素に関する情報を取得するには、ユーザーが指をその要素の上に置くことを積極的に決定する必要があります。タッチスクリーンデバイスのホバー状態に追加情報を埋め込もうとするのは賢明ではありません。アクティブ化される可能性が低いためです。そのため、UXデザイナは、たとえ存在していても、デスクトップデバイスでホバー状態を使用するのと同じように、モバイルデバイスでホバー状態を使用できない可能性があります。

デスクトップスタイルのホバー操作はモバイル画面にうまく変換されますか?
さらに、ホバー状態はタッチスクリーンデバイスで信じられないほどイライラする可能性があると私は推測します。ホバー時にポップアップし、リンクのリストを表示するナビゲーションメニューを考えてみます。マウスを使用すると、固定点の上にポインターを置いて、リストの下に移動し、項目をクリックするのはかなり簡単です。タッチスクリーンでの同じジェスチャーについて考えてみましょう。まず、ナビゲーションエリアに指を置いてください。リストの下から5番目のアイテムをクリックするには、4つの要素を指で下に移動し、画面からほぼ同じ距離を保ちながら、偶然に1から4のアイテムをタップして画面に近づけないでください。画面からホバー状態を無効にします。イライラ?これを確認するにはユーザーテストが必要ですが、そうなるかもしれません。

簡単に言うと、タッチスクリーンではホバー状態がはっきりしないため、デスクトップで慣れているホバー操作の種類がタッチスクリーンデバイスに対応しない場合があります。私は、たとえ存在していたとしても、モバイルデバイスのホバー状態はあまり役に立たないと主張します。

まとめると
モバイルとデスクトップの相互作用は、単なるホバー状態よりも多くの点で異なります。今のところ、これらの違いは、不便ではなく、ユーザーを喜ばせる機会として祝うべきです。将来的には、「モバイル」と「デスクトップ」の融合により、2つの用語が再定義される可能性があります。運が良ければ、彼らは同じ意味を持っていることに気付くかもしれません。

8
Nick