100 главных принципов дизайна. Как удержать внимание

В своей книге «Невидимая горилла» Кристофер Чабрис и Дэниэл Симонс (Christopher Chabris, Daniel Simons, The Invisible Gorilla, 2010) описывают дополнительные исследования, которые проводились с применением оборудования, отслеживающего направление взгляда человека. Если говорить точнее, отслеживается центральное (оно же фовеальное) зрение. Периферическое зрение не отслеживается. Слежение за взглядом осуществлялось во время просмотра видео с мячиками и гориллой и показало, что каждый, кто смотрел видео, «видел» гориллу, то есть его взгляд фиксировал наличие гориллы, но только 50 % осознали, что они видели гориллу. Чабрис и Симонс провели множество исследований этого явления и пришли к заключению, что если ваше внимание сосредоточено на чем-то одном и вы не ожидаете каких-либо изменений, то вы легко можете не заметить их появления.

Слежение за взглядом может вводить в заблуждение

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

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

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

Ранние исследования этой технологии, проведенные Альфредом Ярбусом (Alfred Yarbus, 1967), показали, что то, на что люди смотрят, зависит от тех вопросов, которые им задают во время просмотра. Таким образом, легко исказить данные слежения за взглядом в зависимости от инструкций, которые вы даете до или во время эксперимента.

Выводы

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

• Если вы хотите быть уверенными, что люди заметят изменения в видимых полях, добавьте визуальные (например, мигание) или звуковые (например, гудок) сигналы.

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

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

Если два элемента расположены рядом (например, текст и фото), предполагается наличие связи между ними. Эта предполагаемая связь сильнее, если элементы расположены слева или справа. На рис. 9.1 фотография соответствует тексту под ним. Но поскольку мы читаем слева направо, а между фотографией и текстом справа очень небольшой промежуток, мы ожидаем, что изображение и текст справа связаны между собой.

Рис. 9.1. Вы можете предположить, что эта фотография относится к тексту справа, поскольку они расположены рядом, а мы читаем слева направо. Но в данном примере изображение на самом деле относится к тексту под ним – и это может сбить с толку

Выводы

• Если вы хотите, чтобы элементы воспринимались как связанные друг с другом, располагайте их слева или справа.

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

• Оставляйте больше свободного пространства между теми элементами, которые не связаны между собой, и меньше – между связанными элементами. Многие веб-странички построены без учета этого принципа, хотя, на мой взгляд, это противоречит здравому смыслу.

10. Красный и синий цвета рядом – удар по глазам

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

Выводы

• Старайтесь не располагать рядом картинки или надписи синего и красного или зеленого и красного цвета.

• Не размещайте синий или зеленый текст на красном фоне, а также красный или зеленый текст на синем фоне.

11. Девять процентов мужчин и полпроцента женщин – дальтоники

Термин «дальтонизм» (цветовая слепота) часто понимают неправильно. Считается, что большинство дальтоников видит мир в черно-белой гамме, но на самом деле речь идет всего лишь о частичной цветовой слепоте, в результате которой людям сложно видеть различия между некоторыми цветами. В большинстве случаев дальтонизм обусловлен наследственностью, хотя иногда он может возникать в результате болезни или травмы. Большинство генов, отвечающих за восприятие цвета, расположено на X-хромосоме. Так как у мужчин только одна X-хромосома, а у женщин их две, у мужчин чаще возникают проблемы с восприятием цвета.

Существует множество различных видов дальтонизма, но наиболее общим случаем является трудность в различении красного, желтого и зеленого цвета. Это так называемый «красно-зеленый» дальтонизм. Другие формы, как, например, проблемы с восприятием синего и желтого, или тот случай, когда все воспринимается как серое, очень редки.

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

Другой подход состоит в выборе цветовой схемы, которая воспринимается людьми, страдающих любым из видов дальтонизма.

Используйте специальные веб-сайты, чтобы проверить, как будут выглядеть изображения с вашего веб-сайта для дальтоников

Существует несколько сайтов, с помощью которых можно проверить, как будут выглядеть картинки с вашего веб-сайта для дальтоников. Здесь я рекомендую два таких сайта:

– www.vischeck.com

– colorfilter.wickline.org

Зачастую дальтоники лучше видят камуфляжную маскировку

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

• Проверьте ваши картинки и веб-странички с помощью сайтов www.vischeck.com или colorfilter.wickline.org.

• Если вы используйте цвета с определенной целью (например, зеленый цвет выбран для привлечения внимания), применяйте дополнительную схему кодирования (привлекать внимание должны элементы зеленого цвета, заключенные в прямоугольник).

• При создании схемы цветового кодирования подбирайте цвета, различаемые всеми, например оттенки коричневого и желтого. Избегайте красного, зеленого и синего.

12. Значение цвета зависит от культуры и истории

Когда-то я работала с клиентом, который создавал для своей компании цветную карту бизнеса, отражающую общий доход за квартал для каждого региона. Желтым была окрашена восточная часть США, зеленый использовался для центральных штатов, а красный – для западных штатов. На заседании вице-президент компании взошел на трибуну и начал демонстрировать слайд-шоу. Когда дело дошло до этой цветной карты, аудитория на мгновение затихла, после чего поднялся невообразимый шум. Ничего не понимающий докладчик попытался продолжить, но никто уже не обращал на него внимания. В зале царил хаос.

Наконец кто-то, обладающий особо зычным голосом, спросил: «Что, черт возьми, происходит на западе?»

«Что вы имеете в виду? – не понял вице-президент. – Ничего не происходит. У них прекрасные квартальные показатели».

Как выяснилось, для бухгалтеров и финансистов красный – цвет негатива. Он означает потерю денег. Выступающий должен был объяснить, что красный был выбран чисто случайно.

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

Если вы разрабатываете что-либо для жителей других стран мира, вы также должны учитывать значение цвета в их культурах. Некоторые цвета «мультикультурны» (золотой, например, символизирует успех и высокое качество), но большая часть цветов в каждой культуре несет собственную информационную нагрузку. Например, в Соединенных Штатах белый символизирует чистоту и в белое одеваются невесты, тогда как в Индии белый – цвет траура и похорон. Счастье может ассоциироваться с белым, зеленым, желтым или красным, в зависимости от того, в какой части света вы находитесь.

Сверьтесь с цветовым колесом Дэвида Маккендлесса

Дэвид Маккендлесс (David McCandless) разместил на InformationIsBeautiful.net цветовое колесо, которое показывает, как различные цвета воспринимаются в различных культурах: http://www.informationisbeautiful.net/visualizations/colours-in-cultures/.

Цвета и настроение

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

Выводы

• Подбирайте цвета внимательно, учитывая те ассоциации, которые они могут вызвать.

• Выберите несколько главных культур или стран, для которых будет предназначаться ваш дизайн, и проверьте корректность использования цветов по цветовой карте культур на InformationIsBeautiful.net.

Как человек читает

В настоящее время, когда более 80 % взрослого населения во всем мире умеют читать, чтение является основным способом получения информации для большинства людей. Но как мы читаем? И что дизайнеры знают о чтении?

13. Миф о том, что прописные буквы трудно читать

Вы, возможно, слышали о том, что слова, состоящие из одних прописных букв, читать труднее, чем слова со смешанным составом букв (прописные и строчные) или слова, состоящие только из строчных букв. Кроме того, вы, возможно, даже слышали о неких исследованиях британских ученых, показавших, что «разница в трудности их восприятия составляет от 14 до 20 %». Это объяснялось тем, что при чтении мы узнаем формы слов и групп слов. Слова со смешанным составом или слова, состоящие только из строчных букв, имеют однозначно идентифицируемую форму. А все слова, состоящие только из заглавных букв, имеют одинаковую форму – прямоугольник определенного размера – поэтому, теоретически, их труднее различать (рис. 13.1).

Рис. 13.1. Теория формы слова

Это объяснение звучит вполне правдоподобно, но на самом деле это не так. Исследования, убедительно доказывающие, что форма помогает идентифицировать слова точнее или быстрее, никогда не проводились. Американский психолог Джеймс Кеттелл (James Cattell) впервые выдвинул это предположение в 1886 году. В то время существовали некоторые данные, говорящие в пользу этой идеи, но в более поздних работах Кеннет Паап (Kenneth Paap, 1984) и Кейт Райнер (Keith Rayner, 1998) показали, что на самом деле во время чтения происходит распознавание букв. И только потом, на основе букв, мы распознаем слово. Давайте рассмотрим подробнее, как мы читаем.

Чтение не является непрерывным процессом

При чтении кажется, что наш взгляд непрерывно перемещается по строчкам на странице, но на самом деле наши глаза движутся быстрыми скачками с короткими паузами между ними. Скачки называют саккадами (за один прыжок считывается от 7 до 9 букв), а паузы между ними называются фиксациями (продолжительность их около 250 миллисекунд). Во время саккады мы ничего не видим, то есть фактически слепы, но саккада происходит настолько быстро, что мы не успеваем это осознать. Большую часть времени взгляд не меняет направление, но на краткий промежуток времени (10–15 %) взгляд возвращается назад, чтобы перечитать буквы или слова.

На рис. 13.2 показан пример саккады и фиксации. Черные точки изображают фиксации, а кривые линии между ними – саккады.

Рис. 13.2. Примеры саккады и фиксации

Во время чтения работает периферическое зрение

Саккада охватывает от 7 до 9 букв, но наше восприятие в действительности распространяется на вдвое большее число букв. В 1996 году Кеннет Гудман (Kenneth Goodman) обнаружил, что при чтении мы используем периферическое зрение, чтобы «увидеть» следующий кусок текста. Мы заглядываем вперед приблизительно на 15 букв, просматривая символы слева направо (если мы читаем слева направо), но каждый раз происходит отскок назад, и мы перечитываем группы букв. Несмотря на наше «упреждающее» чтение следующих 15 букв, точное значение мы получаем только для части символов этого диапазона. Мы улавливаем семантическое значение букв с первой по седьмую, а с восьмой по пятнадцатую только распознаем.

Чтение музыкальных партитур подобно чтению текста

Чтение партитур ничем не отличается от чтения текста: те же саккады, фиксации и «упреждающее» чтение следующих 15 символов.

Действительно ли прописные буквы читать труднее?

Мы действительно читаем прописные буквы медленнее, но только лишь потому, что они встречаются реже. Большинство текстов содержат как прописные, так и строчные буквы, и мы привыкли к этому. Если вы будете практиковаться в чтении текста, состоящего только из заглавных букв, то в конце концов будете читать его так же быстро, как и смешанный текст. Это не означает, что вы немедленно должны начать использовать заглавные буквы для всех своих текстов. Поскольку люди не привыкли к чтению таких текстов, это замедлит скорость чтения. Кроме того, в наше время текст, состоящий только из прописных букв, воспринимается как «кричащий» или требующий дополнительного внимания (рис. 13.3).

Рис. 13.3. Заглавные буквы воспринимаются как «кричащие», но их чтение не вызывает затруднений

Исследование текстов, состоящих из заглавных букв

Кевин Ларсон (Kevin Larson) написал замечательную статью, подытоживающую исследования текстов, состоящих из заглавных букв, и смешанных текстов: http://www.microsoft.com/typography/ctfonts/wordrecognition.aspx.

Выводы

• Тексты, состоящие только из заглавных букв, воспринимаются как «кричащие» и для человеческого глаза выглядят непривычно, так что пользуйтесь заглавными буквами аккуратно.

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

14. Чтение и понимание – это не одно и то же

Если вы биолог или биохимик, то разобраться в следующем тексте для вас не составит особого труда:

Образовавшийся в результате окислительного декарбоксилирования пирувата в митохондриях ацетил-КоА вступает в цикл Кребса. Начинается цикл с присоединения ацетил-КоА к оксалоацетату и образования цитрата. Затем цитрат путем ряда дегидрирований и двух декарбоксилирований теряет два углеродных атома и снова превращается в оксалоацетат.

Если вы далеки от биохимии, то потратите много времени, чтобы понять, о чем говорится в этом абзаце. Вы можете прочитать абзац, но ничего не понять. Новая информация воспринимается полностью только тогда, когда она укладывается в существующие когнитивные рамки.

Можно оценить удобочитаемость вашего текста

• Для оценки удобочитаемости текста используется формула легкости чтения Флеша. С помощью этой формулы оценивается не только легкость чтения текста, но и уровень образования читающего. Чем выше значение, тем легче прочитать текст и тем большему числу читателей он будет понятен. Формула представлена на рис. 14.1.

Рис. 14.1. Формула удобочитаемости Флеша

Вы можете прочитать этот абзац?

Хтоя свола инензмеы, все же вы мжеоте пчеорсть киакм-то орабозм эотт азабц. Подоряк рпоасженлоия бкув в кждаом свлое не яетвляся тиакм уж вныажм. Но пваеря и пляедосня бувкы кадожго солва дожнлы быть на сивох мтесах. Останылье бувкы мгуот быть пешаремены и все же вы проетчте тескт без бошольго тудра. Это птомоу что чнтеие овасноно на пгадыредувании слеющдуего свлоа.

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

Оценка удобочитаемости в Интернете

В некоторые программы для работы с текстами включена возможность вычисления оценки удобочитаемости по формуле Флеша – Кинсайда. Кроме того, можно использовать следующий метод оценки уровня удобочитаемости отдельного фрагмента: http://www.standards-schmandards.com/exhibits/rix/index.php. Я протестировала абзац из одной моей статьи в блоге ( www.whatmakesthemclick.net). Результаты представлены на рис. 14.2.

Рис. 14.2. Пример расчета показателя удобочитаемости одной из статей моего блога

Не забывайте о заголовках

Прочитайте следующий абзац:

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

О чем этот абзац? Понять трудно. Но что если я помещу тот же самый абзац под заголовком?

Как использовать новую стиральную машину

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

Удобочитаемость абзаца не улучшилась, но, по крайней мере, стало понятно, о чем он.

При обработке слов задействуются различные отделы мозга

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

Рис. 14.3. Слова обрабатываются различными участками мозга

То, что вы запоминаете, зависит от вашей точки зрения

В исследовании Андерсона и Пичерта (Anderson, Pichert, 1978) испытуемые читали рассказ о доме и его внутреннем убранстве. Одной группе было предложено прочитать рассказ с точки зрения покупателя дома, а другой – с точки зрения грабителя. Информация, которую люди запомнили, различалась в зависимости от точки зрения.

Выводы

• Читатель является активным действующим лицом. То, что он понимает и запоминает из прочитанного, зависит от его предыдущего опыта, отношения к прочитанному и от инструкций, которые были даны ему перед чтением.

• Вероятность того, что люди запомнят какую-либо конкретную информацию из предложенного текста, невелика.

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

• Всегда помните о целевой аудитории. Если текст предназначен для широкого круга читателей, используйте простые слова.

15. Распознавание образов помогает идентифицировать буквы, написанные различными шрифтами

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

Люди распознают буквы, сверяясь с образами

Каким образом мы распознаем во всех символах на рис. 15.1 букву А?

Рис. 15.1. Мы распознаем множество вариантов начертания буквы

Мы не храним в памяти все варианты начертания буквы А. Вместо этого в мозге формируется образ буквы А. Когда мы видим нечто подобное, наш мозг узнает этот образ. (См. обсуждение геонов в разделе «Как человек видит», чтобы получить больше информации о том, как мы распознаем формы).

Дизайнеры используют разные шрифты для того, чтобы создать настроение, произвести впечатление или вызвать ассоциации. Некоторые семейства шрифтов связываются в нашем представлении с определенной исторической эпохой (Old style или Modern), тогда как другие передают эмоциональный настрой. Однако с точки зрения удобочитаемости выбор шрифта не имеет значения, если только шрифт не содержит такого количества завитушек, что трудно распознать буквы; избыточное количество декоративных элементов затрудняет распознавание образов.

На рис. 15.2 показаны различные декоративные шрифты. Первый шрифт относительно легок для чтения; каждый последующий шрифт становится все более сложным. Мозгу трудно распознавать образы букв в сложных шрифтах.

Рис. 15.2. Некоторые декоративные шрифты легко читаются, тогда как чтение других вызывает трудности

Узнайте больше о видах шрифтов, оформлении текста и удобочитаемости

Если вас интересуют исследования, касающиеся шрифтов, оформления текстов и удобочитаемости, посетите замечательный сайт: http://www.alexpoole.info/academic/literaturereview.html.

От восприятия шрифта зависит понимание текста

В ходе эксперимента Хьюнджин Сонг и Норберт Шварц (Hyunjin Song, Norbert Schwarz, 2008) давали участникам письменные инструкции о том, как выполнять физическое упражнение. Если инструкции были написаны легким для чтения шрифтом (например, Arial), «подопытные» считали, что на выполнение этого упражнения уйдет около восьми минут и что оно не очень сложное. Они даже высказывали желание включить это упражнение в свою ежедневную тренировку. Но если инструкции были написаны более декоративным шрифтом (например, Brush Script MT Italic), они оценивали время выполнения как вдвое большее – 15 минут, а также считали это упражнение трудным для выполнения (рис. 15.3) и большого желания включать его в свою тренировочную программу не выказывали.

Рис. 15.3. Использование неудобочитаемого шрифта негативно отражалось на мнении о легкости упражнения

Прижмите подбородок к груди, затем поднимите его как можно выше. 6-10 повторений. Опустите левое ухо по направлению к левому плечу, затем правое ухо по направлению к правому плечу. 6-10 повторений.

Выводы

• Не существует разницы в удобочитаемости между шрифтами с засечками и без засечек.

• Необычный и чрезмерно декоративный шрифт может мешать распознаванию образов и уменьшать скорость чтения.

• Если люди испытывают трудности при чтении шрифта, они склонны переносить это чувство на текст в целом и могут решить, что предмет, о котором говорится в тексте, сложен для понимания.

16. Размер имеет значение

Это в первую очередь касается шрифтов. Шрифт должен быть достаточно крупным, чтобы его можно было читать без напряжения. И это относится не только к пожилым читателям, которым необходим шрифт покрупнее, – молодым людям также не нравится иметь дело со слишком маленькими буковками.

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

На рис. 16.1 показано, как вычисляются размер шрифта и х-высота.

Рис. 16.1. Так вычисляется размер шрифта и х-высота

Некоторые новые семейства шрифтов, такие как Tahoma и Verdana, имеют большую х-высоту, так что их легко читать с экрана. На рис. 16.2 приведены примеры шрифтов, имеющих одинаковый размер кегля, но разную х-высоту.

Рис. 16.2. Шрифты с большей х-высотой кажутся крупнее

Выводы

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

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

17. сложнее читать текст на экране, чем текст на бумаге

Не следует приравнивать чтение текстов с экрана (компьютера, наладонника или «читалки») к чтению на бумажном носителе. Когда вы читаете текст с экрана, изображение нестабильно – оно постоянно обновляется, а экран излучает свет. Текст на бумаге стабилен (не обновляется), и вместо излучения экрана вы видите только отраженный бумагой свет. Обновление изображения и излучение света экраном вызывают усталость глаз. Электронные чернила[1] создают эффект текста, написанного на бумаге. Они отражают свет, а текст не так часто обновляется.

Чтобы облегчить восприятие текста на экране, убедитесь, что шрифт достаточно крупный и контрастный. На рис. 17.1 показана лучшая комбинация: черный текст на белом фоне.

Рис. 17.1. Черный текст на белом фоне наиболее прост для восприятия

Выводы

• Для текста на экране используйте более крупный кегль. Это поможет снизить напряжение глаз.

• Разбивайте текст на фрагменты. Используйте списки, короткие абзацы и иллюстрации.

• Обеспечьте достаточный контраст между фоном и текстом. Черный текст на белом фоне воспринимается легче всего.

• Убедитесь, что содержание текста стоит того, чтобы его прочитали. В конце концов, все вертится вокруг того, представляет ли текст на странице интерес для аудитории.

18. Человек быстрее читает длинные строчки, но предпочитает короткие

Вы когда-нибудь задумывались о ширине текстовой колонки на экране? Должна ли это быть широкая колонка со 100 символами в строке? Или узкая колонка с 50 символами? Или что-то среднее? Ответ зависит от того, что вы предпочитаете: скорость восприятия информации или привлекательность.

Целью опытов Мэри Дайсон (Mary Dyson) (2004) было определение того, какая длина строки предпочтительнее. Ее исследования показывают, что 100 символов на строке – оптимальная длина для максимальной скорости чтения; но мы предпочитаем короткие строки или же строки средней длины (от 45 до 73 символов на строке). На рис. 18.1 показаны примеры коротких и длинных строк.

Рис. 18.1. Длина строк, скорость чтения и предпочтения читателей, www.maderalabs.com

Длинные строки легче читаются, потому что реже прерывается поток саккад и фиксаций

Каждый раз в конце строки прерывается последовательность движений глаз – саккад и фиксаций. Короткие строчки дают большее число таких прерываний по отношению к общей длине текста.