![見出し画像](https://assets.st-note.com/production/uploads/images/79274007/rectangle_large_type_2_eb2d743c822393500057f61784eebdaa.png?width=1200)
自社プロダクトを触って気づきを得る「Dogfooding」のススメ
こんにちは、AI inside UX/UI DesignチームのYoneyamaです。
今回デザインチーム、そして社内の開発チームと協力して、弊社のノーコードAI開発・運用ツールであるLearning Center を使って開発・運用したAIモデルとオンラインコミュニケーションツールを掛け合わせた簡単なプロトタイプを作成してみました。
ハートマークで「いいね」したり・・・
![](https://assets.st-note.com/production/uploads/images/79274051/picture_pc_77a13cb6675a9061d87b5d21af32bf71.gif?width=1200)
指名してもらえるまで挙手マークで画面を埋め尽くしたり・・・
![](https://assets.st-note.com/production/uploads/images/79274830/picture_pc_7f5e197cbd35e2a0a123e0d86fe2d85e.gif?width=1200)
ボタンを押すのも面倒な時にマイクをオフにしたり・・・
![](https://assets.st-note.com/production/uploads/images/79274835/picture_pc_8a2ec4452dbab40ec2b3493279b2ef1f.gif?width=1200)
などなど、Learning Center で作成した画像検知モデルを活用してお遊び機能を追加してみました。まだ発展途中ですがほぼ1月強ほどでコンセプトからアウトプットまで漕ぎ着けました。何でデザインチームがこんな活動したの?今回はその紹介をさせてもらおうと思います。
活動のきっかけ
当社では、2021年4月にLearning Center をMVPプロダクトとしてリリースしています。コンセプトは、「AIエンジニアリングの専門知識がない方でも、AIモデルを開発し運用することができる」というところ。私自身もデザイナーとしてプロダクト開発に携わってきました。
Learning Center を利用するユーザ像は〜、課題を〜、プロダクトの価値は〜、などなど色んな仮説を探索、ディスカッションしながらデザイン・開発を進めてきました。そんな活動自体は楽しいのですが、何かが足りないなあ〜、そんなもやもやも実は残っていました。
そんな中、1月にDesign TeamでオフサイトMTGが行われます。(定期的にデザインチームではコミュニケーションの活性化を図り、さまざまな活動を行っています。)
![](https://assets.st-note.com/img/1653457142872-moAyZtRmpD.png?width=1200)
その中で私たち自身が「え、すごい、こんなことできちゃうのこのプロダクト・・・ブルブル」というプロダクトを使って感動した「原体験」が足りていないことに気づきました。
自社製品・サービスを社員が日常的に利用し改善に役立てること、あるいは正式リリースの前の製品・サービスを社内テストで利用する「Dogfooding」という考え方がありますが、 Projectとして多くの発見や気づきがユーザ目線で取れるだろうということで具体的に進めることになり、早速デザインチーム内で「Learning Center Dogfooding」プロジェクトを発足させました。
活動の大まかな流れはこんなかたち。
1. アイデア出し
2. アノテーション素材画像の収集
3. AIモデル作成
4. オンラインMTGツール連携
1: アイデア出し
まずはデザインチームの中で、どんなことができると楽しいかな〜からアイデアを発散させていきました。デザインチーム以外の会社メンバーも日常的に使用するツールの方が印象に残るのではないか、というところから「特定のポーズでオンライン上の操作やマークを表示したい」というアイデアに集約していきました。
![](https://assets.st-note.com/img/1653457222349-qaJ3mjfDm9.png?width=1200)
![](https://assets.st-note.com/img/1653457208424-zNPWZqwv6H.png?width=1200)
2: アノテーション素材画像の収集 & 3: AIモデル作成
素材画像はTeachable Machineを使って必要な枚数を一気に集めました。(リンク)
そしてアノテーションの形式を設定した上で、各メンバーが集めた画像をLearning Center にアップロードしアノテーション作業を行ってもらいました。
![](https://assets.st-note.com/img/1653479685936-d8frYfKvqR.png?width=1200)
![](https://assets.st-note.com/img/1653457301218-v0tvRBEbof.png?width=1200)
ポーズがうまく取れなくて強面になっちゃったCommunication DesignerのJonoさん(普段とっても良い人)や、
![](https://assets.st-note.com/img/1653457318118-ZSCuCqh64X.png?width=1200)
石川県のリモートワーク先からアノテーション作業をしてくれたUX/UI Design UnitのGrahamさん、
![](https://assets.st-note.com/img/1653457333917-TZhsjs5yJX.png?width=1200)
ご家族総出で素材画像からアノテーションまで頑張ってくれたCXO保坂さんなどなど、デザインチームの皆さんの協力で・・・
![](https://assets.st-note.com/img/1653457356848-o0ybMBAbeU.png?width=1200)
![](https://assets.st-note.com/img/1653457424005-2RBabZR4VI.png?width=1200)
高いテストパフォーマンスのモデルが出来上がりました!
テスト検知の結果も上々です!
![](https://assets.st-note.com/img/1653457449300-RteD9va1iB.png?width=1200)
4: オンラインMTGツール連携
ここからは実装ですが、デザインチームだけでは手が余る部分もあったので、Learning Center の開発チームの皆さんにも協力いただきながら進めました。
それぞれのアノテーションモデルに対して特定のアクションが起きるよう紐づけて実装を行いました。ぼんやりとこんなことしたい、あんなことしたいといったデザインチームからの要望を噛み砕き形にしてくださいました、ありがとうございます!
![](https://assets.st-note.com/img/1653457458495-Uc4lEOyIGE.png?width=1200)
今回協力くださったLearning Center 開発チームのリーダー、Iwasakiさん。
ノリノリです。
さいごに
画像認識AIモデルの作成からオンラインMTGツールとの連携まで業務の合間をぬいながらもおおよそ1月強で行うことができました。
普段Learning Centerに触れていなかった他プロダクトのデザインメンバーなどにも参加してもらったことで普段自分では気づくことのできないこともたくさんありました。
学んだこと
・まだまだプロダクト上に一般的には伝わらない用語が結構並んでいる。
・一部フローとしてユーザを乗せられていない部分がある。
・工数かかってしまうので協力をお願いしづらいかも、と心配していたメンバーもいたがむしろ普段の業務よりノリノリだった(普段ちゃんと皆さん仕事しています)。
・新たにやってみたいことが増えた(結構だいじ)。
これからの活動としてやってみたいこと
・更なるアプリのアップデート。
・部門を超えたメンバーも巻き込んだDogfoodingプロジェクト。
・ドッグフーディングプロジェクトの成果を体験できるAI inside イノベーションラボ。
AI inside、そしてLearning Center 開発チームの良さはビジネス・開発・デザインチームのコミュニケーションの厚さ、そして今回のDogfooding Projectでもあるように新しい取り組みに対しても前向きに楽しみながら進めていけることです。
Learning Center はまだまだこれから機能拡充やUX向上に向けて絶賛進行中です。
まだまだ仲間が足りていないので、是非お力貸していただけるという方、カジュアル面談からでも結構ですので是非ご連絡ください!