【イラスト付き】UIとは？ユーザビリティを向上させてユーザーから好印象を持たれよう！

イエローちゃんイエローちゃん

UIってなぁに？

UIとはUser Interface の略で、主にWebサイトやアプリケーションのデザイン性の高さについて言及するときに使われることが多いよねー

ユーザーっていうのは利用者、インターフェースっていうのは接点って意味だよ

Webサイトやアプリケーションとユーザーをつなぐ接点、つまりサイト上の画像や動画やフォントなど、ユーザーが認識したり操作したりするすべての要素のことを言うんだ

読みづらい文字や聞きづらい音や、どこになにがあるかわからないデザインは、使いづらくて困るよねー

UIを意識したデザイン設計は、Webサイト構築においてすごく重要なんだよ！

ユーザーがそのWebサービスやアプリケーションをまた使いたいって思うのはどんなときだと思う？

そうだよねー好きになったらWebサイトをまた見たいと思うし、そのアプリを使って調べたら遊んだりしたくなるよねー

じゃあどうして好きになると思う？

そうだね、つまりユーザーに好印象を持ってもらうことが重要なんだ

ユーザーに好印象を抱かれるために必要なのが、UIを意識してユーザビリティを高めることなんだよ

UIはユーザーとサービスの接点だから、UIを意識することが読みやすさやわかりやすさに繋がるんだよねー

UIとよく似た物としてUXっていうのがあるんだよねー

Webデザインの話題になると、どちらも必ず登場するキーワードだよ！

この2つはよく似ているけど違っていて、でもどちらもWebサイトに欠かせないものなんだ

UIとUXについて詳しく説明していくね

UIもUXも、使いやすくわかりやすいWebサイト構築に欠かせないものだよ

UIは色や形や音、配置場所なんかによってユーザーが見やすいための工夫や要素のことなんだよねー

インターフェースっていうのは境目や接点って意味で、Webサービスとユーザーを繋ぐ部分だよ

UXはUser Experience の略で、ユーザーがWebサービスやアプリケーションを通して得る体験のことなんだよねー

エクスペリエンスっていうのはまさに体験って意味で、どう感じたかどんな印象を持ったかなど、ユーザーに残る感覚だよ

優れたUIだとユーザー体験(UX)が高まるし、使いにくいUIだとユーザー体験(UX)に悪影響が出るよね

UIとUXにはそういった相関性があるから、UXを改善するためにWebサイトやサービスのUIを常日頃から意識して改善するのが重要なんだよ！

最後に、人気のあるUIを3つ紹介するね

Web系で優れたUIとして挙げられるのは、Reluxだね

Reluxは高級ホテルのプラットフォームで、スマートフォンのUIが綺麗なことで有名だよ

上画像が実際のReluxのスマートフォンでの表示なんだけど、ホテルの写真を画面いっぱいに使っているUIなんだよ！

他に、こういう画面いっぱいになるまで写真を表示しているサイトは少ないから珍しいUIなんだけど、高級なホテルの一覧だから綺麗な一覧で表示できてるよね！

2つ目に紹介する優れたUIは、iphoneだね

iphoneは、みんな知ってるApple社から出ているスティーブ・ジョブズが作ったスマートフォンだよね

UIはUser Interfaceの略で、ユーザーが接する全てのものだから、iphoneのデザインもUIとして考えるべき事例の1つだよ

そんなiphoneのUI開発の逸話を紹介するね

当時のスティーブ・ジョブズはできる限り小さい携帯を求めていたんだって。

で、エンジニアが持ってきたiphoneを水槽に入れて、気泡が出てきたら「気泡が出るっていうことは、まだ小さくできるよね？」ってエンジニアを一蹴して再度、UIを作り直させたっていうのが有名な話があるんだよね

最後に紹介する優れたUIは、スプラトゥーンだよ

任天堂が作る代表的なFPSゲームだね！

スプラトゥーンは、ゲーム内で使用するフォントから自作してて、かなりこだわったUIになってるんだよね〜

デザイナーの開発秘話が語られてる記事があるから、それを読むと「どれだけUIにこだわっているのか」がわかるよ！

最後に、UIについてまとめておくね！

UIについて少し理解が深まったかな？

またなんでも聞いてね！