web-dev-qa-db-ja.com

本文のゼブラストライプ?

一般的なコンセンサスは、テーブルを縞模様にすることで、人々がどの行にいるのかを追跡するのが少し簡単になるということです...しかし、この認識税の削減は、表の行に対してのみですか?前のテキスト行を読んでいるとき、少なくとも時々バックトラックします。

私は縞模様の縞模様を描いた 記事ページ であり、これが追加の利点なのか、それとも興味深いが他のほとんどすべてのものを読む方法よりも良くないものなのか疑問に思っています。

10

ゼブラストライピングの目的は、(議論の余地はありますが)離れた距離にある行の項目を接続することです...多くの場合、表に見られるように、(行ごとに読み取るのではなく)スキャンが頻繁に行われます。ゴール。

Item                             Item                   Item

しかし、テキストの段落にはそのような問題はありません。テキストの行自体があなたのためのつながりを作ります。そして、適切で思慮深いラインスペーシングは、ライン間で必要なすべての分割です。

したがって、テキストの段落のゼブラストライプは、まったく異なるコンテキスト向けのソリューションで存在しない問題を修正する試みだと思います。

9
DA01

読みやすさの問題を間違った方法で解決しようとしていると思います。

行の長さ(メジャー)はあなたの実際の問題です。読みやすいメジャーのために一般的に推奨される数は、約60〜70文字です。メジャーを現在の長さの約60%にカットすると、トラブルがはるかに少なくなります。それを解決するもう1つの方法は、フォントサイズを大きくすることです。

交互の行を追加すると、例では読み取りがさらに難しくなります。テーブルでは、目立たない単位を識別しているため、機能します。テキスト行に使用すると、実行中のテキストの任意の単位(改行)が分離されます。それはまったく役に立ちません。

適例
これは、ページの前後の簡単な説明です。段落を、含まれているdivの64%に狭めました。これにより、リードを2emから1.7に下げることができました。

Current

64% width and 1.7em leading

23
plainclothes

読みやすさがすべて

Smashing Magazineが実施した 最高のユーザーエクスペリエンスのための活版印刷の研究 。彼らが見つけたのは、標準的なタイプの処理をした単純できれいな背景が最もよく機能する傾向があることです。人々は通常、慣れ親しんだものを読むのが簡単になります。 1行あたりの文字数については、1つの規則はありません。コピーの量、コピーのポイントサイズ、使用方法によって異なります。

あなたの例では、読者が右端から左の次の行に戻るのを難しくする超長い行を使用しています。線の間に異なる色を追加すると少し気が散りますが、背景よりも読みやすさに大きな影響を与える線の高さを増やしています。

極端な行間隔(先頭)はダブルスペースにつながります

ダブルスペース も影響します。学校向けに書かれた論文を見ると、通常、次の2つの理由でダブルスペースを要求されます。

  1. 教師はダブルスペーシングを読むことに慣れています
  2. これにより、教師は行間でコメントすることができます。

ダブルスペースを読むことに慣れていないほとんどの普通の人にとって、それは読むのが難しいです。

10
AbsoluteƵERØ

段落でゼブラストライプを使用することはお勧めできません。ゼブラストライピングは、表形式のデータの可読性を向上させるためのソリューションであり、それでも議論の領域です http://alistapart.com/article/zebrastripingdoesithelp

段落の単語には繰り返し構造がありません。これは行を区別しやすくするので良いことです。交互の線でゼブラストライプを使用すると、繰り返しパターンが適用され、ユーザーが読みにくくなります。

あなたのウェブサイトの読みやすさを改善するのに役立ついくつかの記事:

3
rk.

いくつかの提案:

  • パンくずリストと本文のコンテンツには、異なるフォント/色を使用します。これは同じように見え、セクションの開始位置を区別するのは簡単ではありません
  • セクション、タイトル、コンテンツを分離して、ユーザーがすべてを読みたくない場合にスキャンスルーに気づきやすくします。
  • 画像に背景(シマウマ)を追加しないでください。目にとっては単なるノイズです。
  • また、別のセクション、異なる背景なども可能です。

本文のいくつかの一般的な規則は次のとおりです。

テキストの長さ Web用の書き込みは、印刷用の書き込みとはまったく異なります。ユーザーは小さなテキストを望んでいます。彼らはページ全体を読むことはほとんどなく、代わりにキーワードをスキャンするので、多くのテキストを追加する必要がある場合は、長いテキストではないようにしてください。それを切断します。

Sectionsページをセクションに分割し、ユーザーがページの内容をすばやく確認できるようにして、コンテンツを読み取らせる。

リーディング印刷デザインと同様に、リーディングを確認します。フォントサイズが10pxの場合、開始点は12px以上です。

1行あたり12〜16ワードの長さをお勧めします。

フォント確かに賭けはTahomaとVerdana(どちらも画面上の使用のために特別に設計されたもの)であり、どちらもOS XとWindowsで90%以上の可用性があります。

ベース:>優れたユーザビリティの紹介-peterpixel

2
Rosie