web-dev-qa-db-ja.com

レスポンシブWebデザインを素人に説明する決定的な方法は?

通常、RWDをWeb以外の人に説明するとき(およびこれは非技術的なマネージャーまたはクライアントである可能性があることに留意してください)、私は次のように言います:

このサイトは、携帯電話やタブレット、その他の小さな画面のハンドヘルドデバイスや、大きな画面のラップトップやデスクトップでうまく表示されるように設計されます。

私はしばしば彼らの目に迷いを言うように見ます

この男は何についてですか?私はバカではありません。とにかくとにかく!彼はただもっと長い時間を費やそうとしているのか、もっと時間を請求してくれているのか、プロジェクトにもっと料金を請求しているのか、言い訳をするために専門用語を思いついているのか?

そもそも完全に不必要であるように聞こえる(素人にとって)デザインアプローチを記述するより良い方法は何ですか。

次のように言った方が良いでしょうか:

サイトをレスポンシブに設計します。つまり、モバイルサイトとデスクトップサイトの両方で1つに2つのサイトが得られます。

レスポンシブWebデザインを説明する決定的な方法がありますので、利益は自明であり、疑わしいものが起こっているようには聞こえません?

1
Rounin

レスポンシブWebサイトは、水平スクロール、ズーム、またはサーバー側のデバイス検出を必要とせずに、さまざまな画面サイズのデバイスで適切に表示される単一のWebサイトです。


この時点で、デモンストレーションは明確にするのに役立ちます。デスクトップでレスポンシブサイトを開き、ウィンドウを大きくドラッグします。デモが利用できない場合、追加説明があります。


このサイトは、画面サイズに応じてその場で再フォーマットできます。モバイルデバイスでは、狭い列として表示されます。幅の広い画面では、メイン列が広くなり、サイドバーのコンテンツを追加する余地があります。画像は必要に応じて拡大および縮小できます。フォントサイズを調整して、さまざまな画面でテキストをより適切に合わせることができます。

小さな画面で不要な要素を隠すこともできます。さらに、1つの要素のみが表示されるように、画面サイズに適した方の要素の完全に異なるバージョンを含めることができます。

2

「2つのサイトが1つに統合されている」というのは私にとって最高のものです。「変換」、「柔軟」、または「適応」のページがすべてだと思います。また、モバイルブラウザに読み込まれた非応答性のWebサイト(クライアントの競合他社のWebサイトかもしれません)を表示し、そのような「石に刻まれた」ページを応答性にするためにどのような作業が必要かを伝えることができます。

1
Kadilov

クライアントがこの用語を聞いたことがある場合に備えて、Wordを「レスポンシブ」という言葉を使用します。それから私は、サイトやページが画面やデバイスに「適応」するのはそれが原因であると主張し、ほとんどの人はそれを理解しているようだ。

1
Rob