ソフトウェア/ウェブサイトの円形ボタンがほとんど使用されないのはなぜですか？
ソフトウェア/ウェブサイトの円形ボタンがあまり使用されないのはなぜですか？それは純粋に慣習ですか、またはこの背後にユーザビリティの理由がありますか？
丸いボタンは、アイコンがすべて必要なときにうまく機能します。これの良い例は Path です。それらの単一のアイコンボタンは円形で、うまく機能します。ただし、「Register」のようにWordをボタンに合わせるには、ボタンの幅をできるだけ広くし、貴重なスペースを多く取り、巨大なボタンを作成する必要があります。インターフェース全体で完全に円形のボタンを使用する場合、すべてのボタンを1つのボタン内の最も長い単語と同じ大きさにする必要があります。 IE、Wordの「追加」のボタンは、「登録」のボタンと同じサイズである必要があります。これは、インターフェース全体でサイジングを継続するためです。これはスペースの巨大な無駄になります。
パスのようなアプリや Svbtle のようなサイトの多くは、アイコンに円形のボタンを使用してこれを回避し、次に同じ高さのボタンを維持して水平に伸ばして、テキスト付きのボタンの角が丸い長方形を作成します。
使いやすさの点での不利な点は、丸い角の丸い円形または四角形の方が、角の丸い小さいまたは丸い四角形の長方形よりもクリック領域が小さいことです。そのため、ユーザーがボタンを完全に見逃す可能性がわずかに高くなります。しかし、これは私が思うより多くのスタイル選択です。
答えは主に歴史的です。初期のHTMLでは、ネイティブサークルはなく、角の丸い正方形もありませんでした。画像を使用する方法しかありませんでした。速度が重要なときに（今日の接続より2000+倍遅いと考えて）、ほとんどのWebサイトは画像を可能な限り避けました。
したがって、ボタンを作成する場合は、長方形を使用しました。私はボタンが長方形であることに慣れるようになっていると思います。四角形のボタンよりも四角形のボタンの方が適している状況は数多くありますが、円形のボタンの希少性を正当化するのにそれほど多くはありません。
ただし、物理インターフェイスを見ると、円形のボタンが非常に人気があることがわかります。彼らは一般に作るのがより簡単で、より安く、そして間違いなくより審美的に楽しいです。今後数年間インターフェイスを見ると、丸いボタンや長方形以外のボタンの使用が著しく増えると思います。
複数の丸いアイコンをどのように配置するかを検討してください。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
最初のソリューションでは、基本的にはまだ長方形のグリッドを使用しており、アイコンの周りのスペースを効果的に浪費しています。ただし、円形のアイコンを使用すると、下のソリューションのように六角形のグリッドにできます。これで、アイコンを長方形のグリッドよりも近くに配置できるようになりますが、スキャン可能性については十分なスコアになるとは思いません。
円をグリッドに合わせることについてもそうだと思います。 Webページとインターフェイスは、ほとんどグリッドシステムに基づいており、ブロックのように見えます。したがって、円形のボタンは、それらを囲むテキストのブロックで奇妙に見えます。
特にローカリゼーションが関係している場合は、デザインのPOVから、テキストを円形のボタンよりも長方形のボタンに修正する方が簡単であることにも注意してください。