Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
UIを完全に理解して、 プロダクトをチョット良くする
Search
Ushijima Kazuto
October 25, 2022
Design
1
520
UIを完全に理解して、 プロダクトをチョット良くする
Ushijima Kazuto
October 25, 2022
Tweet
Share
More Decks by Ushijima Kazuto
See All by Ushijima Kazuto
アウトプット > インプットを目指そうという話
tojimasan
0
320
Clean Architecture完全に理解したを目指す本
tojimasan
0
540
GitHub入門スライド
tojimasan
0
580
Other Decks in Design
See All in Design
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
650
minpaku-community-scrum-patterns
norinity1103
1
460
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
500
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
130
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
1
540
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
850
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
680
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.8k
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.5k
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
220
Featured
See All Featured
Side Projects
sachag
455
43k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Speed Design
sergeychernyshev
32
1.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
What's in a price? How to price your products and services
michaelherold
246
12k
GitHub's CSS Performance
jonrohan
1032
470k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
970
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Transcript
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 グラフィックデザイン力の向上
ご清聴ありがとうございました