UIを完全に理解して、 プロダクトをチョット良くする

Transcript

1. UIを完全に理解して、 プロダクトをチョット良くする Kazuto Ushijima 2022/10/26 UI/UXデザイナーLT会 - vol.9
2. È 牛嶋一登 / Kazuto Ushijima / tojima È バックエンドエンジニア@ファンコミュニケーションズ È 趣味はランニングとサウナ È 今週末、BMWのバイク納車予定 @tojima 自己紹介
3. 課題
4. 背景 プロダクトの新規機能開発時、以下のようなサイクルが回る デザインワカラン 意思決定しづらい プロダクトがダサい
5. 9 「デザイン(UI)完全に理解した」を目指T 9 「完全に理解した」製品を利用をするためのチュートリアルを完了で きたという意味1 9 引用: https://twitter.com/ito_yusaku/ status/1042604780718157824 9 プロダクトをチョット良くする 目標
6. 取り組み
7. やったこと  デザイン4原則  OOUI  Bonoの課題
8. Before → After 開始前  Bootstrapを使っただけ  ゴリゴリのタスク指向
9. Before → After 1ヶ月後 ' 音声SNSアプリ Soundia ' デザイン4原則の理解 【UIデザイン】 音声SNSアプリを作ってみました
10. Before → After 現在（5ヶ月後） ( 経費申請 Expenses ( OOUIの理解と実践 【UIデザイン】出張申請サービス（申請作成）をデザイン
11. 改善  ややこしいデザイン箇所の修正  役割に応じたコンポーネントの提案
12. プロダクト改善 ややこしいデザイン箇所の修正 テキスト 別タブを開く 削除 テキスト 別タブを開く 削除
13. プロダクト改善 " 役割に応じたコンポーネントの提案 例: ステータスの変更に適切なコンポーネントは？ Button Button Toggle CheckBox
14. 改善  ややこしいデザイン箇所の修正  役割に応じたコンポーネントの提案  プロダクトがチョット良くなった  評価と給料が上がった 結果として
15. まとめ
16. 結果  デザイン(UI)完全に理解した  プロダクトのデザインで理由のある意見を出せるようになった  普段使っているアプリのデザインを観察するようになった  個人開発のモチベが上がった
17. これから  UIの知識を深めていきたい  タスク指向UI → オブジェクト指向UI  グラフィックデザイン力の向上
18. ご清聴ありがとうございました