先週、Shutterstock は、Sequence と呼ばれる軽量のブラウザ内ビデオ エディタを公開しました。共有しなかったのは、Sequence をコンセプトから実際の製品にするプロセスです。
Sequence は元々、好きなことに取り組める徹夜イベントの 1 つである会社のハッカソン用に作成したものです。その「私たち」とは、Shutterstock の映像チームのテクニカル リードである Dave Kozma と、映像ユーザー エクスペリエンス デザイナーの Erin McCue です。また、当時 Shutterstock の研究員だった Katie Dreier と、映像取得担当ディレクターの Tom Spota とも協力しました。
構想
ハッカソンの数週間前に、Dave は私たちの頭の中にブラウザー内ビデオ エディターのアイデアを植え付け始めました。一部の Web ブラウザーは、外部ファイルをアップロードせずに操作することをサポートしており、それらの外部ファイルを Shutterstock の膨大なコレクションと組み合わせることができます。
私たちは頻繁に顧客と話をしているので、彼らのワークフローでは、ほとんどの顧客が自分のビデオと Shutterstock クリップをミックスしていることを知っていました。また、クリップをまとめてテストするプロセスがより簡単になる可能性があることもわかっていました。顧客は Shutterstock でオプションを見つけ、好きな各クリップの透かし入りのバージョンを無料でダウンロードし、作業ファイルに 1 つずつプラグインすることで最も気に入ったものを決定していました。
プロトタイプ
まず、ツールで実行したいことのリストを作成し、それがどのように機能するかについていくつかの基本的なアイデアをホワイトボードに書き出しました。そこから、Dave がホワイトボードで作成した基本機能をセットアップし、Katie と私は初期のインターフェイス デザインに取り組みました。 Tom は、従来のエディターがどのように機能するかについてヒントを提供し、視点を提供してくれました。翌日、作成したビデオでコンセプトをデモし、ハッカソンで総合賞を獲得しました（！）.眠れぬ夜を過ごした後、私たちは皆疲れ果てていましたが、お祝いの飲み物をいくつか覚えていると思います.
賞品の 1 つは、Sequence を一般に公開するのに十分なほど洗練するための通常の作業からの時間でした。私は追加したい他の多くの機能の統合に取り組み、いくつかのビジュアルデザインを行いました. Dave は記録的な速さでフロントエンドとバックエンドの両方をコーディングしました.これは、フッテージ チームのプロダクト オーナーである Vivek が関与したときです。 Vivek は、これがビデオの顧客にとって何を意味するかについて非常に興奮しており、多くのアイデアのどれを追求するかの優先順位付けを支援してくれました。
反復
社内でツールを共有しましたが、常に同じ質問がありました。「自分の作品を共有するにはどうすればよいですか?」多くのビデオ顧客がチームで作業しており、クリップの購入を約束する前にデモをチームと共有したい (または共有する必要がある) ことを知っていました。また、従来のビデオ エディターを学習する時間やスキルがないチーム メンバーがいることもわかっていたため、彼らができるだけ簡単にモックアップしてアイデアを共有できるようにしたいと考えました。
私たちは、これを使いやすく便利にするためにどのように行っているかを確認するために、顧客とのいくつかのユーザビリティ テストを行いました。その後、基本的に多くのことを修正するために身を潜めました。 (これが 80 年代の映画であれば、壮大な作品のモンタージュが登場する場所です。) 私たちはメインの Shutterstock サイトもサポートしていたので、これは、数か月にわたってあちこちでできる限りの作業を行うことを意味しました。
リリース！
Sequence がついに世界中で利用できるようになったことをとてもうれしく思います。他にもたくさんのアイデアがありますので、どうぞお楽しみに。それまでの間、Shutterstock Labs で Sequence を試してみてください。ぜひフィードバックをお寄せください!