「現場向け動画教育プラットフォーム tebiki 」のデザインを担当している鮫島です。 tebikiはリリース以来、利用中のユーザーから頂くご意見や改善要望の約半分に及び、かつサービスの中心機能である"動画編集機能"のブラッシュアップを継続的に行っています。その中で動画編集画面の主要UIであるタイムライン※のリニューアルが実施されました。この記事では、リニューアル時のUI設計の前段にあたるUI調査のプロセスと、その時得た知見をご紹介します。 ※動画編集アプリの下部などに配置される部分です(下図)。 参考:MacのためのiMovie: タイムライン 他社サービスの調査動画編集UIには個人的に仕事でもプライベートでも頻繁に触れる機会はあったものの、真面目にデザインすることは初めてだったので、手本にすべきUIを見つけるために、まず他社サービスの徹底調査と比較を行ったところ、再生ヘッドと呼ばれる現
![SaaSのデザイン 最適なタイムラインUI を求めて|tebiki ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0017758d0c81e2b34563e3bd47a4288c45791576/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F52099457%2Frectangle_large_type_2_333a7858707d3a813c274052c9faacb3.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)