Qualityの紹介動画｜フィードバックツール
作業中の画面のどこでもクリックしてコメントを残せるフィードバックの仕組みです。
FablessBridgeによる自主制作の紹介動画
概要
チームとAIエージェントのためのフィードバックツール「Quality」の30秒の紹介動画です。チャットで迷子になるスクリーンショットと再現できないバグが、画面に留めたコメントと再生付きのスレッドで片付く流れを描いています。
動画の要点
- チャットに貼ったスクリーンショットではどのボタンか伝わらない困りごとに、同じ画面の正確な場所へピンを立ててコメントする様子で答えました。
- エージェントにバグを何度も説明し直す場面を、再生とログ付きのスレッドを読んだエージェントが修正まで進める流れに変えました。
- 長い説明が短い一言の依頼で済むようになる変化を、同じエージェントの入力欄で比べて見せました。
動画の流れ
- 00:00ロゴと「The feedback layer for teams and agents.」が出て、仲間の色付きカーソルが寄ってきます。
- 00:02デザイナーと開発者、AIエージェントの3つのカーソルが、白い検証用サイトの請求書画面の上を動きます。
- 00:04チャットに赤丸を付けたスクリーンショットが貼られ、どのボタンかどのページかと聞き返されて未読が増えます。
- 00:07エージェントへのあいまいな説明に、再現の手順やページを聞き返されます。
- 00:11月曜から金曜まで未解決のスレッドが増え、リリースが延びます。
- 00:13ロゴと「Feedback right where it happens.」が現れ、輪が広がります。
- 00:15同じサイトで「+ New」を押して場所にピンを立て、コメントを送ると再生が付き、開発者に通知が届きます。
- 00:20スレッドと再生、Actions、Network、Consoleのログが並び、エージェントに直すよう一言頼むとスレッドを読んで修正し、解決済みになります。
- 00:25「Zero lines of code.」の文字とともに、SDKが要らずブラウザ拡張で始められることを示します。
- 00:27「Build with Quality.」とロゴ、usequality.appで締めます。