Теория_экранного_чтения

Теоретические основы экранного чтения
Физиологические основы восприятия
Человеческий мозг обладает определенными особенностями восприятия окружающей нас
действительности, которые необходимо помнить при создании творческих работ
(разумеется, если вы хотите адекватной реакции от зрителя). Превосходя по своим
возможностям современные компьютеры, мозг отличается от них тем, что имеет
склонность концентрировать внимание на определенных объектах и исключать из
внимания не интересующие его. Эта склонность подчиняется определенным
закономерностям, не знать которые и не использовать в своих страничках для
привлечения внимания, было бы просто глупо.
Реакция на опасность
В процессе эволюции человеческий мозг в целях самосохранения выработал
определенные реакции (на уровне подсознания) на различные виды объектов, и при
наличии некоторых факторов объект вызывает реакцию отторжения. То есть, неправильно
расставив акценты на своей страничке или рекламе, вы можете вызвать совершенно
противоположное впечатление.
Размер
Большие объекты (и псевдоувеличенные) острее воспринимаются, но чем сильнее реакция
на объект - тем сильнее отторжение. Щит наружной рекламы на магистрали
воспринимается более спокойно (расстояние, скорость, состояние защищенности в
автомобиле). И тот же щит на пешеходной дорожке может просто подавить зрителя
своими размерами и огромными цветовыми пятнами.
Цвет
В определенных пропорциях цвет способен создавать настроение и привлекать внимание,
но при нарушении этих соотношений в сторону увеличения может восприниматься как
опасность и вызывать реакцию недоверия.
Естественность и уместность
Любой объект или изображение может быть естественным в одной ситуации и
неуместным в другой. Изображение коровы в рекламе на улицах большого города
привлечет внимание, но подсознательно из-за своей неестественности вызовет недоверие.
Картинка с телевизором на загородной трассе вызовет только смех.
Выделение объекта из среды
Среди однородных объектов внимание концентрируется на тот объект, который
отличается какими-то качествами. Одна черная корова среди стада рыжих, большое
объявление на полосе газеты среди маленьких, цветное изображение среди черно-белых и
наоборот. Один и тот же щит наружной рекламы зимой и летом воспринимается поразному за счет окружения.
Как это положительно можно использовать на практике? Выделяйте то, что вам кажется
главным.
Угол зрения
Глаз обладает определенным углом зрения, что обеспечивает поле благоприятного
восприятия. Максимальный угол восприятия глаза 57 градусов, оптимальный - 35-40
градусов. Эти данные позволяют вычислять наиболее благоприятные размеры рекламы на
различных расстояниях. Если экран находится на расстоянии в среднем 35-40 см от глаз,
то оптимальный размер изображения составляет 15 - 18 см по высоте и 10-14см по ширине
(учтены особенности бинокулярного зрения). Надеюсь, вы не восприняли это как совет
делать все картинки такого размера.
Фокусировка взгляда
Как продолжение предыдущего абзаца. Важен не только благоприятный размер, но и
определенное размещение особо важных элементов в композиции. Наш взгляд
концентрирует внимание на достаточно небольшой зоне, а остальную, ближе к краям, как
бы размывает. На самом деле мозг просто отметает эту информацию. Скажем, у людей с
тренированным взглядом боковое зрение развито иногда очень сильно.
Пренебрегать данной особенностью при построении ваших композиций (страниц) было
бы глупо. Как это выглядит на практике?
Вы разместили на вашей странице большое количество анимированных изображений,
блинков и бегущих строк, каждое из которых активно привлекает внимание, потому что
шевелится. Мозг инстинктивно направляет внимание на нее, потому как природа
заложила в него приоритет движущихся предметов и изображений перед статичными в
целях самосохранения индивидуума. Но соседний объект так же активно требует
внимания, ну и остальные тоже. В результате, мозг зрителя в растерянности - на что же
ему таки смотреть в первую очередь. Подсознательно возникает реакция тревоги и
отторжения.
Психологическое восприятие цвета
Сетчатка глаза имеет так называемые палочки и колбочки, при этом палочки отвечают за
восприятие тона, а колбочки - за восприятие цвета. У разных людей соотношение палочек
и колбочек различно, поэтому и восприятие совершенно различно. Одни люди больше
воспринимают цвет, а другие - форму. Но однозначно определено, что у мужчин
преобладают палочки, а у женщин - колбочки. Из этого следует, что в дизайне для
женщин больше имеет значение цвет, а, следовательно - настроение, а для мужчин форма, а значит и содержание. Можете проверить себя на этих двух картинках. Какая вам
ближе к сердцу (ну какую вы повесили бы на стену...)?
Каждый цвет имеет свой тон, т.е. определенную степень светлоты. И поэтому любую
форму можно построить цветом определенного тона. Если на экране телевизора или
компьютера цвета имеют свой свет, то в печатной или щитовой рекламе они светят
отраженным светом, а это накладывает определенные свойства - рефлексы, гамму
окружающей среды, отражающие свойства материала, на котором изготовлена реклама, и
многое другое. Один и тот же плакат в помещении с освещением от обычной лампы имеет
желтоватый тон, а на улице - холодный синеватый. Эти особенности следует так же
учитывать при съемке видеокамерой. Не зря профессионалы даже в солнечный день
освещают модель дополнительными софитами с лампами определенного спектра
свечения.
Такие же особенности имеет изображение при полиграфических работах. Избыток или
неверный тон определенной краски изменяет изображение в ту или иную сторону.
Основными цветами при построении любой гаммы или палитры являются красный,
желтый и синий. Смешением этих трех цветов можно получить любой другой цвет или
оттенок. Производными называются цвета, полученные в результате смешения двух
соседних основных цветов. Красный и желтый дают оранжевый, желтый и синий дают
зеленый, синий и красный дают фиолетовый.
Дополнительными называются цвета, по этой схеме находящиеся друг против друга.
Каждый основной цвет имеет дополнительный производный. Красный - зеленый, синий оранжевый, желтый - фиолетовый. Эта информация важна при композиционном
построении рекламы при выборе цветовых акцентов, при учете психовосприятия рекламы
и создания требующегося настроения.
Если вы долго будете смотреть на зеленый квадрат, а потом закроете глаза - у вас в голове
будет мерцать красно-розовый квадрат, ибо колбочки, связанные с зеленым цветом
утомлены и временно не работают.
Умело используя комбинации производных и дополнительных цветов, можно добиться
необходимых результатов.
Виктор Вязьминов
http://www.mrdesign.krasline.ru/
Основные принципы рационального восприятия информации
1. Ясно и четко формулировать познавательные цели, выбирать существенную
информацию.
Приучите себя к тому, чтобы начинать деятельность (познавательный процесс) с
формулировки - возможно более точной и ясной - ее цели. Дайте ответ на вопрос: чего я
хочу достигнуть путем восприятия информации?
Определите затем, какая информация может оказать решающее воздействие на
достижение цели. Сконцентрируйте внимание на восприятии этой информации.
2. Всесторонне и интенсивно использовать анализаторы.
Во всех случаях, когда это целесообразно, старайтесь использовать для восприятия
информации в первую очередь свой доминирующий анализатор (зрение или слух). Но чем
всестороннее используются анализаторы, тем интенсивней протекает процесс восприятия.
Поэтому при работе с текстом старайтесь не только понять его смысл, но также
представить последний в образной форме. Можно также, если вам это помогает,
записывать важнейшие мысли текста. Проговорите текст вслух, стараясь придать ему
эмоциональную окраску и определенный ритм. Проверьте, не оказывает ли благоприятное
воздействие на ваше восприятие ходьба. Там, где целесообразно, попытайтесь
использовать анализаторы запаха, вкуса и осязания.
3. Создать интерес, использовать имеющиеся знания.
Попытайтесь сделать информацию, которую надо запомнить, максимально интересной.
Для этого особенно важно осознать ее значение для вашей работы.
Используйте все знания, которыми вы располагаете, чтобы сделать процесс восприятия
возможно более интенсивным. Для этого полезно поразмышлять о том, что вы уже знаете
о воспринимаемой информации, какое отношение она имеет к имеющимся у вас знаниям
и как это может помочь улучшению запоминания.
Стратегии экранного чтения
1.
Сканирование.
«Здесь есть что-нибудь интересное для меня?» спрашивает себя посетитель webстраницы, глядя на экран первоначально. Именно тогда на уровне рефлексии происходит
сканирование всего представленного информационного наполнения. Затем происходит
анализ объектов на основе трех вышеперечисленных принципов.
2.
Восприятие островов информации.
Для того, чтобы осуществить подход к читаемому материалу, вам необходимо
освоить некоторые движения глаз. Поле восприятия информации каждого читателя имеет
вертикальную и горизонтальную составляющие. Причем величина первой (вертикальной)
достигает от ½ до 1/3 размера второй (горизонтальной).
Метод газетного столбца.
Метод газетного столбца. Газетный текст обычно печатается не во всю
полосу, а столбцами. При чтении материала столбцами глазам не нужно совершать
движение по всей ширине печатной страницы, они двигаются по траектории,
напоминающей слаломный спуск. Такое движение глаз эффективно при рациональном
просматривании текстов.
Метод 5-ти строк.
Это означает, что одним взглядом можно охватить минимум пять печатных строк.
В процессе чтения почти исключительно используется горизонтальная составляющая и в
редких случаях – вертикальная. Читатель обычно сосредотачивается на какой-нибудь
одной строке и имеет лишь очень смутное представление о строках, расположенных
выше и ниже читаемой. Понаблюдайте за этим сами, сконцентрировавшись на нескольких
словах этой строчки. Затем попытайтесь увидеть, что написано выше и ниже. Для этого в
известной степени «откройте» верхние и нижние границы своего взгляда.
3.
Управление фокусом внимания.
Фокус внимания человека при взаимодействии с компьютером – это место на
экране монитора, куда направлен взгляд человека и где он сознательно сосредоточен.
Выделяют следующие способы управления фокусом внимания:
o привлечение внимания к элементу содержания;
o удержание внимания с целью постижения (понимания) смыслового содержания
элемента;
o перемещение внимания к последующим элементам содержания.
Наиболее распространена, по мнению психологов, следующая последовательность
восприятия человеком веб-страницы:
o исходные точки – левый верхний угол экрана или центр экрана;
o направление дальнейшего перемещения – построчно, слева направо, сверху
вниз.
Факторы, способные изменить последовательность восприятия:
o статические графические изображения (фотография, схема, рисунок, чертеж и
т.п.);
o динамические графические изображения (видеоролик, анимированный
рекламный баннер, бегущая строка).
Метод «Притягивание или подталкивание взгляда» опирается на элементы
композиции страницы, такие как:
o цветовое выделение;
o указатели;
o «силовые линии»;
o фигуры различной формы и размеров;
o стрелки;
o динамические элементы.
Основы Web-дизайна. Интерфейс сайта
Прежде всего - не забывайте о посетителе. Помните о нем, думайте о нем не тогда, когда
на ваш, уже разработанный проект установлены формы для покупки товара, и вашей
задачей становится привлечение покупателя - помните о нем на всех этапах разработки - и
на этапе анализа и планирования, и на самых первых шагах его создания, и далее - в
процессе оптимизации и продвижения сайта.
Планируя структуру навигационного меню - учитывайте известную статистику, которая
утверждает, что средний пользователь должен найти конечный документ за максимум (!)
три шага (три клика), т.е. если вы используете так называемую "последовательную
навигацию" (когда пользователь, чтобы получить доступ к документу X, должен выбрать
интересующий его раздел, далее - перейти к документу 2, потом - к документу... X-1) ваш посетитель может никогда не добраться до нужной ему информации. Почему?
Здесь следует учитывать и уровень интеллекта, и количество терпения, и саму
возможность долгого серфинга по сайту. В конечном счете - следует просто уважительно
относиться к посетителю, экономить его личное время. Бизнесмен, который пришел на
ваш сайт и за минимальное количество шагов не смог найти прайс с ценами на вашу
продукцию, легко уйдет к вашим же конкурентам, интернет-представительство которых
более оптимизировано для реальной работы. Покупатель, имеющий деньги и готовый
оставить их в вашем электронном магазине, однако не получивший достаточно
информации о искомом товаре - всегда сможет купить его на соседнем сайте.
Если целевая аудитория вашего проекта - тинейджеры - не забудьте учесть особенности
восприятия информации у детей и подростков. Как утверждает гуру веб-юзабилити Якоб
Нильсен - недостаточные способности к чтению, упрощенные стратегии работы, а также
драматически пониженный уровень терпения мешает подросткам отслеживать большие
объемы текста - следовательно, информацию отдавайте порционно и снабжайте
иллюстрациями (поскольку даже востребованная текстовая информация не может
удерживать достаточно долго внимание молодого "читателя"), навигацию желательно
снабжать графикой, а весь сайт - интерактивными элементами - тестами и опросами,
играми и форумами... (ознакомиться с полным текстом статьи можно в авторской колонке
Якоба Нильсена - Jakob Nielsen's Alertbox, Usability of Websites for Teenagers,
http://www.useit.com/alertbox/20050131.html)
Уже сложилось среди разработчиков такое понятие, как "привычный интерфейс" - т.е.
когда все элементы дизайна страницы отвечают ожиданиям посетителя, находятся в тех
местах, где их готов увидеть посетитель, и функционируют так, как ожидает посетитель. В
большинстве случаев разработка дизайна в рамках "стандартного" интерфейса
значительно увеличивает вероятность "успешности" ресурса. И если необычный,
креативный дизайн может радовать глаз знатоков, вызывать восхищение у
профессионалов, то для среднего пользователя он может так и остаться загадкой, которую
тому не так уж и хочется разгадывать, потому что (см. выше) - лень, некогда, непонятно...
Тогда как более традиционное дизайнерское решение может оказаться популярным
именно в силу его "понятности" и легкости в использовании.
Структурировать навигацию таким образом, чтобы посетитель всегда за минимальное
количество кликов мог найти на сайте искомый документ - достаточно сложная задача.
Однако есть ряд традиционных элементов, которые, являясь частью оформления
интерфейса или представляя из себя функциональные элементы, способны упростить
серфинг по вашему сайту. К таким элементам можно отнести, к примеру, логотип вашего
проекта (фирмы, товара...) - и стандартным решением в данном случае будет разместить
логотип в левом верхнем углу страницы и сделать его ссылкой на главную страницу
сайта. Таким образом где бы в любой момент времени не находился пользователь, он
всегда может вернуться к исходной точке, всего лишь кликнув на графическое
изображение, которое он традиционно будет искать именно в левом верхнем углу. Такое
решение, возможно, будет *не явным* для новичка, однако опытному серферу - знакомым
и полезным.
Если навигация по сайту имеет иерархическую структуру - когда есть главное меню,
каждый из элементов которого содержит меню второго уровня (дочерний элемент), перед
дизайнером стоит задача спроектировать и реализовать навигацию по сайту таким
образом, чтобы пользователь не потерялся и не запутался в иерархии
разделов/подразделов. В некоторых случаях разработчики реализовывают "выпадающие"
(всплывающие) подменю. Плюсы такого решения в том, что пользоваться выпадающим
меню легко даже неискушенным в интернет-серфинге пользователям - в практически
любом windows-приложении, редакторе и даже игрушке мы наблюдаем именно таким
образом сформированную навигацию.
Более традиционное и простое в реализации решение для иерархической двухуровневой
навигации - предоставлять два навигационных блока - главное и принадлежащее элементу
главного второстепенное меню. При этом для пользователя привычнее, если главное меню
расположено вверху (и, вероятнее всего - в строку), а второстепенное - сбоку (слева или
справа).
Очень сложные иерархические структуры с количеством вложенностей более двух можно
представлять в виде каталогов. Типичный пример - каталог сайтов от Яки http://yaca.yandex.ru/ - каждая главная рубрика разбивается на подрубрики, те в свою
очередь так же имеют дочерние подрубрики...