ボタンデザインの歴史と進化から学ぶベストプラクティス

ボタンは私たちにもっとも身近な、ごく普遍的なインタラクション要素です。とてもシンプルなUI要素でありながらも、ここ数十年でそのデザインは大きく変化しましたが、いつの時代も大事なのはその明確さと認知性でした。 この記事では、ボタンデザインの進化を振り返り、効果的なボタンを作るための方法論について見ていきたいと思います。 スタイルの進化 立体的なボタン 昔からOSのボタンデザインは、周りの要素からボタンを見分けるためにレリーフとシャドウを使ってきました。 なぜこのデザインなのかというと、シンプルな原理が基本となっています。ボーダー、グラデーション、ドロップシャドウを使用して背景とコンテンツに対してボタンを引き立たせ、クリックできる要素だということを簡単に識別できるようにしているのです。

[piripenko]

“角を丸くするとユーザーの情報処理能力を高め、要素の中心に目が行くといくつかの研究が示唆しています” へええ。

[yasu-log]

【B!】ボタンデザインの歴史と進化から学ぶベストプラクティス - UX MILK / よく知られた内容ですが、綺麗にまとまっていて良記事。今もたまにスキュアモーフィズムを見かけると、時代遅れ感があります

[baba_jdl]

ボタンデザイン

[tbpg]

"「驚き最小限の原則」に従って、ボタンに適したラベルをつけます。必要なボタンが、驚きの高い要素を持っていたら、ラベルを変える必要があります。"