web-dev-qa-db-ja.com

指の形のため、タッチインターフェイスのボタンは丸くする必要がありますか?

タッチデバイス(タブレットやスマートフォンなど)では、指の先が丸いので、ボタンは丸い必要があると言っても問題ありませんか?より具体的には、ユーザーは、この要素が円形の場合、要素がクリック可能であることをより簡単に理解できますか?

Nb:英語を母国語としないので、「丸い」とか「円形」とか他の言葉を言う必要があるのか​​わかりません。つまり、「円の形」です。

8
Mathieu

いいえ、必ずしもそうとは限りません。過去には、デザイナーはskeuomorphicパターン-物理的な有形のオブジェクトに強く似た視覚的なスタイルを使用して、それらの相互作用方法を提案していました。物理的なボタンは、ユーザーが物理的に触れているため、多くの場合、ユーザーの指に合わせて丸いまたは形をしています。初期のデジタル設計者は、ユーザーがアナログからデジタルに簡単に移行できるようにすることを望んでいました。

人々がコンピューターについて単に学習しているときは、変形形態の設計が役立つ可能性がありますが、デジタルインターフェイスに精通することで、これらの種類のアフォーダンスに焦点を合わせる必要性が減少しました(私は思います)。ボタンをインタラクティブに表示する(たとえば、微妙なグラデーションで表示したり、3Dで表示したりする)ことをお勧めしますが、誰かが指に接続できるようにボタンを丸くする必要は実際にはないと思います。成功したインターフェースの多くは、完全に四角い要素(Windows 8タイルなど)またはアイコンを使用しています。

5
mattsoave

興味深いのは、質問の一般的な形式です。形状は身体の一部と人間工学的に一致しているため、ユーザーは何かがどのように使用されることが意図されているかを理解していますか?

  • 座席:はい
  • ハンドル:はい
  • ボタン:歴史的にはいであった可能性がありますが、現在はありません。

ボタンは、何世代にもわたって文化的によく理解されており、丸い形から進化してきました。例えば70年代の長方形のボタンを備えたオーディオカセットプレーヤー。

2
Jason A.

記事はこちら はタッチターゲットのベストプラクティスをカバーしています。ルールは、形状ではなくサイズに基づいています。

1
Johnny UX

いいえ、違います。

丸みを帯びたエッジは、UXを構築する際の美的公式のもう1つのピースです。丸みを帯びたエッジを0%でプレイすると、2014年に非常に人気のある、ほぼ楽しく「フラットなデザイン」の美的感覚が得られることがわかりました。

0
user52703

ボタンの形状は、指への接続ではなく、機能への接続にあるように見えます。例えば:

  • 拡大鏡=検索
  • 円の2つの矢印=更新
  • 互いに下にある3つの正方形=オプション
  • 互いに下にある3本の水平線=メニュー
  • 等々...
0
Niek

ええと...ボタンは実生活のいたるところに丸くなっていますか?

キーボードを見てください。 「丸い」ボタンはいくつありますか?

0
Chris Aplin