A B O U T敵か?味方か?表計算ソフトとの付き合い方
View Slide
2自己紹介- 小倉 拳(Ken Ogura)- キャディ歴3年- 生産管理系プロダクトのFEエンジニア- React/Next.js/GraphQL/NestJS- 趣味:YouTuber
目次3● CADDiの受発注事業概要● 事例1:パートナー・ポータルを普及させたい● 事例2:社内OPSを標準化したい
CADDiの受発注事業
CADDiの受発注事業生産管理プロダクト● 見積管理● 受発注管理● 請求書発行● サプライチェーン設計● etc…
CADDiの受発注事業生産管理プロダクト パートナー・ポータル● 見積・受注の管理● 受注した案件の確認● etc…● 見積管理● 受発注管理● 請求書発行● サプライチェーン設計● etc…
CADDiの受発注事業生産管理プロダクト パートナー・ポータル● 見積・受注の管理● 受注した案件の確認● etc…● 見積管理● 受発注管理● 請求書発行● サプライチェーン設計● etc…在庫管理プロダクト● 在庫管理● etc…
CADDiの受発注事業生産管理プロダクト パートナー・ポータル● 見積・受注の管理● 受注した案件の確認● etc…● 見積管理● 受発注管理● 請求書発行● サプライチェーン設計● etc…在庫管理プロダクト● 在庫管理● etc…今日はここの話をします
事例19パートナー・ポータルを普及させたいパートナー・ポータル● 見積・受注の管理● 受注した案件の確認● etc…
パートナーポータル概要10注文見積依頼注文見積依頼見積回答見積回答パートナーポータル: CADDiとパートナー企業とのやり取りを取りまとめるポータルいままでメール・電話・Excel/スプレッドシートのやりとりで対応していた部分を吸収したい。Supply PartnerPartner Portal
パートナーポータルが使ってもらえるまでの壁11Partner Portal注文見積依頼注文見積依頼見積回答見積回答Supply Partner
パートナーポータルが使ってもらえるまでの壁12Partner Portal注文見積依頼注文見積依頼見積回答見積回答Supply Partnerメールのほうが速いぜ!
パートナーポータルが使ってもらえるまでの壁13Partner Portal注文見積依頼注文見積依頼見積回答見積回答Supply Partnerメールのほうが速いぜ!パートナーポータルから見積回答可能でもメール・Excelで回答送信Excelのほうが速いぜ!
解決方法14Partner Portal注文見積依頼注文見積依頼見積回答見積回答Supply Partnerメールのほうが速いぜ!パートナーポータルから見積回答可能でもメール・Excelで回答送信Excelのほうが速いぜ!
解決方法15Partner Portal注文見積依頼注文見積依頼見積回答見積回答Supply Partnerメールのほうが速いぜ!パートナーポータルから見積回答可能でもメール・Excelで回答送信Excelのほうが速いぜ!社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB
解決方法16Partner Portal注文見積依頼注文見積依頼見積回答見積回答Supply Partnerメールのほうが速いぜ!パートナーポータルから見積回答可能でもメール・Excelで回答送信Excelのほうが速いぜ!社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFBExcelより使いやすくなるしかないのか、、、、!?
解決方法詳細①17社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB社内ユーザー「メールで送ったほうが早いぜ!」
解決方法詳細①18- 標準OPSに則ればメールより早いしデータも残る- 過渡期ならではの混乱として冷静に対処- ユーザーが社内のみなので周知喚起が比較的容易- うまくいった社内ユーザーにOPSの標準化を周知徹底数字もとってちゃんとFB社内ユーザー「メールで送ったほうが早いぜ!」
解決方法詳細②19Excelより使いやすくなるしかないのか、、、、!?パートナーさんも、ポータルを使わずに、メール・Excelで回答する。
解決方法詳細②20- 打倒Excel!- しかし、それは工数がかかってしんどい。- デザイナーに相談だ!Excelより使いやすくなるしかないのか、、、、!?パートナーさんも、ポータルを使わずに、メール・Excelで回答する。
解決方法詳細②21デザイナー・PdMとの会話:- 「Excelの完全コピーはしなくて良い」- 「今までの作業フローに慣れている人が使い始めやすいUI/UXにしましょう」- 「Excelのどこが良いのかちゃんとヒアリングしてくる」
解決方法詳細②22デザイナー・PdMとの会話:- 「Excelの完全コピーはしなくて良い」- 「今までの作業フローに慣れている人が使い始めやすいUI/UXにしましょう」- 「Excelのどこが良いのかちゃんとヒアリングしてくる」ヒアリング結果- 「矩形選択、コピペ、Undo/Redoが必要そう」- 「細かいのだとEnter押下で次に移動したり、 Tabでの移動ができたり、Deleteで消えたり...」
「今までの作業フローから乖離させない」を意識▼Before見慣れないUIを学習する必要がある▼After表計算ソフトと同じ操作性有償ライブラリAgGridを使いコピペ等のUIを提供
「今までの作業フローから乖離させない」を意識▼Before見慣れないUIを学習する必要がある▼After表計算ソフトと同じ操作性有償ライブラリAgGridを使いコピペ等のUIを提供変更後:App使用率急増26% → 90%超
解決方法詳細②25- Excelのどこを「使いやすい」と思っているのかをヒアリングして、それをWebAppに移植したExcelより使いやすくなるしかないのか、、、、!?パートナーさんも、ポータルを使わずに、メール・Excelで回答する。
解決方法詳細②26- Excelのどこを「使いやすい」と思っているのかをヒアリングして、それをWebAppに移植した- めでたしめでたし、、、?Excelより使いやすくなるしかないのか、、、、!?パートナーさんも、ポータルを使わずに、メール・Excelで回答する。
パートナーポータルのExcelとの付き合い方 現状27
パートナーポータルのExcelとの付き合い方 現状28Excel形式でUploadできる機能を追加
パートナーポータルのExcelとの付き合い方 現状29パートナーさんのユーザー体験- 見積もり回答したいExcelをDLして- 手元のPCでいじって- UploadするExcel形式でUploadできる機能を追加
パートナーポータルのExcelとの付き合い方 現状30パートナーさんのユーザー体験- 見積もり回答したいExcelをDLして- 手元のPCでいじって- UploadするExcel形式でUploadできる機能を追加
事例1:パートナーポータルを普及させたいまとめ31● 編集のためのリッチなUIはExcelに任せる● ポータルサイトを経由してアップロードされればそれでOK
事例1:パートナーポータルを普及させたいまとめ32● 編集のためのリッチなUIはExcelに任せる● ポータルサイトを経由してアップロードされればそれでOK● 管理画面の目的は管理であり編集ではない
事例233社内OPSを標準化したい生産管理プロダクト● 見積管理● 受発注管理● 請求書発行● サプライチェーン設計● etc…
あらすじ34手動OPSによるPoCが済んだからWebAppで標準化してスケールさせよう※手動OPS:スプレッドシートやExcelを随所で使用
受発注OPS概要図35見積OPS図面見積回答発注見積・発注SupplyChain設計OPS納品検品・在庫管理OPS納品顧客 パートナー町工場
受発注OPS概要図36見積OPS図面見積回答発注見積・発注SupplyChain設計OPS納品検品・在庫管理OPS納品顧客 パートナー町工場ここを一度手動で廻して PoC
受発注OPS概要図37見積OPS図面見積回答発注見積・発注SupplyChain設計Ops納品検品・在庫管理OPS納品顧客 パートナー町工場ここを一度手動で廻してPoCPoCとはいえHeavyなスプレッドシートが生まれてつらい
第一次OPS標準化OPSの脱Excel・スプレッドシートを目指し、一気通貫の受発注管理Appが登場UI上で規模の大きな受発注案件の操作ができて便利!あとからCSVアップロードの機能も追加して、大規模データにも対応!▲某イベントで紹介した受発注管理Appの画面
第二次OPS標準化Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいAppの製作が決定
第二次OPS標準化Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいAppの製作が決定- Q. さてどの順番で作ろう?
第二次OPS標準化Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいAppの製作が決定- Q. さてどの順番で作ろう?- A. ほとんどの画面でCSVアップロード機能を先に実装
第二次OPS標準化Biz要件でのOPSの抜本的な変更が入る。新たなOPSの標準化のために新しいAppの製作が決定- Q. さてどの順番で作ろう?- A. ほとんどの画面でCSVアップロード機能を先に実装理由- その方が動くものが出来上がるのが早いから。- データの受け渡し部分を標準化すれば、カスタマイズ性をもたせながら全体的な標準化を進められる。- ユーザー観点でも移行コストが小さい。
事例2:社内OPSを標準化したいまとめ44● 編集のためのリッチなUIはExcelに任せる● OPSの要所で、決まった形式のデータがAppにアップロードされればそれでOK● 管理画面の目的は管理であり編集ではない
表計算ソフト!これからもよろしく!デザイナー
47お仲間募集中!!!バックエンドエンジニアフロントエンドエンジニアプラットフォームエンジニアエンジニアリングマネージャーテクニカルサポート/TAMアルゴリズムエンジニア機械学習エンジニアMLOpsエンジニアQAエンジニアSaaSエンジニアtwitterアカウント:@CaddiTechもフォローお願いします♪プロダクトデザイナー データエンジニア
48詳細・お申し込みはconnpassのCADDiページへ7/13(木)19:00~ イベント開催のお知らせ