シェーマイラストをスマホで見せるとき|細部が読めない問題を防ぐには
こんにちは!
スピカデザインセールス担当です。
院内では分かりやすかったシェーマも、スマートフォンで見ると説明の文字が小さすぎることがあります。「図を載せたのに伝わらない」という、よくある失敗を防ぐための見直し方を考えます。
あるある① A4の資料をそのまま縮小する
紙面全体を一枚の画像にして貼ると、スマートフォンでは凡例も矢印も一緒に小さくなります。図の要点を一つずつ分け、スマホ画面の幅で読み取れる大きさに組み直す方が伝わります。元の印刷データは残し、Web用の書き出しを別に用意しましょう。
あるある② 線の色だけで区別する
似た色の線を細く重ねると、縮小時には違いが見えにくくなります。線種、番号、近くに置く短い言葉を組み合わせれば、色に頼りきらずに読めます。背景色との明るさの差も、小さい画面で実際に確かめます。
公開前に確認したいこと
- 実機で凡例と注釈を拡大せずに読めるか
- 図の順番と説明文の順番が一致するか
- 画像を開けないときも説明文から概要が分かるか
最初から一枚の図にすべて載せようとせず、「最初に理解してほしい一つ」を決めてから構成すると、診察時にもWebでも使いやすくなります。
美容クリニックのWEB制作・ホームページ制作は
スピカデザインにお任せください!
スピカデザインはお客様の「変化」という成果に向き合う、東京渋谷のWEBデザインオフィスです。美容クリニック関連のWEBデザインを多く手掛けています。ぜひお気軽にお問い合わせください。