モバイルでのUIボタンデザイン論【7つのルールを知って、適切なデザインを】

ボタン作成のためのモバイルUIデザインのベストプラクティを7つ紹介します。ボタンの作成はUIデザインにおいて最も難しい要素の1つです。
 

1.核となるUIデザイン原則を守る

ボタンのUIデザイン原則で最も大事なのは、ボタンの目的です。また、ユーザーを優先し、使いやすくデザインします。ボタンは一見してボタンだと認識できるものでなければなりません。サイズ、形状、余白に注意して作成します。
 
 
 

2.3次のアクションを起こすためのボタンだと分かる色を使用する

UIボタンのビジュアルは大きく変わりましたが、変わっていないものが1つあります。それが色とコントラストです。
どんな色を使用するかがユーザーの認識に影響を及ぼします。ボタンの効果が分からないと、ユーザーは迷い、ユーザーエクスペリエンスが悪くなりページから去ってしまいます。
なので、ボタンとして認識できることと分かりやすさに注意します。
例えば、重要なアクションにはハイコントラストを利用するなどです。
 
 
 

3.ユーザーが画面上で迷わずタスクに集中できるようにする

ユーザーが作業をしている時、画面上で迷わないようにデザインします。そのためには、色やコントラストをレイヤー構築やシャドウと組み合わせて使用します。そうすれば、フラッ

リンク元