🖼️

[学内向け] UI/UXデザインについて知ってもらいたいという話

2021/12/21に公開

はじめに(UIデザイナー, UXデザイナーの方へ)

この記事ではUI/UXデザインと記載している箇所が数多く存在します。「別物だからこのような書き方をするな!」と感じる方もいらっしゃるかもしれません。この記事ではあくまでも学内の下級生に向けて簡単に書いたもので混同して考えているわけではないということだけ知っていてもらえるとありがたいです。

この記事はなに?

鈴鹿高専 Advent Calendar 2021カレンダー2の22日目の記事となります。
主に学内向けの記事になります
https://qiita.com/advent-calendar/2021/snct

あなたの思うデザインって?

デザインと聞いてどのようなことを思い浮かべますか?とかそういったグラフィック系を思い浮かべる方が多いかもしれません。ここではUI/UXデザインについての話をします。

UI/UXデザインとは?

UIデザイン

UIとはユーザーインターフェース(User Interface)のことで、「ユーザー」と「システムやサービス」との接点のことを指します。簡単に言ってしまえばUIデザインとは「システムやサービスに付随するインターフェースをより使いやすく設計する」ということを意味します。

UXデザイン

UXとはユーザーエクスペリエンス(User Experience)のことで簡単にいうとユーザーがサービスによって受ける全ての体験のことを言います。UXデザインとはそのユーザーがサービスによって受ける全ての体験を設計することを意味します。

上の図のようにUIはUXの中核として存在します。

UI/UXデザインにもっと興味を持ってほしい

今プログラミングをあまりやってみようと思えない...と言う人に刺さればいいなと思ってこの文章を書いています。UI/UXデザインに取り掛かるきっかけはかなり身近にあると僕は思っています。

使いにくいアプリ

「あのアプリ使いにくかったな〜」というアプリ、1つや2つは出会ったことがありませんか?そのアプリがなぜ使いにくかったのかというところを深掘りしていくと面白いと思います。
例えば...

  • 押したいボタンが小さい・遠い
  • 次の画面に進むのにどこをタップすればいいかわからない
  • 外で使うアプリなのに、外で画面を見るととても見にくい

例として3点挙げてみましたが、もっとたくさんあると思います。
このような「なぜ使いにくかったのか」を深掘りして、自分ならこうするなどと画面を考えてみるといいと思います。

使いやすい(使っていて不便なところを感じない)アプリ

こちらの方は見つけることが難しいかと思います。不便なところはすぐに見つけることができますが、逆にこのアプリが良い理由っていうのはなかなか見つからないかと思います。
もし同系統の使いにくいアプリがあれば、それと比較して深掘りしていくと、どういったアプリが使いやすいのかが見えてくるかもしれません。

まとめ

この記事はLT用に書いたもので、少ししか書くことができていません。プロコンでプロダクトの体験に責任を持つデザイナーがいたりしてもいいのかな〜なんて思っていて、少しでもUI/UXデザインに興味を持っていただけたら嬉しいなと思います!(ほんとにちょっとしか書いてないので、興味持ってくれたらいろいろ聞いてね)
ありがとうございました!

Discussion