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
590
Other Decks in Design
See All in Design
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
710
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
PRO
0
170
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
3k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.2k
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.3k
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
210
Findyのプロデチームの 歩みとこれから
satty9556
0
320
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
590
高卒公務員から Webデザイナーになるまで
kinomidesign
0
120
maki setoguchi
maki_setoguchi
0
520
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
520
Correspondence:共に生成していく過程
akiramotomura
0
110
Featured
See All Featured
Building an army of robots
kneath
305
46k
A better future with KSS
kneath
239
18k
GitHub's CSS Performance
jonrohan
1032
470k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
What's in a price? How to price your products and services
michaelherold
246
12k
Code Review Best Practice
trishagee
72
19k
Bash Introduction
62gerente
615
210k
Statistics for Hackers
jakevdp
799
220k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
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 グラフィックデザイン力の向上
ご清聴ありがとうございました