2018年04月25日(水)
ボタンをデザインするときに気をつけたい！７つの基本原則【前編】
ボタンはインタラクションデザインの必須要素です。ボタンはユーザとシステムの会話において主要な役割を担っています。この記事では、効果的なボタンを作成するために知っておくべき7つの基本原則について前編と後編に分けて説明します。
まずは前編です！
1.ボタンをボタンらしく
ユーザーインターフェイスとやりとりするとき、ユーザーは「クリック可能」なものとそうでないものを即座に区別できる必要があります。デザインのすべてのアイテムは、ユーザーに認識して理解してもらわなければなりません。一般的に、その時間が長くなるほど、ユーザーにとってそのインターフェイスは使いにくくなります。
しかし、どのようにしてユーザーは特定の要素がインタラクティブであるかどうかを判断するのでしょうか？ UIオブジェクトの意味を明確にするためには、ユーザーのそれまでの「経験」と視覚的な記号を使用しましょう。
そのため要素をボタンらしくするポイントは、適切な視覚的な記号（サイズ、形、色、影など）を使用することが重要です。
残念なことに、多くのインタフェースでは、インタラクティブであることを示す記号が弱く、ユーザーにその機能を発見されていません。
明確なインタラクションのアフォ...
0
24
1
8author:
SeleQt（セレキュト）
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。
Ads
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『ボタンをデザインするときに気をつけたい！７つの基本原則【前編】』についてまとめています。
この記事は特にアニメーション・UX・LINE・UIについて書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
