web-dev-qa-db-ja.com

インターフェイスをタッチ可能にするにはどうすればよいですか?

タッチ可能なインターフェースを設計しています。これは、タッチスクリーンを備えたすべてのモバイル向けのiPad/iPhone以外です。

では、大きな画面が表示された場合、タッチ可能な画面かどうかはどうやってわかりますか?

  1. それを使用する方法を説明するビデオを見せていますか?大きなテキスト:「画面をタップして開始...」

  2. 「Touch me!」というテキストが入った大きなボタン

アイデア?

12

私が見た中で最も良い例は、次のようなタッチジェスチャーの手のアイコンを使用しています。

http://graffletopia.com/stencils/587

アプリが使用されていないアプリケーションの休憩時に、ホーム画面は、画面上を移動し、選択されたボタンをクリックまたはフラッシュするように見える単純なタッチアイコンに専念できますが、それ以上のアクションは実行されません、ユーザーが実際にボタンに触れて続行するまで。これにより、ユーザーが選択できるようになります。

13

アプリが興味深い方法で実行するのを見てきました。アプリは、タッチするまで、数秒ごとに最も重要な要素を小刻みに変化させます(たとえば、行動を促すフレーズのボタン)。ドラッグ可能な場合は、OSに表示されるいくつかの要素のような正方形を形成する3Dドット(またはそれらが何と呼ばれるものでも)を配置できます。

8
Mashhoor

私はジョナサンに同意します。ウォークアップタッチスクリーンUIの場合、ソフトボタンに触れている手の静的またはアニメーションのイラストが優れた導入です。イントロ画面の後、後続の画面には、イントロ画面のソフトボタンまたはグラフィックを使用して、一貫した視覚言語でタッチ可能な外観の要素が必要です。

「Touch Me」または「Touch to start」というテキストラベルは、別の言語を話す視聴者がこの製品を使用しない限り、明白な解決策のように見えます。これは、特にパブリックキオスクUIの場合は常に考慮する必要があります。

ユーザーが技術者ではない場合、または高齢者の場合は、モバイルタッチスクリーンデバイスで行われていることにあまり依存しません。 Andrewと同じように、ATM画面やRedboxなど、特に急いでいる幅広い聴衆のために特別に設計された画面で何が行われているのかを研究する必要があることに同意します。

画面のタッチ可能なセクションを実世界のボタンのように見せることは、老若男女にとって明らかなインタラクティブコントロールのようです。私のブログの参照リンクをトムに感謝します: 知覚される視覚的アフォーダンスのための設計 。通常、ウォークアップUIの対象者は、アプリケーションやWebサイトのように、探索したり学習したりする時間はありません。キオスクのUIは、すぐにわかりやすく、直感的でわかりやすいものにする必要があります。このタイプのキオスクUIを設計するときに、4歳または5歳の読者がインターフェイスを使用しようとしていることを想像する必要があると思います。

4
user3581

私はこれに答えるのが遅いことを知っていますが、キオスクUI設計(またはセルフサービステクノロジー、SSTとも呼ばれます)内のベストプラクティスを一般的に検索すると、次のような画面が表示されます「ここをタッチして開始する」は最悪の習慣です

"Begin what?"はそのUIへの質問です。多くの人には調べる時間がない。

これは、セルフサービスキオスクではユーザーに何ができるかを伝えないであり、画面に触れるために通常の経路から離れて時間を費やすことをいとわない人が少ないためです。下にあるものを確認してください。

4
JeroenEijkhof

ベベルとドロップシャドウが付いた非常に大きなボタンを用意します。最初の行動を促すフレーズは明確にする必要があります。 「Push to start」などのラベルを付けます。後続のボタンは、「続行」または「戻る」のように、より簡潔にすることができます。

4
JoJo

これは関連しています- 知覚された視覚的アフォーダンスのための設計 。基本的に、インタラクティブなコントロールをタッチ可能に見せるために必要な場合は、視覚的なメタファーを使用します。上記のジョジョの例では、ベベルとドロップシャドウを使用して、これは明らかに実世界のボタンであり、すぐに感動します。 ;)ただし、ユーザーが特定のアプリケーションと対話するのを支援しようとしているのか、それともデバイス自体の間に線を引くかを覚えておく必要があると思います。 iPhoneを例にとると、視覚的なアフォーダンスが知覚されるインターフェース要素を持たない一般的なジェスチャコントロールがいくつかあります(たとえば、スワイプ、2ボタンタップなど)が、各アプリケーションは通常、これらについてユーザーに伝えようとしないため、 アプリケーションがそのデバイスに対して通常の/予期されるタッチベースの相互作用の外側で何も実行していない場合、おそらくどちらも必要はありません。ユーザーは、これらの一般的な対話方法に精通している可能性があります。これらはタッチスクリーンのモバイルデバイスなので、ユーザーはおそらく画面にタッチできることを知っているでしょうか?または私は要点を逃しましたか?

4
Tom

スタートページ/アイドルページに"Touch to Start"ボタンが目立つ、多くのキオスクアプリケーションを見てきましたが、そうです。

これはユーザーに何をすべきか、そしてどのように行うかを伝えます-これは実際にタッチセンサー式の表面であることをユーザーに教えるのに十分でなければなりません。


最悪の場合は、画面の上に「ナビゲートするタッチスクリーン」のステッカーを貼ることができます。

2
peterchen

私にとって、最も重要なことは、タッチスクリーンデバイスの典型的なユーザーのメンタルモデルに固執することです。キオスクの位置、高さ、デザインとどのように関係するか(たとえば、キオスク(またはあなたが作っているものは何でも)はあなた次第ですが、最も重要なことは、タッチスクリーンデバイスの他のモデル(ATM、Redbox)に適合させることですなど)。無意識のうちに多くのUI知識が必要になります。

2
Andrew Shipe