プロコンプロジェクトでのLT会での資料です ※1年生向けの記事なのでUI/UXとまとめているところが多いですが、ご了承ください

1. UI/UXデザインについて知ってもらいたい
2021.12.22 ShomaKobayashi

2. UIデザインってなに？

3. UI
( UI = User Interfac
( つまり「ユーザー」と「サービス」の接
( つまり普段つかうアプリの画面のこと
↑amazon
↓spotify

4. UXデザインってなに？

5. UX
UX = User Experienc
ユーザーがサービスによって受ける全ての
体験のこ
つまり普段アプリを使ってどう感じるか

6. いきなりですが
次のUIをみてください

7. First Name
First Name
Last Name
Last Name
Your Email
Your Email
Password
Password
Sign up
Sign up
Log in
Already have account?
By signing up, you agreed with our Teams of
Services and Privacy Pollcy.
Twitter
or sign up with email
Facebook
Shoma
Shoma
Kobayashi
Kobayashi
sample@example.com
sample@example.com
・
・
・
・
・
・
・
・
・
・
・
・
・
・
Sign up
Sign up
Log in
Already have account?
By signing up, you agreed with our Teams of
Services and Privacy Pollcy.
Twitter
or sign up with email
Facebook
error! There is an error in the input data.
これらのUIにはどんな問題点がありますか？
↑初期状態 ↑入力後(エラー)
error! There is an error in the input data.

8. First Name
First Name
Last Name
Last Name
Your Email
Your Email
Password
Password
Sign up
Sign up
Log in
Already have account?
By signing up, you agreed with our Teams of
Services and Privacy Pollcy.
Twitter
or sign up with email
Facebook
Shoma
Shoma
Kobayashi
Kobayashi
sample@example.com
sample@example.com
・
・
・
・
・
・
・
・
・
・
・
・
・
・
Sign up
Sign up
Log in
Already have account?
By signing up, you agreed with our Teams of
Services and Privacy Pollcy.
Twitter
or sign up with email
Facebook
error! There is an error in the input data.
例えば...
↑初期状態 ↑入力後(エラー)
 パスワードの制約が書かれて
いない(何文字以上かなど±
 どの値でエラーが吐かれてい
るかがわからない
などなど

9. こういうのって
普段使うアプリでもありませんか？

10. エンジニアとは違うけれど、
プロダクトの成長に責任を持てる仕事

11. UI/UXをもっと深く考えてみるのも
楽しそうじゃないですか？

12. おわり。