スマホで見た時に、表が分かりづらいと感じたことがある人も多いと思います。PCだと見やすいのに、スマホだと表が見づらくなってしまうのは、PC・タブレット・スマホなどの画面サイズに応じて、ページのレイアウトやデザインが自動調整されてしまうからです。

料金やメリットデメリットなど、複数の情報を一覧表で比較することは、効率的に情報を選択していく上で重要です。しかし、列の数やコンテンツ量が多い表の場合は、どのような見せ方にするかが課題となります。

スマホで情報を得ている人がほとんどの現在、モバイルユーザーにとってユーザビリティの高いサイトを作成するために行っている実装例を解説します。

基本はPCと同じレイアウトでレスポンシブ対応

PCのレイアウト

PCのレイアウトでレスポンシブ表示

基本的には、PCと同じレイアウトで表示することがもっとも推奨とされています。当社でもすべてのサイトをレスポンシブデザインで制作しており、表の列またはコンテンツの量に問題なければ、PCのレイアウト表示のままで実装しています。レイアウトを変えるなどの作業を行うことなく、スマホの画面サイズに自動調整されます。

ただし、行の切り替えが早く、長文の場合や項目が多い表の場合は不向きのため、以下のような対応が必要となります。

横スクロールで表示

PCのレイアウトをそのまま使用し、スマホの画面に入りきらない部分を横スクロールさせて表示させる方法です。項目が多く表が大きい場合は、この方法で実装します。ユーザーにとっては、横スクロールのアクションが必要となりますが、テキストを改行させることなく閲覧することができます。デメリットとしては、全体を一覧表示できないため、比較がしにくくなってしまうという点です。また、スクロールできることに気づかれないという懸念もあります。

ユーザーに分かりやすく示すために、スクロールができる旨を表の枠外にテキストで表示し、表の下にはスクロールバーを入れるなどの対応で実装しています。

表の項目を固定して横スクロール

横スクロールを入れることで、逆に見えづらさを感じる場合もあります。スクロールしていくにつれ、表の一部が表示されなくなっていくため、閲覧しているのが何の項目についてだったのかが分からなくなってしまうためです。それを防ぐために、左側の項目を固定した状態で横スクロールできるように実装する方法があります。

この方法は、固定されている部分が画面の一部を占めてしまうため、スマホ画面の大きさと固定する項目の長さによっては別の見えづらさが出てしまうこともあります。

項目が短く且つ比較対象が多い表については、この方法で実装するのがおすすめです。

表の項目を縦並びにする

2分割のシンプルな表に有効な方法です。セルを左右ではなく、上下に分けて実装します。PCに比べ、画面の幅が狭いスマホでは、横並びよりも縦並びの方が相性が良いです。ただ、全体を通して情報を比較するのには不向きなのと、コンテンツ量が多いと縦幅にボリュームが出てしまうこともあるため、見せ方や使い所は見極める必要があります。

表ではない見せ方も検討する

そもそも表にする必要があるかを考えることも大切です。見出しや装飾を用いて、テキストで実装した方がひとつひとつの情報がしっかり伝わるという場合もあります。また、料金表などに関しては、レイアウトなどに大幅な変更があった場合、サイトと差異が出ないようバージョン管理する必要が出てきます。表で実装してない場合、テキストの修正だけで済むというメリットもあります。

どの方法でも、それぞれにメリットデメリットがあります。当社では、多くのモバイルユーザーにとってユーザビリティの高いサイトにするため、工数（時間）をいただいた上で、どの方法がベストなのかを考えてご提案をさせていただいております。ご不明な点はお気軽にご相談ください。

クリニックにかかってくる院長先生宛の電話対応にお困りではありませんか？
最近ではGoogleなどの大手の企業名を名乗り、関連会社かのような営業電話をかけてくることが非常に多くあります。院長先生と繋いでもらうために、言葉巧みに話をしてきますが、営業電話は院長先生の貴重なお時間を奪ってしまうため、どんな電話も一旦取り次がないようにしましょう。

院長先生に取り次がないことを徹底する

●相手先の情報、用件を聞く

相手先の会社名、氏名、携帯電話ではなく固定電話番号をしっかり聞き、用件もできるだけ詳しく聞きましょう。

●必要な場合のみ折り返し対応

「院長先生には直接お取り次ぎできないことになっております。必要な場合のみ、こちらからご連絡させていただきますので、今後のお電話は不要です。」と伝える。

●相手先をネットで検索

院長先生に報告する前に必ずネットで電話番号から検索し、情報収集してください。

大手の企業名を名乗った営業電話の手口

●Googleの場合

Googleストリートビューについての営業電話が多いのですが、電話の内容は、「お客様の施設がお住まいの地域のモデル施設になっておりまして、通常、Googleストリートビューで施設内を紹介するには高額なお金がかかるのですが、モデル施設は今だけ特別価格で掲載することが可能なんです。」といったケースや「Googleマップにお客様の施設を登録したいので写真を撮りに行ってもいいですか？会社情報を教えてください」と言って最終的に不要なものを売りつけたりするそうです。

●NTTの場合

NTTとは全く関係ないのに、「NTTの委託を受けてNTTに代わって電話しています。」とあたかも関係があるかのように営業を始めます。
「電話料金が安くなるキャンペーンをしています。申込書に署名・捺印してください。」や「この電話は料金が未納です。すぐに振り込んでください。」などといった料金が安くなるので契約してくださいというパターンと架空の未納料金があるというパターンがあります。

●九州電力の場合

九州電力またはお住まいの大手電力会社（中国電力、四国電力、関西電力など）を装った営業電話で、「動力機器の点検のため近日中にお伺いしますので、検針票を準備してください。」「九州電力の子会社で今の契約条件よりお安くなるキャンペーンをしています。契約を見直しませんか？」などの料金に関する営業や電力送配電の集金員を装い情報を入手したり、電気料金を請求する詐欺があります。

被害に遭ってしまった時は

●クーリング・オフを利用する

契約してしまった場合は、8日以内であれば契約者の都合で契約を解除できる「初期契約解除」を利用できます。

●警察に相談する

しつこい営業電話で困っている場合は、警察に相談することができます。警察に相談するときは、相手に関する電話番号や名前などの情報を伝えられるようにしましょう。また、#9110に電話すると、お住まいの警察署の相談窓口につながります。
※地域によっては、医師会でも相談可能のようです。