図の続きが、スマホで分かる

サービス案内や商材ページの図は、文字が潰れないように横長で作っています。スマホではその横長の図を横にスクロールして読む作りですが、スクロールバーが出ない端末では「右に続きがあること」自体が見えず、左の3分の1だけを見て読み終えてしまう状態でした。

たとえば「担当者の1日は、こう変わります」の図は、左の『いまの1日』しか見えず、肝心の『仕組みを入れた後』が画面の外にありました。「業種と、9つの型の対応」も、9つの型のうち2つしか見えていませんでした。

そこで、横に続きがある図にだけ「横にスクロール →」の札と、端のぼかしを出すようにしました。一度動かせば札は消えます。キーボードだけで操作される方も、矢印キーで図を動かせます。続きが無い画面幅では、札も操作も出ません。