この記事では、MUUGMUUGのデザイナーが気をつけていることをご紹介します。
ホームページデザインやアプリのUIデザインを改善する際の、基本知識やテクニックです。
UIデザインは、ほんのちょっとした気遣いや工夫で印象が変わります。
そのため、少しの工夫で使いやすいものになります。
是非ご参考にしていただければ幸いです。
1. 選択したものはわかりやすく
チェックボックスなどの選択項目では、ユーザーのアクションをわかりやすく反映しましょう。
また、ユーザーの操作エラーを防ぐ配慮をしながら、UIを設計することが大切です。
2.タップ領域は44px以上を確保する
スマホでの操作の際、タップ領域が小さすぎると押し間違いが起こりやすくなります。
そのため、ユーザーはストレスを感じてしまいます。そこで、タップ領域は最低でも44px以上を確保しましょう。
3.情報に適切なコントラストをつける
テキストをただ並べただけのUIは、情報の優先順位が曖昧になりがちです。
そのため、ユーザーが文章を読み解いて情報を整理することになります。しかし、それはユーザーにとってストレスになってしまいます。
テキストに適切なサイズとウェイト、カラーをあしらって、情報にコントラストをつけてあげましょう。
ちょっとした配慮でユーザーの情報取得をサポートすることができます。
4.アイコンは「ありふれたもの」を使う
アイコンを使う際は、誰もが普遍的に認識できる「ありふれたもの」を使いましょう。
なぜなら、アイコンで冒険することはユーザーの混乱を招いてしまうからです。
5.ノイズを減らす
一見必要そうなあしらいでも、ユーザーの潜在意識の中でノイズになっている場合があります。
そこで、「なんか見づらいなあ」の種を見つけて、なるべく取り除きましょう。
まとめ
以上、UI改善の基本知識とテクニックのご紹介でした。
また、上記の知識やテクニック以外にも、たくさん普遍的なあしらいやテクニックが存在します。
UIデザイナーはそれらを理解することが大切です。
さらに、客観的な視点を持って実機チェックをたくさんすることも重要になります。
ほんの少し手を加えるだけで、ガラッと印象が変わります。
そのため、とても使いやすいUI画面になったりするものです。
この記事が、少しでも皆さんのUIデザインの参考になれば幸いです。
MUUGMUUGでは、こうしたUIの視点も踏まえてデザイン制作を行っています。
なお、制作会社選びのポイントは以下の記事でもご紹介しています。
関連記事：ホームページ制作会社の選び方｜失敗しないためのチェックポイント
なお、Figmaでのデザイン制作についてはこちらの記事でもご紹介しています。
