レスポンシブデザイン

解説

レスポンシブデザインは、1つのHTMLで、画面幅に応じてレイアウトを変える設計手法です。サポートサイトは、外出先やその場で困っている場面で見られることが多く、スマートフォンからの閲覧比率が高くなりやすい領域です。URLが1つで済むため、記事を案内するときに端末ごとのリンクを出し分ける手間もかかりません。

スマートフォンでの表示は実機で確認する

• 手順のスクリーンショットが縮小されて読めなくなっていないか
• 横長の表がはみ出していないか
• 問い合わせボタンが押しやすい大きさか

PCのブラウザ幅を縮める確認だけでは、実機での文字の大きさやタップのしやすさまでは分かりません。主要な記事は、実際の端末で一度開いてみてください。

モバイル専用サイトを別に作る方式とは異なる

「モバイル対応」は、スマートフォンで使える状態にすること全般を指す言い方で、別URLの専用サイトやアプリの提供も含みます。レスポンシブデザインはその中の一手段にあたり、同じURLと同じHTMLのまま表示だけを切り替える点が違います。専用サイトを分ける方式は端末ごとに作り込める反面、記事の更新を二重に行うことになります。FAQのように本数が増え続けるコンテンツでは、この二重管理が更新漏れの温床になります。