読み取り可能なWebコンテンツに関するXNUMXつのガイドライン

続きを読む

読みやすさ 人が一節のテキストを読み、今読んだものを理解して思い出すことができる能力です。 ここでは、Webでの文章の読みやすさ、表現、表現力を向上させるためのヒントをいくつか紹介します。

1.Web用に書く

ウェブで読むのは簡単ではありません。 コンピューターのモニターは画面の解像度が低く、投影された光がすぐに目を疲れさせます。 さらに、多くのWebサイトやアプリケーションは、タイポグラフィやグラフィックデザインの技術に関する正式なトレーニングを受けていない人々によって構築されています。

書き込みプロセス中に考慮すべきいくつかのポイントを次に示します。

  • 平均的なユーザーは読むでしょう せいぜい 28% ウェブページ上の単語の数なので、使用する単語を数えます。 Tuitiveのクライアントに提案するガイドラインは、コピーを半分にカットしてから、もう一度半分にカットすることです。 これがあなたの内なるトルストイを泣かせることを私たちは知っています、しかしあなたの読者はそれを高く評価するでしょう。
  • 明確で、直接的で、会話的な言葉を使用します。
  • 悪い広告を埋める誇張された自慢のテキストである「marketese」(「HotNewProduct!」)は避けてください。 代わりに、有用で具体的な情報を提供してください。
  • 段落を短くし、段落ごとにXNUMXつのアイデアに制限します。
  • 箇条書きを使用する
  • 最も重要な情報を一番上に保ちながら、逆ピラミッドスタイルの文章を使用します。

2.サブヘッダーを使用してコンテンツを整理します

サブヘッダーは、ユーザーがコンテンツのページを視覚的に広めることができるようにするために非常に重要です。 彼らはページを管理可能なセクションに分割し、各セクションが何であるかを宣言します。 これは、ページをスキャンして最も重要なものを見つけようとしているユーザーにとって重要です。

サブヘッダーは、ユーザーがコンテンツ全体で目を下に移動できる視覚的なフローも作成します。

サブヘッダー

Webページの本文(ナビゲーション、フッターなどを除く)を、ページタイトル、サブヘッダー、本文のXNUMXつのサイズに制限してみてください。 これらのスタイルのコントラストを明確かつ効果的にします。 サイズと重量のコントラストが小さすぎると、要素が連携するのではなく衝突します。

書くときは、サブヘッダーが表すテキストのポイントを一握りの単語に凝縮していることを確認し、ユーザーが上下のセクションを完全に読んだと想定しないでください。 過度にかわいいまたは賢い言葉は避けてください。 明快さが重要です。 意味のある有益なサブヘッダーは、読者の関心を維持し、読み続けるように促します。

3.フォーマットされたテキストと通信する

  • イタリック体:イタリックは強調に使用でき、声の抑揚を暗示することで、文章に会話のトーンを与えます。 たとえば、「私はあなたに私が見たと言った 」は「私」とは異なる意味を持っています 言われ あなたは私が猿を見た」。
  • オールキャップス:人々は、単語を文字ごとに計算するのではなく、単語の形を理解することによって読みます。 このため、すべて大文字のテキストは、私たちが見慣れている単語の形を乱すため、読みにくくなります。 テキストや全文の長い文章には使用しないでください。
  • ピン:太字はテキストの一部を目立たせることができますが、使いすぎないようにしてください。 強調する必要のある大きなテキストの塊がある場合は、代わりに背景色を使用してみてください。

大胆な

4.ネガティブスペースは非常にポジティブになる可能性があります

テキストの行間、文字間、およびコピーのブロック間の適切な量のスペースは、読み取り速度と理解を大幅に向上させることができます。 この白い(または「ネガティブ」)スペースは、人々がXNUMXつの文字を次の文字と区別し、テキストのブロックを相互に関連付け、ページ上のどこにあるかを追跡できるようにするものです。

空白

ページを見ながら、テキストが判読できなくなるまで目を細めてぼかします。 ページはセクションにきちんと分割されていますか? 各セクションのヘッダーが何であるかわかりますか? そうでない場合は、デザインを作り直す必要があるかもしれません。

詳細はこちら

2のコメント

  1. 1

    ここに素晴らしいコンテンツがあります! あまりにも多くの場合、よく言われない方がはるかに優れており、多くなるほど、悪いと言われます。 私の好きな本のXNUMXつは、「私に考えさせないでください」です。 ここで指摘したのと同じ理由のいくつかのために。

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.