【レスポンシブデザイン】とは？ITが苦手な個人事業主・店主向けのやさしい翻訳

ミキさん、それは難しく聞こえますよね。大丈夫ですよ、私も初めて聞いたときは、「何それ？」ってなりましたから。でも、実はミキさんのネットショップにも、お客様との大切なコミュニケーションにも繋がる、とっても便利な仕組みなんです。一緒に見てみましょう。

一言でいうと、「レスポンシブデザイン」とは、ミキさんの作ったウェブサイトが、スマホでもパソコンでも、見る人の画面の大きさに合わせて、自動で見やすく調整してくれる仕組みのことです。

なるほど、そうですよね。では、ミキさんの作品が並ぶウェブサイトを例に考えてみましょう。たとえば、あなたが作った素敵なトートバッグの写真をたくさん載せたとしますよね。パソコンの大きな画面で見てくれる人には、写真も説明文もゆったり見やすい配置で表示されます。 でも、電車の中でスマホを片手に見てくれるお客様もいますよね？そういう小さな画面で見た時に、写真が大きすぎて切れてしまったり、文字が小さすぎて読めなかったりしたら、せっかくの作品の魅力が伝わりにくくなってしまいます。 レスポンシブデザインは、そんな時に活躍します。スマホの小さな画面には、写真が大きすぎず、文字も小さすぎず、指で操作しやすいようにボタンも適度な大きさで、パッと欲しい情報が見つかるように自動で並べ替えてくれるんです。まるで、どんなサイズの紙にも美しく収まるようにデザインされた、万能なフライヤーみたいなものですね。お客様がどんなデバイスで見てくれても、常に最高の状態で見てもらえるように、ウェブサイト自身が形を変えてくれるんですよ。

そうですね！まずは今日、ノートに一つだけ書き出してみましょうか。ミキさんの今のネットショップやウェブサイトを、まず自分のスマホで開いてみてください。そして、もし可能なら、お友達のスマホや、ご家族のタブレットでも開いてみましょう。文字が小さすぎたり、写真が切れていたりしないか、ボタンが押しにくくないか、一度自分の目で確認してみるのが最初の一歩です。 もしこれからウェブサイトを作ったり、ネットショップをリニューアルする予定があれば、「レスポンシブデザインに対応しているか」を、制作会社さんやサービスを選ぶ時の大切なポイントとして、ぜひ頭の片隅に置いてみてくださいね。