【初心者向け】「UI/UX」「ユーザビリティ」とは？わかりやすく解説！

この記事では、このような疑問にお答えします。

デザイン4原則の記事で、「デザインはセンスでなく知識である」というお話をしました。

では、その“知識”をWebサイト制作にどう活かしていけば良いのでしょうか？

今回はそのヒントとなる、「UI」「UX」「ユーザビリティ」について、初心者の方にもわかりやすく解説していきます。

「UI」「UX」「ユーザビリティ」とは？

例えば、

など。

つまり、サイトを通して「見に来てくれた人に、何かしら“行動”してもらうこと」がゴールです。

でも、せっかくサイトを作っても、

こんな風になってしまったら、もったいないですよね。

そこで大事になるのが、今回のテーマである「UI」・「UX」・「ユーザビリティ」です。

UIとは？（ユーザーインターフェース）

UI（User Interface）とは「見た目・操作まわりのこと」です。

ユーザーが実際に目にしたり、触れたりする部分のことを指します。

例えば、

など、画面上の見た目や操作感そのものがUIです。

UXとは？（ユーザーエクスペリエンス）

UX（User Experience）とは「体験そのもの」です。

UXは、ユーザーがWebサイトやアプリを使って感じる体験の質のこと。UIよりももっと広い意味を持っています。

例えば、

など、「使っていてどう感じたか」がUXです。

「ユーザビリティ」とは？

最後に、「ユーザビリティ（Usability）＝使いやすさ」です。

「UI」や「UX」に似ていますが、ユーザビリティはもっとシンプルに、“使いやすいかどうか”にフォーカスした考え方です。

といったことが実現できていれば、「ユーザビリティが高い」と言えます。

3つの関係性をまとめると？

それぞれの関係をイメージで整理するとこうなります。
↓

今日からできる「UIデザイン」

ユーザー目線で「UI」を考える

上で説明した通り、「UI」「UX」「ユーザビリティ」
この3つは、しっかりつながっています。

ユーザーに「また使いたい」「気持ちよく使えた」と思ってもらうためには、まずは「わかりやすいUIデザイン」がポイントです。

UIデザインとは？

UIデザインとは、「見た目や操作性を設計すること」です。

具体的には、

など、ユーザーが迷わず・気持ちよく操作できるように、画面まわりを設計する仕事・考え方のことを「UIデザイン」と言います。

実践！UIデザインにチャレンジ

例えば、初心者の方でやりがちなデザインに、こんなものがあります。

このようなことがないよう、

などを工夫すると、誰にでも使いやすいWebサイトを作ることができます。

基本的には、少し前に取り上げた「デザイン4原則」を意識していれば、大きくユーザビリティが悪くなることはありません。

まとめ

Webサイトを作る上で大切な、「UI」「UX」「ユーザビリティ」という3つの考え方について説明しました。

UIを工夫して見やすく・操作しやすくすれば、ユーザビリティが上がり、結果としてUXも良くなっていきます。

だからこそ、まずは「どんな人がどう使うか？」というユーザー目線に立つことが大事です。

「また使いたい」と思ってもらえるWebサイトを目指して、少しずつUIデザインにチャレンジしていきましょう。

次回は、「スマホで使いやすいWebデザイン」について解説します。引き続きチェックしてくださいね。
↓