AgentMAIL Letter バックナンバー
AgentMAILをご利用いただいている方へ発行されるメールマガジンです。
【スマホ最適化＋視認性改善】ストーリーモーションをアップデートしました
◯◯ さん
こんにちは。
AgentYou Project Instructor
今村海です。
／
日本は寒〜〜い！
＼
team AgentYou
2週間のハワイ合宿から帰国したばかり。
寒暖の差にやられそうな海さんです...
Hawaiiでは！！
チーフエンジニアの安田さん、
300本記念一緒に潜ってきました！
今回はファミリー合宿だったので、子どもたちも一緒！なのでミーティングは...
こんな感じでやっておりました（笑）
などなど。
ハワイでたくさんの感動体験をしてきたので、
AgentYou公式Instagramで共有していきたいな〜なんて思っていますので、興味がある方はチェックしておいてください。
⇨ %%%_LINK_86172_%%%
さてさて、本題に入りましょう。本日は、
① スマホ表示を最適化
② 余白の改善
この2点についてお知らせします。
1)スマホ表示を最適化しました
ラブレターアタックモードではvimeoの動画を設置することができます。
リリース会でお伝えさせていただいたように、
ページを開いた瞬間にお客様の声やインタビュー動画が一斉に動き出す。
そんな設定をしている方もいると思います。
12日のAgent Youゼミで、
ストーリーモーションについてとても大切なご意見をいただきました。
「動画がクルクルしていることがある」
「スマホで見ると読み込みが遅い気がする」
この件について調査・改修をいたしましたのでご報告させていただきます。
スマートフォンには、
一度に同時に通信できる数に上限があります。
ページを開くと、
・デザイン
・文字
・画像
・動画
・Vimeoのプレイヤー
など、
実は裏でたくさんの通信が同時に走っています。その上限がある中で、動画が複数同時に読み込みを始めると、通信が分散し、「表示が重く感じる」に繋がってしまいます。
これは不具合ではなく、スマートフォンの構造上どうしても起きやすい現象です。
そこで今回、
スマートフォンでは複数動画が同時に走らないよう制御を調整しました。
・別の動画を再生すると前の動画は自動停止
・同時に過剰な通信が発生しない設計へ変更
パソコンでのインパクトはそのままに、
スマホではより軽く、快適に改修いたしました。
2) 動画ブロックの余白を改善しました
スマートフォンで見ると、
ストーリーモーションで複数の動画を設置した時に、動画とテキストの余白バランスにばらつきがあり、
「What」がどの動画の説明をしているのか、少し分かりづらい状態がありました。
▼ Before
動画とテキストがそれぞれ独立して見え、
塊として認識しづらい状態。
▼ After
余白を調整し、
「動画＋テキスト」がひとつのまとまりとして見えるよう改善。
これにより、
・対応関係が直感的にわかる
・視線が迷わない
・複数並んでも混乱しない
構造になっています。
番外編）12日のAgentYouゼミでは
ラブレターアタックモードで作ったページを、仲間の一歩に繋げたい！
と画面共有し、どんな風にラブレターアタックモードを活用しているのか教えてくれたセンパイがたくさんいました。
／
一部をチラ見せっ！
＼
✔️ 申し込み後のサンクスページに動画セミナーを配置
✔️お客様の声1人分を分解し、「悩み」を具体的に掲載
✔️「ファストパス」という言葉が伝わりにくい懸念への対策
✔️特典と物語をサンドイッチになるような構成
✔️返信メールに合わせて、設置ページにもカウントダウン機能を設置
✔️お客様とのメールやLINEやり取りのスクショを画像で設置
✔️自分のメソッドの一部を体験できる動画を設置
✔️ストーリーモーションの動画の位置をテスト
みなさん創意工夫をして成果に繋げていらっしゃいました。
改善したいことやアップデート案が私の中でも見つかり、早速取り掛かっています。
これからもAgentYouは、
みなさまのお声から進化していきます！！