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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
takanorip
January 23, 2024
Design
2.2k
5
Share
社内管理画面のデザインもプロダクトデザイン
takanorip
January 23, 2024
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
3
710
Design System Documentation Tooling 2025
takanorip
3
2.5k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
700
Bulletproof Design System with TypeScript
takanorip
7
4.9k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
270
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
早わかり W3C Community Group
takanorip
0
580
Other Decks in Design
See All in Design
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
240
decksh object reference
ajstarks
2
1.5k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
340
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
130
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
720
mount_company_profile
mount_inc
0
5.9k
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
210
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
340
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.9k
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
160
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
root COMPANY DECK / We are hiring!
root_recruit
2
27k
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
140
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
260
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
150
Designing Experiences People Love
moore
143
24k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
320
Navigating Weather and Climate Data
rabernat
0
160
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
340
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
420
Visualization
eitanlees
150
17k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
350
Transcript
社内管理画面のデザインも プロダクトデザイン 大木尊紀 / takanorip 2024.01.23, Spectrum Tokyo Meetup #08
大木尊紀 / takanorip Ubie株式会社 デザインエンジニア 元フロントエンドエンジニア、現デザインエンジニア。 症状検索エンジン ユビーの開発やデザインシステム構築、 アクセシビリティ改善などに携わっている。 趣味は筋トレ、料理、ロードバイク、キーボード、特撮。
自己紹介
Zennにて好評発売中!
社内管理画面の おもしろさ
社内管理画面のデザインって退屈? 面白いけど難しい! 必要なスキルが全然違う! データベース、システム理解、情報設計、etc...
何が面白い? 特殊な要件、 複雑なデータ構造、 複雑なオペレーションを デザインで解決する
例(Ubieの社内管理画面) 最大約5時間かかってた 入稿作業を、 1時間で終えられる ようになった
デザインの進め方 課題調査、優先順位付け 実態、既存オペレーションの調査 情報設計、UIデザイン オペレーション担当者のレビュー 実装 g その課題を解決すると誰が嬉しいの g どれくらいの時間が節約できるようになる
g 重大なミスの原因になりうるか g どんなオペレーションが行われていて、 どのように解決できると良いのかを調査する
デザインの進め方 実態の把握と解決したい方向性の 認識合わせが重要! 「役割Aの人はこうしたいけど、役割Bのひとは 別のことがしたい」みたいなのはあるある
「画面」から飛び出る
オペレーションデザイン 管理画面をデザインすることは、 ということ 業務オペレーションをデザインする ゼロベースでオペレーションをデザインする
管理画面デザインは ポテンシャルの塊
プロダクトは管理画面が担っている 管理画面を改善する → 業務効率が上がってハッピー → プロダクトの品質が上がる → ハッピー
プロダクトは管理画面が担っている 管理画面改善は 下手なプロダクト改善より プロダクトの価値を向上させる 可能性を秘めている!
管理画面デザインに もっと注目してみてね!