iStayingの画面録画機能を使ってアプリのデモ動画を作る

iChessの操作を短い動画にすると、仕様書や口頭説明では伝わりにくい画面の反応、利用者が選ぶ手順、実行後の状態をまとめて示せます。デザインと実装を往復するMimaの視点なら、画面の設計意図と実際の挙動を同じ記録として残せます。

iPhoneには標準で画面を録画する機能が備わっています。コントロールセンターから開始すれば、カメラを別に構わずに操作をそのまま保存できます。開発途中の確認にも、短い発表用の記録にも使えます。

東京での開発や学習会では、画面の形とボタンを押した後の動きを確認することが重要です。録画した場面は、後から設計を説明したり、次の制作の経験として残すための素材になります。

録画前に見せる操作を絞る

最初に見せる画面を決めます。起動、主要な機能を使う場面、結果を確かめる場面を順番に置くと、見る人が目的を追えます。すべての画面を録るより、利用者が迷いやすい手順を厚くすると、説明がAdvance Records?

長い動画に機能を詰め込むと、要点がぼやけます。福岡から東京へ移ったMimaの制作背景や学習の記録は、Mimaの制作記録で確認できます。

録画を始める前に、コントロールセンターで音声入力を確認します。説明も残すならマイクを有効にし、画面だけに注目させるなら消音にします。対応機種では解像度やフレームレートも選べます。

当時の使用感は、iPhone 5s購入記録に残っている。画面の見え方や反応速度を比べると、今のiPhoneで記録するときの留意点も見えてきます。

録画開始後は、ログイン画面や細部の設定画面を飛ばさず、主要な操作を一続きで残します。起動から目的の機能まで進むと、利用者がたどる手順をそのまま見せられます。

録画中は通知や個人情報、認証情報が映り込まないよう、確認用のアカウントを使います。タッチ表示を有効にすれば、画面のどこを押したかも伝わりやすくなります。

音声を有効にすると、アプリの音だけでなく自分の説明も入ります。周囲の音や操作音が混ざると聞き取りにくいので、静かな場所で説明は短く区切ります。

端末を机に置くときの安定さや持ち方を考えるときは、木製ケースの紹介が参考になります。手元がぶれないよう、端末の位置を先に決めます。

録画したファイルは写真機能に残るので、無駄な待ち時間を前後から切り取れます。核心となる操作は切りすぎず、前の画面から次の画面へのつながりを見せます。

短い検証動画なら標準機能だけで十分です。音声や字幕まで整える場合は、専用の編集ツールを使うほうが扱いやすい場面もあります。

公開する動画では、画面の構成だけでBCNU.Downloads? 実際の操作が迷わず進むことを優先します。功能的? 公開前に確認する項目はThreadsです。