LPの比較表、スマホで読めていますか？小さく縮める前に見直したいこと

パソコンでは見やすい比較表なのに、スマホで開くと文字が小さい。拡大すると、どのプランの説明を読んでいたか分からなくなる。

LPに複数のプランを載せるときは、画面に収まるかに加えて、違いを追いかけられるかも確認したいところです。今回は、スマホでの比較表の見せ方に絞ってお伝えします。

■まず「何を比べてほしいか」を決める

比較表に項目を増やすほど、横にも縦にも長くなります。最初に整理したいのは、選ぶときに差が出る項目です。

たとえば、説明用の架空のオンライン講座に、次の2つのプランがあるとします。

・動画プラン：録画教材で学ぶ。質問はフォームで受け付ける

・個別プラン：録画教材に加えて、個別の面談がある

この場合、先に見せたい違いは「学び方」と「相談方法」です。両方に共通する教材の説明は、表の外にまとめる方法もあります。共通情報を整理すると、違いのある行を見つけやすくなります。

■縦に並べるなら、項目の順番をそろえる

スマホでは、プランごとにカードを縦に並べる方法があります。ただし、Aのカードは学び方から始まり、Bはサポートから始まると、読み手が対応する項目を探すことになります。

「学び方→相談方法→利用期間」のように、見出しと順番をそろえることが大切です。違いのある箇所は太字などで示し、色だけに頼らず区別できるようにします。

一方、プラン数や比較項目が多い場合は、縦に並べると行き来が増えます。同じ項目を横並びで見たい表なら、横スクロールを使う選択肢もあります。

その場合は「横にスクロールできます」と表示し、右側に続きがあることを伝えます。項目名を固定するなど、移動しても何を比べているか分かる工夫も必要です。

■確認するのは、文字の大きさだけではない

制作時には、実際に載せる文章を入れた状態で、スマホ表示を確認します。仮の短い文章では整っていても、本番の説明で改行が増えることがあるためです。

・プラン名と説明の対応が分かるか

・同じ項目を探し直さずに比べられるか

・補足や注記も無理なく読めるか

・表の続きを見落とさないか

確認するときは、「自分ならどちらを選ぶか」を考えながら読んでみてください。途中で項目名を見失うなら、表示方法を見直す手がかりになります。

USER ABILITIESでは、原稿相談からスマホ対応まで、LP制作のご相談を承っています。既存LPで比較表が読みにくい場合も、対象URLと気になる箇所をお知らせください。内容や制作環境を確認し、対応範囲を購入前にすり合わせます。

LP制作・改修のご相談はこちら

https://coconala.com/services/3275830