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
社内管理画面のデザインもプロダクトデザイン
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
takanorip
January 23, 2024
Design
2.3k
5
Share
社内管理画面のデザインもプロダクトデザイン
takanorip
January 23, 2024
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
3
960
Design System Documentation Tooling 2025
takanorip
3
2.7k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1.1k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
760
Bulletproof Design System with TypeScript
takanorip
7
5.1k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
290
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
早わかり W3C Community Group
takanorip
0
600
Other Decks in Design
See All in Design
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
550
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
160
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.5k
AI時代に必要な アイデアの形
uxman
0
190
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
140
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
450
なぜ、インサイトを貯めるのか?
tajima_kaho
2
2k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.7k
ISO 9241-171:2025っていうのがあってな
shosira
1
170
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
250
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
350
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
130
Featured
See All Featured
How to Talk to Developers About Accessibility
jct
2
220
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
520
Music & Morning Musume
bryan
47
7.2k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
160
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
930
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
140
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
A Tale of Four Properties
chriscoyier
163
24k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
350
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
280
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
54k
Transcript
社内管理画面のデザインも プロダクトデザイン 大木尊紀 / takanorip 2024.01.23, Spectrum Tokyo Meetup #08
大木尊紀 / takanorip Ubie株式会社 デザインエンジニア 元フロントエンドエンジニア、現デザインエンジニア。 症状検索エンジン ユビーの開発やデザインシステム構築、 アクセシビリティ改善などに携わっている。 趣味は筋トレ、料理、ロードバイク、キーボード、特撮。
自己紹介
Zennにて好評発売中!
社内管理画面の おもしろさ
社内管理画面のデザインって退屈? 面白いけど難しい! 必要なスキルが全然違う! データベース、システム理解、情報設計、etc...
何が面白い? 特殊な要件、 複雑なデータ構造、 複雑なオペレーションを デザインで解決する
例(Ubieの社内管理画面) 最大約5時間かかってた 入稿作業を、 1時間で終えられる ようになった
デザインの進め方 課題調査、優先順位付け 実態、既存オペレーションの調査 情報設計、UIデザイン オペレーション担当者のレビュー 実装 g その課題を解決すると誰が嬉しいの g どれくらいの時間が節約できるようになる
g 重大なミスの原因になりうるか g どんなオペレーションが行われていて、 どのように解決できると良いのかを調査する
デザインの進め方 実態の把握と解決したい方向性の 認識合わせが重要! 「役割Aの人はこうしたいけど、役割Bのひとは 別のことがしたい」みたいなのはあるある
「画面」から飛び出る
オペレーションデザイン 管理画面をデザインすることは、 ということ 業務オペレーションをデザインする ゼロベースでオペレーションをデザインする
管理画面デザインは ポテンシャルの塊
プロダクトは管理画面が担っている 管理画面を改善する → 業務効率が上がってハッピー → プロダクトの品質が上がる → ハッピー
プロダクトは管理画面が担っている 管理画面改善は 下手なプロダクト改善より プロダクトの価値を向上させる 可能性を秘めている!
管理画面デザインに もっと注目してみてね!