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
410
UIを完全に理解して、 プロダクトをチョット良くする
Ushijima Kazuto
October 25, 2022
Tweet
Share
More Decks by Ushijima Kazuto
See All by Ushijima Kazuto
アウトプット > インプットを目指そうという話
tojimasan
0
290
Clean Architecture完全に理解したを目指す本
tojimasan
0
490
GitHub入門スライド
tojimasan
0
430
Other Decks in Design
See All in Design
Dreamia
elsh
0
130
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
850
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
4
3.6k
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
3
890
AIイラスト生成・編集テクニック紹介
piyo7
2
210
RIDLEY JONES - Ridley's Christmas Carol
serenascipio
1
150
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス_.pdf
shuzo
11
2.2k
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
180
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
3
830
Information Architects: The Missing Link in Design Systems
soysaucechin
0
250
富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf
keita_yoshikawa
1
120
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
510
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
Thoughts on Productivity
jonyablonski
66
4.2k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Designing for humans not robots
tammielis
248
25k
The Power of CSS Pseudo Elements
geoffreycrofte
71
5.2k
Ruby is Unlike a Banana
tanoku
96
11k
KATA
mclloyd
27
13k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
A better future with KSS
kneath
235
17k
Writing Fast Ruby
sferik
623
60k
Unsuck your backbone
ammeep
667
57k
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 グラフィックデザイン力の向上
ご清聴ありがとうございました