私は医療機器用のタッチスクリーンアプリケーションの作成に携わっています。プログラムはキオスクのようなもので、ユーザーはスタートメニューなどにアクセスできず、ユーザーは画面上のキーボードを使用して、まれに必要なテキストを入力します。仕様の画面サイズは1280x1024です。
質問はこれです：合理的なインターフェースのための最小のタッチ可能なボタンのサイズは何ですか？アメリカの10セント硬貨はすべての方向で妥当な最小サイズだと思います。その理由は、10セント硬貨は人々が指で感じると予想できるほど小さいからです（直径は17.91mmです。全能のウィキペディア）。
それとも、大きいサイズの10セント硬貨は少しですか？
編集：ユーザーに関するいくつかの追加知識。デバイスの性質上、両手を持っている必要があり、手袋を着用することはありません。彼らは最大14x17インチのサイズのフィルムカセットを操作できなければならないでしょう（これもデバイスの性質のためです）ので、私は彼らがある程度の手先の器用さを持っていると合理的に確信しています。
これには、ボタンを大きくする必要がある多くの要因があります。
私の経験に基づいて、私は米国のクォーターよりも小さくないものを使用します.1セント硬貨は、繰り返し使用するには小さすぎます. ユーザーが指を「太らせる」ために手袋などを着用する場合は、さらに大きなボタンが必要になります。障害のあるユーザーや運動制御が不十分なユーザー (予想よりも一般的) がいる場合、10 セント硬貨サイズのボタンはまったく役に立ちません。一部のタッチスクリーンは特に正確ではないことに注意してください。私は、エッジ近くで最大 25 ピクセル離れたものをいくつか使用しました。
また、どのくらいの頻度でボタンを押しており、画面にはいくつのボタンが表示されるでしょうか? たくさんの小さなタッチ スクリーン ボタンを順番に押さなければならないことは、ユーザーを夢中にさせます。これが、ATM などの多くのタッチ スクリーン システムに 1 インチ x 2 インチを超えるボタンが搭載され始めていることに気付く理由の 1 つです。
また、誤って間違ったボタンを押した場合のシステムの耐障害性はどの程度ですか? 画面がオフだったのか、斜めから見ていたためか。耐障害性が低いほど、ボタンを大きくする必要があります。間違いが起こります。ボタンが小さいほど、ミスが多くなります。
それは、デバイス自体と、それに搭載する UI に大きく依存します。
多くのタッチスクリーン (マルチタッチを除く) はタッチされた領域を平均化するため、ミスタッチを減らすために、UI アイテムを指先の領域よりも近くに配置したくない可能性があります。
タッチ スクリーンは、設置後に調整する必要があります。それでも、画面の種類や画面を見る自然な角度によっては、視差が生じる場合があります。
また、タッチ ダウン時の視覚的なフィードバックを検討し、タッチ リリース時にのみイベントを通過させることもできます。タッチしたら、接点を中心に指先よりも大きい×を表示し、タッチを離すまで追従させます。その点がクリック点です。
何より、ユーザーテスト、ユーザーテスト、ユーザーテスト。
サイズが本当に心配な場合は、簡単に変更して実際の状況で実際のユーザーでテストできるように、流動的にしてください。ユーザーテストについて言及しましたか？
私はジェームスにある程度同意しますが、米国の 1/4 がより適切な目標ですが、多くの場合、これを変更して、一方の次元で米国の 1/4 セント、もう一方の次元で 1 セント硬貨にすることができます。もちろん、アクティブな UI 要素の中心を、間違った要素のクリックがどれだけ「解決可能」であるかにもよりますが、少なくとも 10 セント硬貨の距離だけ互いに離しておく必要があります。(リスト内の間違った要素をクリックすることは、それを選択するだけであれば簡単に解決できます。ダイアログの終了ボタンをクリックすることはそれほど重要ではありません。)
最も一般的なケースを本当に簡単に行えるようにしてください。これは通常、非常に大きなボタンを作成することを意味します。または、場合によっては、UI 領域全体を「クリック可能」にすることもあります (ただし、そうする場合は、領域内に何らかのボタンを表示して、クリックできることを暗示する方がユーザーにとって便利な場合がよくあります)。
タッチスクリーンの品質によっては、多くの場合、エッジの周りを「ごまかす」ことができます。従来のマウスベースのインターフェイスでエッジとコーナーを叩くのが最も簡単であるだけでなく、タッチスクリーンベースのインターフェイスでも同様に打つことができます。これは、ユーザーがフレーミング要素に指を押し付けて、他の何かをトリガーすることを心配する必要がないためです。 . UI 要素が画面の端に近い場合は、画面の端までクリックを受け入れるようにしてください。これを使用すると、米国の 10 セント硬貨サイズのボタンを各隅に配置して、非常に繰り返しクリックできるようにすることができます (ただし、ユーザーの指が大きい場合はフィードバックが不足する可能性があります)。
サイズが重要であることはわかっているので、大きいほど良いです。
タッチスクリーン インターフェイスのユーザーにとって、画面上のどこかをクリックしたときにフィードバックを得ることが重要です。これは、通常のキーボードやマウス ボタンのように機械的なものではないため、サウンドや色の変更を使用します。
画面のどこでもタッチするのではなく、コントロールをクリックしたときだけ音を鳴らすことで、使い勝手の良さを実現。
作業環境がうるさい場合は、カラー フィードバックも行う必要があります。この場合、ボタンは指の 2 倍または 3 倍の大きさにする必要があります。手が画面上にあるときにユーザーがフィードバックを確認できることが重要であり、手がガラス製ではないことがわかっています。
画面上での注文も重要です。ドロップダウンのコンボボックス、メニューなどを使用するマウス駆動のインターフェイスには適していますが、タッチスクリーンでは使いやすさが損なわれます。したがって、コントロールを画面の左上に配置する代わりに、画面の右下に配置します。これにより、ユーザーが作業するときに、画面上にハンズフリーの情報領域が表示されます。
左手/右手のレイアウト、および昼/夜の配色も考えてください。
現在、私はタッチ スクリーン用の .net UI コンポーネントのセットを作成する作業を行っています。すぐに私の Web サイトでデモをご覧いただけます。
アタナス
非常に多くの要因に依存します...
すべてのタッチスクリーンは時間の経過とともに劣化し、時間の経過とともに精度が低下し、ノイズが多くなり、直線性が低下します。抵抗膜式タッチスクリーンは時間の経過とともに大幅に改善されましたが、特にこのような大きなタッチスクリーンでは、まだ問題が発生します.
さらに、指のサイズは人によって異なり、手と目の調整のレベルも異なります。
最後に、タッチがアプリケーションに入る前に実際にタッチを処理するハードウェアとソフトウェアを調整し、特徴付ける必要があります。
したがって、ボタンをどれだけ大きくする必要があるかを単に尋ねるよりも、はるかに困難です。
まず、タッチスクリーン自体の製造元と、ハードウェア/ソフトウェア インターフェイスの製造元に相談して、推奨事項を見つけます。
次に、いくつかのテストを行います。画面上にいくつかのターゲットを作成し、それらを押したときにタッチスクリーン ハードウェアが送信するすべてのポイントを記録します。素早く突き刺すプレス、強く長くプレスする、軽くプレスするなどの一連のテストを行います。入力がどれだけジャンプするか (驚くかもしれません...)、実際の応答速度を確認します (フィルタリングが重いと、プレスが遅れる可能性があります)。 、迅速なフィードバックがなければ使いやすさが低下する可能性があります)。
3 番目に、素晴らしいユーザー フィードバックを得るためのユーザー インターフェイスを設計します。ユーザーがボタンを押したときにボタンが少し見えるように、ボタンを指よりも幅を広くしてください。
第 4 に、適応学習を追加することを検討します。キャリブレーションを実行して時々再実行する必要がありますが、その間にユーザーに合わせて少し調整して、エラーの可能性を減らすことができます。とはいえ、気弱な人向けではなく、間違えやすいので、検討する場合は注意が必要です。
-アダム