РЕГИСТРАЦИЯ
Гость
Вход не выполнен.

5 идей по улучшению читаемости сайта

Я устал от сайтов, которые сильно ограничены по ширине, имеют мелкий шрифт и неэффективно используют весь экран. Позвольте мне высказать свои идеи по улучшению читаемости, которые вы сможете применить в своих проектах.
Категории раздела

Я устал от сайтов, которые сильно ограничены по ширине, имеют мелкий шрифт и неэффективно используют весь экран. Я пришел к выводу, что наибольшую сложность для чтения с экрана приносит не подсветка экрана, а чертовски мелкий шрифт. Большинство дизайнеров даже не подозревают, что существует оптимальное количество символов в строке. Позвольте мне высказать свои идеи по этому поводу, которые вы сможете применить в своих проектах.

#1 — Я хочу читать свой сайт как книгу

Я часто слышу, что людям не нравится читать с экрана из-за подсветки, я считаю, что на самом деле проблема в крошечном шрифте. Чтение в интернете больше похоже на чтение словаря, нежели книги, ведь часто текст мелкий и разделён на колонки. Очевидно, дизайнерской задачей было уместить как можно большее количество информации в малую площадь, но, хотя этот подход и может подходить для некоторых приложений, для долгого чтения его применять не стоит.

#2 — Необходимо достичь оптимальное количество символов в строке

Наилучшее количество символов в строке при использовании одной колонки находится в диапазоне от 45 до 75 символов. 66 символов на строку (считая буквы и пробелы) широко рассматривается как идеал. При использовании нескольких колонок лучше в среднем использовать 40-50 символов на строку.

#3 — Ширина строки не должна быть слишком широкой или слишком узкой

Оптимальное количество символов в строке — очень важный параметр, ведь если вы хотите передать информацию читателю, вам необходимо уничтожить преграды, находящиеся между ним и информацией. Но также надо следить и за шириной строк текста:

  • Слишком широкая приводит к тому, что то глазам будет сложно сконцентрироваться на тексте. Это связано с тем, что большая ширина строки ухудшает представление о том, где начало и конец текста.
  • Слишком узкая заставляет читателя слишком часто переводить взгляд, а также пропускать потенциально важные слова.

#4 — Необходимо уменьшить информационный шум

В интернете мы ищем факты. В прежние времена, когда переключение между сайтами занимало больше времени, предпочитали оставаться в одном месте и копать. Сейчас же мы готовы двигаться дальше, как только кажется, что здесь ничего интересного больше нет.

Создайте заметный заголовок, уделите внимание написанию краткого описания. Скройте отвлекающие от чтения элементы, но подумайте над тем, чтобы предложить посетителю статьи, которые его могут заинтересовать и заставить остаться на сайте.

#5 — Проверьте отступы между строками

Чтобы текст был читабелен, необходимо сохранять оптимальный отступ между строками. Вы можете воспользоваться этим онлайн-калькулятором для определения наилучшего соотношения между размером шрифта, количеством символов в строке, шириной строки и отступом между строками.

Вывод

Я надеюсь, что эта статья заставила вас задуматься над отображением текста на вашем сайте. Хотелось бы услышать ваши мнения по этому поводу.

via http://mikeyanderson.com/


Прикрепленные файлы:
У вас нет прав для скачивания прикрепленных файлов
Комментарии:
  • User avatar

    MAX555

    80-90 символов на строку достаточно. В среднем часть контента страницы примерно такая как на этом сайте. И такой бодулайский по размерам шрифт, некто использовать не будет. http://testy.freshhosting.ru вот тут нормальный шрифт, и описание к каналам вполне читабельно. 

    Дата отправления:
  • User avatar

    modos189

    Можешь посмотреть оригинал статьи - там именно такой большой шрифт, благодаря чему очень легко читать длинный текст с экрана.
    На твоём сайте чтение описания канала много времени не занимает, поэтому можно применять тот размер шрифта, который у тебя и есть.

    Дата отправления:
  • User avatar

    MrBoriska

    Где тут лайкнуть?

    эх, троллинг не удался(( Плохой из меня троль
    Дата отправления: