$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
社内管理画面のデザインもプロダクトデザイン
Search
takanorip
January 23, 2024
Design
4
1.6k
社内管理画面のデザインもプロダクトデザイン
takanorip
January 23, 2024
Tweet
Share
More Decks by takanorip
See All by takanorip
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
700
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.3k
早わかり W3C Community Group
takanorip
0
420
Ubieとアクセシビリティのこれからを考える
takanorip
0
400
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.7k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
デザインシステム運用とOKRの良い関係
takanorip
0
2k
ユビーのペイシェントジャーニーを支えるデザインシステム構築
takanorip
0
280
Other Decks in Design
See All in Design
Rayout Pattern 01
one0
0
330
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
250
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.4k
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.2k
portfolio
amitnk
1
150
最速[要出典]アクセシビリティチェック
magi1125
2
120
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
340
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
390
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
420
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
220
Personal Story Sequence - Vendetta(WIP)
elrns88
0
310
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
328
21k
Site-Speed That Sticks
csswizardry
1
150
Code Review Best Practice
trishagee
64
17k
How to Think Like a Performance Engineer
csswizardry
21
1.2k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Docker and Python
trallard
41
3.1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
1
120
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
What's in a price? How to price your products and services
michaelherold
243
12k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
社内管理画面のデザインも プロダクトデザイン 大木尊紀 / takanorip 2024.01.23, Spectrum Tokyo Meetup #08
大木尊紀 / takanorip Ubie株式会社 デザインエンジニア 元フロントエンドエンジニア、現デザインエンジニア。 症状検索エンジン ユビーの開発やデザインシステム構築、 アクセシビリティ改善などに携わっている。 趣味は筋トレ、料理、ロードバイク、キーボード、特撮。
自己紹介
Zennにて好評発売中!
社内管理画面の おもしろさ
社内管理画面のデザインって退屈? 面白いけど難しい! 必要なスキルが全然違う! データベース、システム理解、情報設計、etc...
何が面白い? 特殊な要件、 複雑なデータ構造、 複雑なオペレーションを デザインで解決する
例(Ubieの社内管理画面) 最大約5時間かかってた 入稿作業を、 1時間で終えられる ようになった
デザインの進め方 課題調査、優先順位付け 実態、既存オペレーションの調査 情報設計、UIデザイン オペレーション担当者のレビュー 実装 g その課題を解決すると誰が嬉しいの g どれくらいの時間が節約できるようになる
g 重大なミスの原因になりうるか g どんなオペレーションが行われていて、 どのように解決できると良いのかを調査する
デザインの進め方 実態の把握と解決したい方向性の 認識合わせが重要! 「役割Aの人はこうしたいけど、役割Bのひとは 別のことがしたい」みたいなのはあるある
「画面」から飛び出る
オペレーションデザイン 管理画面をデザインすることは、 ということ 業務オペレーションをデザインする ゼロベースでオペレーションをデザインする
管理画面デザインは ポテンシャルの塊
プロダクトは管理画面が担っている 管理画面を改善する → 業務効率が上がってハッピー → プロダクトの品質が上がる → ハッピー
プロダクトは管理画面が担っている 管理画面改善は 下手なプロダクト改善より プロダクトの価値を向上させる 可能性を秘めている!
管理画面デザインに もっと注目してみてね!