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
takanorip
January 23, 2024
Design
5
2.1k
社内管理画面のデザインもプロダクトデザイン
takanorip
January 23, 2024
Tweet
Share
More Decks by takanorip
See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
500
Bulletproof Design System with TypeScript
takanorip
7
4.2k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
170
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
940
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.5k
早わかり W3C Community Group
takanorip
0
510
Ubieとアクセシビリティのこれからを考える
takanorip
0
480
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
4k
Astroで始める爆速個人サイト開発
takanorip
16
12k
Other Decks in Design
See All in Design
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
root COMPANY DECK / We are hiring!
root_recruit
1
24k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
860
役立つシステムを作るためのAI活用
kanzaki
0
100
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
150
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
300
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
500
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.8k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Balancing Empowerment & Direction
lara
4
680
KATA
mclloyd
32
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Fireside Chat
paigeccino
40
3.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
For a Future-Friendly Web
brad_frost
180
9.9k
Agile that works and the tools we love
rasmusluckow
331
21k
Transcript
社内管理画面のデザインも プロダクトデザイン 大木尊紀 / takanorip 2024.01.23, Spectrum Tokyo Meetup #08
大木尊紀 / takanorip Ubie株式会社 デザインエンジニア 元フロントエンドエンジニア、現デザインエンジニア。 症状検索エンジン ユビーの開発やデザインシステム構築、 アクセシビリティ改善などに携わっている。 趣味は筋トレ、料理、ロードバイク、キーボード、特撮。
自己紹介
Zennにて好評発売中!
社内管理画面の おもしろさ
社内管理画面のデザインって退屈? 面白いけど難しい! 必要なスキルが全然違う! データベース、システム理解、情報設計、etc...
何が面白い? 特殊な要件、 複雑なデータ構造、 複雑なオペレーションを デザインで解決する
例(Ubieの社内管理画面) 最大約5時間かかってた 入稿作業を、 1時間で終えられる ようになった
デザインの進め方 課題調査、優先順位付け 実態、既存オペレーションの調査 情報設計、UIデザイン オペレーション担当者のレビュー 実装 g その課題を解決すると誰が嬉しいの g どれくらいの時間が節約できるようになる
g 重大なミスの原因になりうるか g どんなオペレーションが行われていて、 どのように解決できると良いのかを調査する
デザインの進め方 実態の把握と解決したい方向性の 認識合わせが重要! 「役割Aの人はこうしたいけど、役割Bのひとは 別のことがしたい」みたいなのはあるある
「画面」から飛び出る
オペレーションデザイン 管理画面をデザインすることは、 ということ 業務オペレーションをデザインする ゼロベースでオペレーションをデザインする
管理画面デザインは ポテンシャルの塊
プロダクトは管理画面が担っている 管理画面を改善する → 業務効率が上がってハッピー → プロダクトの品質が上がる → ハッピー
プロダクトは管理画面が担っている 管理画面改善は 下手なプロダクト改善より プロダクトの価値を向上させる 可能性を秘めている!
管理画面デザインに もっと注目してみてね!