ブラウザ拡張機能「リーディングトラッカー」の30秒紹介動画

リーディングトラッカーは、ウェブページの読みたい行に読字ガイドを重ね、周りの行をマスクで隠す拡張機能です。ガイドの高さ・色・不透明度、マスクの色・不透明度、縦書きと横書き、文字サイズ・行間、UDフォントをサイドパネルで選べ、Alt+Shift+Gで表示を切り替えられます。Chrome・Edge・Firefoxの拡張機能とWindows版があります。

0〜1.8秒　アイコンと「リーディングトラッカー」の名前を緑の帯がなぞり、「読みたい行の周りを隠して 集中して読める」の一言が出ます。

1.8〜6秒　長い記事のページが出て、赤い印が行を追います。途中で行を見失い、「いま読んでいた行は どこ？」と問いが出ます。

6〜10.2秒　「周りの行が 目に飛び込む」と出て、行の紙が次々に落ちて積み上がります。「周りの行が気になって集中が続かない」の一行も添えられます。

10.2〜12秒　公式の画面が出て、「ガイドを表示」のボタンにカーソルが寄り、押した所へ画面が寄ります。

12〜16.2秒　周りが暗くなり、読みたい1行だけが明るく残ります。その帯を枠で囲み、「読みたい行だけを明るく残す」と「周りの行をマスクで隠す」が添えられます。

16.2〜20.4秒　暗いマスクが緑のマスクに替わります。設定の列に寄り、ガイドとマスクの色や濃さを選ぶ欄を枠で囲みます。

20.4〜25.2秒　公式の画面が2枚、上から落ちて重なります。フォント一覧に寄ってUDフォントを枠で囲み、「UDフォントや 縦書きにも」と「文字サイズや行間も変えられる」が添えられます。

25.2〜30秒　アイコンと名前、「Chrome・Edge・Firefox 拡張機能／Windows版」の一行、reading-tracker.appのアドレスを出して締めます。

窓の外は、緑を差し色にした太い枠と影のネオ・ブルータリズム風にして、行の紙が物理的に積み上がる動きを入れました。場面のつなぎは、読みたい行だけを残す製品のマスクと同じ形の、上下の幕と明るい1行の帯です。製品の画面はChromeウェブストアのスクリーンショットを加工せずに使い、人の名前が写るサイトの共有画像は使いませんでした。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。