Tweet
Tweet

Slide 1

Slide 1 text

業務システムの銀の弾丸？　 メモ機能を考察する UI/UXデザイナーLT会 - vol.6

Slide 2

Slide 2 text

自己紹介 腹筋ローラーの力を信じろ （Twitter: @8845musign） 株式会社イエソド所属 業務システムのUIデザインを中心に、プログラミングや 運用、プロジェクトの進行管理まで、必要なことを必要 なタイミングにいろいろやる人

Slide 3

Slide 3 text

業務システムには「メモ機能」を 求められることがある

Slide 4

Slide 4 text

経費申請システムの申請時に入力可能なメモ 引用元: https://www.teamspirit.com/ja-jp/blog/entry/teamspirit-9.html

Slide 5

Slide 5 text

保存したインポート設定に記入可能なメモ

Slide 6

Slide 6 text

Macのファイル詳細に 入力可能なメモ

Slide 7

Slide 7 text

「メモ」はどういう要求から 設計されるのか?

Slide 8

Slide 8 text

実際の「メモ」の利用例に 焦点を当ててみる

Slide 9

Slide 9 text

メーラーのメモをフル活用した話 お客様からの依頼メールを受け取って、データをシステムへ投入する業務 当時使っていたメーラーでは、メールにメモが追加可能だった メールとメモは全員に共有されていた

Slide 10

Slide 10 text

ユースケース 作業するメールに、自分が担当であることを記載 作業の進捗状況をメモ タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ

Slide 11

Slide 11 text

ユースケース 作業するメールに、自分が担当であることを記載 → アサイン管理 作業の進捗状況をメモ タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ

Slide 12

Slide 12 text

ユースケース 作業するメールに、自分が担当であることを記載 → アサイン管理 作業の進捗状況をメモ → 個々ののTODO管理、作業ログ タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ

Slide 13

Slide 13 text

ユースケース 作業するメールに、自分が担当であることを記載 → アサイン管理 作業の進捗状況をメモ → 個々ののTODO管理 タスクがどこまで完了したか お客様とのやりとりステータス 完了をメモ → 全体のTODO管理

Slide 14

Slide 14 text

創意工夫によってさまざまなケースで メモは それなりに機能する

Slide 15

Slide 15 text

それぞれ専用のツールを導入/開発した方がより 効率化できるのでは？

Slide 16

Slide 16 text

それは確かに正論ですが メールを起点にタスクが回るのであれば、メール自体に情報を付与したい 横断的にツールを行き来するめんどくささ 細かい生産性を上げるための予算は降りなかった 明日から業務を改善したいのに、ツール選定/開発に時間をかていられない

Slide 17

Slide 17 text

最近のヒアリング(情シスの方)

Slide 18

Slide 18 text

ツールは何かを保存し名前をつけることができる ただし、名前や設定から、「なぜそれが生まれたのか？なぜ存在するのか？」を推察す ることが難しい １人で業務をやるのであるのなら良いが 行間を埋めるために、wikiやスプレッドシートでの情報管理が始まる （腹筋の心の声: またスプシーくんかよ……ウンザリ。でもスプシーくんは我々プロダク トの足りない部分を引き受けて頑張ってくれてるんだよな。ごめんな。でも嫌い。） またはSlack上で質問のやりとりが行われ、流れる なのでメモが欲しい

Slide 19

Slide 19 text

現場に隠れた、ツールでは解決しきれていない コミュニケーション課題をメモは解決するかも

Slide 20

Slide 20 text

結論: メモとはなんなのか？ 抽象的なツール 抽象化された要求 抽象的なユースケース 抽象的なデータ構造

Slide 21

Slide 21 text

ユースケースだけからはメモは生まれない 個人の体験をデザインしてコントロールしてやろう、ということは可能なのだろうか 作られたユーザー像と現実のギャップは確実にある 明確に定義をすればするほど、玉虫色の部分は失われる 具体から抽象に進んで、遊びを持たせることはデザインにおいて重要 塩梅が難しいが

Slide 22

Slide 22 text

ユーザーに自由を開放する 初期の設計から、あらゆる要求・ユースケースを想像しきることは不可能 ユーザーを自由に「遊ばせる」 その遊びから次の解が見えてくるかもしれない

Slide 23

Slide 23 text

ユースケースを狭めるシグニファイア的な発想から、アフ ォーダンスつまり可能性のデザインへ シグニファイア→これはこう使ってください 可能性→これはAもBもCも（工夫次第で）できますよ それどころか、あなたが変われば（スキルが高まる or 別のツールと組み合わせる） もっとできることが増えますよ

Slide 24

Slide 24 text

メモ機能ってそういうもんですよね（多分）

Slide 25

Slide 25 text

（おまけ1）「業務システムだから」XXXはホント？ そんなわけはない。前提条件で全部変わる 例: 業務システムは毎日使うもの。ユーザーは慣れる 担当が退職して溜まった知見が消えたり システムの利用がつらくて退職されることも…… 月一しか使わない、経費生産システムありますよね 都度ユーザーと向き合ったが良い この発表はタイトル詐欺

Slide 26

Slide 26 text

（おまけ2）メモは銀の弾丸か？ そんなことはない むしろ免罪符になる 「メモで十分だら改善しなくてOK」 運用と共に、カオスとなることもある 何かしらの記載ルールが決まったメモ。読み解くためのマニュアルが必要 ex. 日付の記載がない、この古いメモは今も有効なのか？

Slide 27

Slide 27 text

（おまけ2）メモは銀の弾丸か？ ある段階で、機能の切り出しは必要 私たちは、メモという抽象から具体に揺り戻しをしなくてはならい この抽象と具体のループによって、システムは磨かれるのでは メモはそのきっかけになるという点で、メモ機能はデザインのための道具でもある

Slide 28

Slide 28 text

宣伝 最高のCSS本を翻訳しました 弊社ではエンジニアを募集しています

Slide 29

Slide 29 text

Every Layout モジュラーなレスポンシブデザインを実現するCSS 設計論

Slide 30

Slide 30 text

株式会社YESODではエンジニ アを募集しています！ SaaSを通して、全ての働く人が行き来き自 由に働けるサンドボックスを作ることを目 指しています KotlinもしくはTypeScriptをかける方募集中 です 各種採用媒体で募集中です。もしくはDM頂 けますと

Slide 31

Slide 31 text

ご清聴 ありがとうございました