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
8845musign
February 22, 2022
Design
380
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
業務システムの銀の弾丸? メモ機能を考察する
UI/UXデザイナーLT会 - vol.6
https://rakus.connpass.com/event/235515/
8845musign
February 22, 2022
Transcript
31 slides
業務システムの銀の弾丸? メモ機能を考察する UI/UXデザイナーLT会 - vol.6
自己紹介 腹筋ローラーの力を信じろ (Twitter: @8845musign) 株式会社イエソド所属 業務システムのUIデザインを中心に、プログラミングや 運用、プロジェクトの進行管理まで、必要なことを必要 なタイミングにいろいろやる人
業務システムには「メモ機能」を 求められることがある
経費申請システムの申請時に入力可能なメモ 引用元: https://www.teamspirit.com/ja-jp/blog/entry/teamspirit-9.html
保存したインポート設定に記入可能なメモ
Macのファイル詳細に 入力可能なメモ
「メモ」はどういう要求から 設計されるのか?
実際の「メモ」の利用例に 焦点を当ててみる
メーラーのメモをフル活用した話 お客様からの依頼メールを受け取って、データをシステムへ投入する業務 当時使っていたメーラーでは、メールにメモが追加可能だった メールとメモは全員に共有されていた
ユースケース 作業するメールに、自分が担当であることを記載 作業の進捗状況をメモ タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ
ユースケース 作業するメールに、自分が担当であることを記載 → アサイン管理 作業の進捗状況をメモ タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ
ユースケース 作業するメールに、自分が担当であることを記載 → アサイン管理 作業の進捗状況をメモ → 個々ののTODO管理、作業ログ タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ
ユースケース 作業するメールに、自分が担当であることを記載 → アサイン管理 作業の進捗状況をメモ → 個々ののTODO管理 タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ
→ 全体のTODO管理
創意工夫によってさまざまなケースで メモは それなりに機能する
それぞれ専用のツールを導入/開発した方がより 効率化できるのでは?
それは確かに正論ですが メールを起点にタスクが回るのであれば、メール自体に情報を付与したい 横断的にツールを行き来するめんどくささ 細かい生産性を上げるための予算は降りなかった 明日から業務を改善したいのに、ツール選定/開発に時間をかていられない
最近のヒアリング(情シスの方)
ツールは何かを保存し名前をつけることができる ただし、名前や設定から、「なぜそれが生まれたのか?なぜ存在するのか?」を推察す ることが難しい 1人で業務をやるのであるのなら良いが 行間を埋めるために、wikiやスプレッドシートでの情報管理が始まる (腹筋の心の声: またスプシーくんかよ……ウンザリ。でもスプシーくんは我々プロダク トの足りない部分を引き受けて頑張ってくれてるんだよな。ごめんな。でも嫌い。) またはSlack上で質問のやりとりが行われ、流れる なのでメモが欲しい
現場に隠れた、ツールでは解決しきれていない コミュニケーション課題をメモは解決するかも
結論: メモとはなんなのか? 抽象的なツール 抽象化された要求 抽象的なユースケース 抽象的なデータ構造
ユースケースだけからはメモは生まれない 個人の体験をデザインしてコントロールしてやろう、ということは可能なのだろうか 作られたユーザー像と現実のギャップは確実にある 明確に定義をすればするほど、玉虫色の部分は失われる 具体から抽象に進んで、遊びを持たせることはデザインにおいて重要 塩梅が難しいが
ユーザーに自由を開放する 初期の設計から、あらゆる要求・ユースケースを想像しきることは不可能 ユーザーを自由に「遊ばせる」 その遊びから次の解が見えてくるかもしれない
ユースケースを狭めるシグニファイア的な発想から、アフ ォーダンスつまり可能性のデザインへ シグニファイア→これはこう使ってください 可能性→これはAもBもCも(工夫次第で)できますよ それどころか、あなたが変われば(スキルが高まる or 別のツールと組み合わせる) もっとできることが増えますよ
メモ機能ってそういうもんですよね(多分)
(おまけ1)「業務システムだから」XXXはホント? そんなわけはない。前提条件で全部変わる 例: 業務システムは毎日使うもの。ユーザーは慣れる 担当が退職して溜まった知見が消えたり システムの利用がつらくて退職されることも…… 月一しか使わない、経費生産システムありますよね 都度ユーザーと向き合ったが良い この発表はタイトル詐欺
(おまけ2)メモは銀の弾丸か? そんなことはない むしろ免罪符になる 「メモで十分だら改善しなくてOK」 運用と共に、カオスとなることもある 何かしらの記載ルールが決まったメモ。読み解くためのマニュアルが必要 ex. 日付の記載がない、この古いメモは今も有効なのか?
(おまけ2)メモは銀の弾丸か? ある段階で、機能の切り出しは必要 私たちは、メモという抽象から具体に揺り戻しをしなくてはならい この抽象と具体のループによって、システムは磨かれるのでは メモはそのきっかけになるという点で、メモ機能はデザインのための道具でもある
宣伝 最高のCSS本を翻訳しました 弊社ではエンジニアを募集しています
Every Layout モジュラーなレスポンシブデザインを実現するCSS 設計論
株式会社YESODではエンジニ アを募集しています! SaaSを通して、全ての働く人が行き来き自 由に働けるサンドボックスを作ることを目 指しています KotlinもしくはTypeScriptをかける方募集中 です 各種採用媒体で募集中です。もしくはDM頂 けますと
ご清聴 ありがとうございました
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.5k
業務システムに必要なアクセシビリティ
8845musign
1
1.2k
業務システム狂詩曲
8845musign
4
2.3k
READING The Atomic Workflow
8845musign
3
830
いまさら styled components 入門した
8845musign
3
980
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.9k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.3k
感性デザインとは?
8845musign
4
2.1k
○DD駆動開発
8845musign
1
190
Other Decks in Design
See All in Design
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
1k
デザなに#1「問いのデザイン」の紹介LT
garyuten
0
190
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
6.6k
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
210
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
160k
Jun Wei Portfolio 2026
wjw100788
PRO
1
460
分裂するデザイン、取り残される空間—インクルーシブデザインスタジオが建築をやる理由
culumu
0
190
凡庸を落とすハーネス
hiromimaeo
2
1.1k
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
7.4k
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
sugi2000
0
160
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
570
Webブラウザで動く VJツールをつくる
akirafukuoka
0
140
Featured
See All Featured
Making Projects Easy
brettharned
120
6.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
Music & Morning Musume
bryan
48
7.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
350
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
560
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.9k
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.7k