$30 off During Our Annual Pro Sale. View Details »

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

Ushijima Kazuto
October 25, 2022
Design
0
250

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

Ushijima Kazuto

October 25, 2022
Tweet

More Decks by Ushijima Kazuto

See All by Ushijima Kazuto
アウトプット > インプットを目指そうという話
tojimasan
0
150
Clean Architecture完全に理解したを目指す本
tojimasan
0
330
GitHub入門スライド
tojimasan
0
110

Other Decks in Design

See All in Design
Améliorez l'expérience utilisateur de vos formulaires web
geoffreycrofte
0
360
UXA2022 Day 1; Paul Merrel and Lauren Argenta - From matter to meta
uxaustralia
PRO
0
260
「書けるようになる」ということ
aguringo
6
16k
Lazer Robot Rabbits
leemwitz
0
120
あつまるデザナレ2022　REALITY登壇資料
choukantan
0
760
Artistic_Arcane
solmetts
0
150
認知科学コーチング
fuj1mann
0
530
ペイディのUXライティングで気をつけている３つのこと
naoto_miyazaki
7
2.2k
UXA2022 Day 1; Jen Blatz - How Enterprise Software Can be Saved by UX Research and Service Design
uxaustralia
PRO
0
110
デジタルプロダクトデザイナーしくじりあるある 〜失敗を糧にデザイナーとして2ランクアップ！〜
mobilitytechnologies
2
440
UXA2022 Day 2; Rich Brophy - Death to “best practice”: The journey to cohesive design practice at scale
uxaustralia
PRO
0
370
toB SaaS開発におけるUXライティング｜あつまるデザナレ2022
aguringo
4
760

Featured

See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
405
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.5k
Designing on Purpose - Digital PM Summit 2013
jponch
107
5.8k
Designing with Data
zakiwarfel
91
4.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
Why Our Code Smells
bkeepers
PRO
326
55k
Designing the Hi-DPI Web
ddemaree
273
32k
Learning to Love Humans: Emotional Interface Design
aarron
262
38k
Bash Introduction
62gerente
600
210k
No one is an island. Learnings from fostering a developers community.
thoeni
11
1.5k
The Invisible Side of Design
smashingmag
292
48k
The World Runs on Bad Software
bkeepers
PRO
59
5.6k

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. ご清聴ありがとうございました