当社サイトのリンクを通じて購入すると、アフィリエイト手数料が発生する場合があります。 仕組みは次のとおりです.

勇敢な新世界の影響 レスポンシブウェブデザイン (RWD) グリッドとスケーラビリティを超えます。 大小を問わず画面上で動作することを目的としたサイトは、慎重に選択された画像、効果的なテキスト、合理的なレイアウト階層を備えている必要があります。 コンテンツ戦略はさらに重要であり、ワイヤーフレーム作成の初期段階の一部である必要があります。

ホワイトスペースは空間をうまく操作するために不可欠なものとなっており、多くの場合、シンプルで活気に満ちた実用的なデザインにつながります。 ボタンとリンクも良い方向に変化し、微細なメニューと CTA が廃止され、見つけてクリックしやすい大きなオブジェクトが採用されました。 しかし、実際の内容はどうなのでしょうか？

01. 画像を再考する

視覚的に魅力的で印象的でスケーラブルな大きな JPEG が広く普及しています。 数百キロバイトの派手なピクセルでモバイル ユーザーを攻撃することとは別に、初期の iPhone と比較して、28 インチのワイドスクリーンで画像がどのように表示されるかを考慮してください。 細かいディテールや微妙なニュアンスに頼って意味を伝えるのはダメです。

どのサイズでも飛び出すような画像を選択してください。 ロゴタイプをデザインするときと同じ原則を使用します。 看板から鉛筆まで効果的なアイデアを見つけてください。

02. 眩しさ満載

幅広い視聴者を対象とする場合、光が鍵となります。画像はオフィス環境だけでなく明るい日光の下でも目立つ必要があります。 影響は彩度と色相を超えています。 高い透明度を実現する重要な要素は、 対比 さまざまな光の下で、さまざまな角度から画像を見ることは大きな課題です。 画像はブランドのガイドラインに準拠し、直接光の当たる小さな画面にレンダリングし、照明が暗い大型のモニターでも十分に繊細である必要があります。 画像を選択する際に潜在的な問題について話し合い、必要に応じて写真を調整します。

03. 長すぎる; 読みませんでした

RWD の利点の 1 つは、簡潔なコピーの必要性が高まることです。 通常、テキストはボックスや列が狭くなるにつれてリフローされ、短いテキスト ブロックに十分な空白があるため、レイアウト間で簡単に変更できます。 あなたのコピーは、仕事、ソーシャルメディア、溢れんばかりの受信箱、一般的な退屈などの気を散らすものと闘わなければなりません。 一般的な訪問者は各サイトにほとんど時間を費やしません (「

ヤコブ・ニールセンの研究). 簡潔かつ明確にしてください。 焦らし、ヒント、フック。

04. 隠すか見せるか

低解像度の場合に何を表示し、何を非表示にするかを検討します。 重要でないテキストや画像を削除すると、ブラウジングがより速く、スムーズになる可能性があります。 ユーザーはスクロールすることに満足していますが、小さな画面ではコンテンツが欠落しやすくなります。 かつては重要だった折り目はそれほど重要ではありませんが、階層は依然として重要です。 重要な機能を上部近くに配置し、縮小するときに冗長な要素を削除します。また、スマート コピーや画像は、使用するスペースが非常に少なくても好奇心を刺激できることを覚えておいてください。

コンバージョンが重要なサイトでは、CTA と重要なメッセージを優先する必要があります。 長いページには空白と、スクロールせずに見える部分の下にあるコンテンツへのポインタを含める必要があります。

05. 未来に向けたデザイン

アクセスするデバイスに関係なく、すべてのコンテンツと機能を保持し、Web サイトのすべてのセクションへのアクセスを維持することが重要です。そうでない場合は、ナビゲーションまたは構造に欠陥がある可能性があります。 場合によっては、モバイル デバイスを使用する訪問者にとって、特定のエリアはほとんど興味がない (またはまったく興味がない) 可能性があります。 行動分析は、優先すべき主要なユーザー ジャーニーを特定するのに役立ちます。

しかし、確立された行動パターンは変化する可能性があります。 訪問者が必要に応じてナビゲートして行動し、結論を導き出せるように常に提供します。

06. コンテンツをハングしたままにしないでください

まばゆいばかりの感動的なコンテンツを書くのは難しいものです。 モバイル Web ユーザーをそれに関与させるのはまだ難しいため、時間をかけてください。 代理店の仕事では長期にわたる計画が許可されることはほとんどないため、コンテンツについては早い段階で検討する必要があります。 あなたのクリエイティブな関与がコンバージョンやトラフィックの面で他の人にどのような影響を与えたかを数字を使って強調し、その効果をクライアントに示します。

効果的なコンテンツにはコミットメントが必要ですが、その結果、デバイスに関係なく、どこにいても誰にとっても目立つ Web サイトが生まれます。

言葉: エリック・ボーマン

エリック・ボーマン のコピーライター兼デザイナーです。 オベルジン.

この記事は最初に掲載されました ネットマガジン 第247号。

これが気に入りましたか? これらを読んでください！

  • 私たちのお気に入り ウェブフォント - そしてそれらには一銭もかかりません
  • 完璧なものを作る ムードボード これらのプロのヒントを参考に
  • 素晴らしい Wordpress チュートリアル 選択

コンテンツの反応性はどの程度ですか? コメントで盛り上がってください！