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

UIを完全に理解して、プロダクトをチョット良くする Kazuto Ushijima 2022/10/26 UI/UXデザイナーLT会 - vol.9

È 牛嶋一登 / Kazuto Ushijima / tojima È バックエンドエンジニア@ファンコミュニケーションズ È
趣味はランニングとサウナ È 今週末、BMWのバイク納車予定 @tojima 自己紹介

課題

背景プロダクトの新規機能開発時、以下のようなサイクルが回るデザインワカラン意思決定しづらいプロダクトがダサい

9 「デザイン(UI)完全に理解した」を目指T 9 「完全に理解した」製品を利用をするためのチュートリアルを完了できたという意味1 9 引用: https://twitter.com/ito_yusaku/ status/1042604780718157824 9
プロダクトをチョット良くする目標

取り組み

やったことデザイン4原則 OOUI Bonoの課題

Before → After 開始前 Bootstrapを使っただけゴリゴリのタスク指向

Before → After 1ヶ月後 ' 音声SNSアプリ Soundia ' デザイン4原則の理解【UIデザイン】
音声SNSアプリを作ってみました

Before → After 現在（5ヶ月後） ( 経費申請 Expenses ( OOUIの理解と実践【UIデザイン】出張申請サービス（申請作成）をデザイン

改善ややこしいデザイン箇所の修正役割に応じたコンポーネントの提案

プロダクト改善ややこしいデザイン箇所の修正テキスト別タブを開く削除テキスト別タブを開く削除

プロダクト改善 " 役割に応じたコンポーネントの提案例: ステータスの変更に適切なコンポーネントは？ Button Button Toggle CheckBox

改善ややこしいデザイン箇所の修正役割に応じたコンポーネントの提案プロダクトがチョット良くなった評価と給料が上がった結果として

まとめ

結果デザイン(UI)完全に理解したプロダクトのデザインで理由のある意見を出せるようになった普段使っているアプリのデザインを観察するようになった個人開発のモチベが上がった

これから UIの知識を深めていきたいタスク指向UI → オブジェクト指向UI グラフィックデザイン力の向上

ご清聴ありがとうございました

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

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

Ushijima Kazuto

More Decks by Ushijima Kazuto

Other Decks in Design

Featured

Transcript