開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～

Transcript

1. WelcomeEvent@金沢工業大学 ～UI・UXデザインってなんだろう～ 開発・制作におけるUI・UXデザインの重要性について ・UI/UXデザインってよく聞くけど何？ ・開発や制作とどんな関係があるの？ 内容
2. UI・UX”デザイン”？ なんで？ 今日ってエンジニア向けなんじゃないの？
3. 私もそう思いました。
4. ので、今回は私の独断と偏見で 大事だと思うことを話そうと思います！
5. UI・UXデザイン、どうやってするのか 今回はお話しません。 なんでUI・UXデザインってやるの？ をお話します。
6. UI・UXデザインってよく聞くけど何？ UI（User Interface） ユーザーが見る・触れる手段 見た目、フォント、 配色、レイアウト、 ボタン、アイコン　etc... UX（User Experience） ユーザーが得る・感じる体験 使いやすさ、快適さ、 おしゃれ、シンプル、 わくわく感、感動　etc... そもそも「デザイン」とは？ ただおしゃれにすることではなく、目的達成のための計画・設計すること
7. UI・UXデザインってよく聞くけど何？ 目的（UX）を達成するための手段（UI） UXをデザインする ユーザーにどんな目的達成・体験を 提供したいかを考えること ・ユーザーは何をしたいのか？ ・どうすれば満足するのか？ ・どんな流れなら迷わないか？　etc... UIをデザインする 目的を実現するための設計図を作ること ・ボタン配置 ・画面構成 ・導線設計　etc... 逆になると本来の目的を見失ってしまう…。 UX UI
8. UI・UXデザインってよく聞くけど何？ UI・UXデザインの例（カフェのデザイン） UX（感情・体験） ・コーヒーが美味しかった ・リラックスできた ・また来たいと思った UI（道具・環境） コーヒーカップの飲みやすさ・ メニューの見やすさ・ 椅子の座り心地・ もしうまく設計できなかったら… おしゃれだからと選んだコーヒーカップやメニュー表が見にくかったり、 椅子の座り心地がイマイチで落ち着いてコーヒーが飲めなかったりするかも…
9. 開発や制作とどんな関係があるの？ 1 調査・分析 誰が、どんな場面で 困っているかを知る 2 設計（UX） どんな体験を提供すれば 解決できるか考える 4 実装 設計に基づいて コードを書く 3 ビジュアル制作（UI） 実際に形にして、 設計通りになるか試す 開発・制作のおおまかなフロー 他人に使ってもらうことが前提なら… どうしたら快適に使ってもらえるか、など ユーザー目線で考えることも大事！
10. まとめ UI・UXデザインは、なくても開発・制作は可能。 設計をすることで、ユーザーにやさしいものづくりができる！ ただし、 自分自身もユーザーです！自分が使っていて楽・楽しいものを作ろう！