Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
社内管理画面のデザインもプロダクトデザイン
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
takanorip
January 23, 2024
Design
2.4k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
社内管理画面のデザインもプロダクトデザイン
takanorip
January 23, 2024
More Decks by takanorip
See All by takanorip
今さら理解するウェブフォントver.2026
takanorip
3
1.1k
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
6.5k
「見せる」登壇資料デザインの極意
takanorip
7
1.9k
Design System Documentation Tooling 2025
takanorip
3
3.2k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1.4k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
930
Bulletproof Design System with TypeScript
takanorip
7
5.5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
330
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.2k
Other Decks in Design
See All in Design
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
850
Jun Wei Portfolio 2026
wjw100788
PRO
1
400
UNION TEC GROUP | 2026' Project Portfolio
uniontec2000
0
110
デザイン組織の広報が、AIを_社内外に広げる_ためにやってきたこと
mixi_design
PRO
0
140
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.9k
ポートフォリオ_あやの
ngyenmazt1412
0
2k
The decksh tutorial
ajstarks
1
120
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
840
設計の進め方と 品質特性品質特性
harakeishi
0
1.4k
Webブラウザで動く VJツールをつくる
akirafukuoka
0
130
Jun Wei | Information Design & Presentation Portfolio
wjw100788
PRO
0
190
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.6k
Featured
See All Featured
Google's AI Overviews - The New Search
badams
0
1.6k
Music & Morning Musume
bryan
48
7.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
340
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
540
The Language of Interfaces
destraynor
162
27k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
1
290
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
570
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
560
Between Models and Reality
mayunak
4
530
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
The Curse of the Amulet
leimatthew05
3
16k
Transcript
社内管理画面のデザインも プロダクトデザイン 大木尊紀 / takanorip 2024.01.23, Spectrum Tokyo Meetup #08
大木尊紀 / takanorip Ubie株式会社 デザインエンジニア 元フロントエンドエンジニア、現デザインエンジニア。 症状検索エンジン ユビーの開発やデザインシステム構築、 アクセシビリティ改善などに携わっている。 趣味は筋トレ、料理、ロードバイク、キーボード、特撮。
自己紹介
Zennにて好評発売中!
社内管理画面の おもしろさ
社内管理画面のデザインって退屈? 面白いけど難しい! 必要なスキルが全然違う! データベース、システム理解、情報設計、etc...
何が面白い? 特殊な要件、 複雑なデータ構造、 複雑なオペレーションを デザインで解決する
例(Ubieの社内管理画面) 最大約5時間かかってた 入稿作業を、 1時間で終えられる ようになった
デザインの進め方 課題調査、優先順位付け 実態、既存オペレーションの調査 情報設計、UIデザイン オペレーション担当者のレビュー 実装 g その課題を解決すると誰が嬉しいの g どれくらいの時間が節約できるようになる
g 重大なミスの原因になりうるか g どんなオペレーションが行われていて、 どのように解決できると良いのかを調査する
デザインの進め方 実態の把握と解決したい方向性の 認識合わせが重要! 「役割Aの人はこうしたいけど、役割Bのひとは 別のことがしたい」みたいなのはあるある
「画面」から飛び出る
オペレーションデザイン 管理画面をデザインすることは、 ということ 業務オペレーションをデザインする ゼロベースでオペレーションをデザインする
管理画面デザインは ポテンシャルの塊
プロダクトは管理画面が担っている 管理画面を改善する → 業務効率が上がってハッピー → プロダクトの品質が上がる → ハッピー
プロダクトは管理画面が担っている 管理画面改善は 下手なプロダクト改善より プロダクトの価値を向上させる 可能性を秘めている!
管理画面デザインに もっと注目してみてね!