シェーマイラストと本文をどう並べる？美容クリニックのページで読み順を整える

こんにちは！
スピカデザインセールス担当です。

シェーマイラストを見ながら説明を読んでほしいのに、図と本文が離れていると画面を何度も往復することになります。最初に何を見て、次にどの説明を読むかを決めて配置しましょう。

あるある① 図の説明がページの下にある

図の直後に、その図で伝える要点を短く置きます。詳しい説明は続く段落へ分け、図中の番号と本文の番号をそろえます。本文だけを読んでも意味が通るかも確認します。

あるある② スマートフォンで読む順番が入れ替わる

横並びの画面を縦に積むと、図、別の図、説明文の順になることがあります。スマートフォンでは一組の図と説明が続くようにし、実機でスクロールしながら確かめます。

公開前の確認項目

• 図の直後に対応する説明があるか
• 図中の番号と本文の番号が一致するか
• 小さな画面でも読む順が自然か

図示する内容の正確さは院内の医師など確認担当者に見てもらい、配置と読みやすさは公開画面で確かめましょう。

Web制作の相談はスピカデザインへのお問い合わせへ。美容クリニックの制作実績もご覧ください。