text for web

Текст в интернете

Как вообщемы видим

Технология eye-tracking

Фиксация

Контрастная область

Saccade

Технология eye-tracking с 1878 года

Технология eye-tracking. Наши дни.

Tobii x120 Tobii T60

Юзабилити-лаборатория с зеркалом Гизелла

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

Как мы рассматриваеминтернет-страницу

Как мы читаем

с экрана

«Золотой треугольник»

Вот так на страницу Яндекса смотрят 50 человек от 25 до 40 лет. В СРЕДНЕМ.

Если разделить всех по возрасту и посмотреть на людей до 32 лет, то увидим, что сильно нагрета только область поиска, чуть-чуть – новости. На баннеры почти не смотрят

У более старшего поколения (от 33 до 40) «нагревают» страницу значительно больше – и в том числе просматривают баннеры

Мужчины

Женщины

С экрана мы читаем по-другому

Традиционныепредставления

о тексте

Традиционные представления о тексте

«Я публикую, вы читаете»

Автор – источник знаний, а читатель может только делать пометки на полях.


«Об этом же в газетах писали!»

Напечатанный текст содержит непогрешимую истину.


«Написано черным по

белому». Текст на бумаге отчетливо напечатан и поэтому

легко читается.


«Текст – хранитель

информации». Текст неизменен, он хранится веками.


«Я могу подержать

текст в руках». Текст – физическая субстанция, его можно

потрогать, переместить, отодвинуть.


«Объем текста

очевиден.» Текст имеет длину. Книга имеет толщину. Эти

измерения фиксированы. Все страницы – одинаковой длины.


«Вообще, это текст!» Текст является частью книги. Он имеет начало и

конец.


«Я публикую, вы читаете»


«Об этом же в газетах писали!»


«Написано черным по

белому.»


«Текст – хранитель

информации».


«Я могу подержать

текст в руках».


«Объем текста

очевиден.»


«Вообще, это текст!»

Интернет-текст =

КОНТЕНТ +

ИНТЕРФЕЙС

Текст как контент…


• Отвечает на вопросы, которые есть у читателя по этой теме. (Описание продукта, статья, отдельная фраза).



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



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

• Передает информацию о контексте. (Название компании, ее задачи, подписи к фото и подводки к видео).

Текст как интерфейс…


• Заголовок сообщает о содержании всей страницы («Куда ты попал»), подзаголовок – о содержании абзаца.



• Пункты меню образуют группы связанных тем. («Что там, внутри, еще есть»).



• Пункты меню образуют группы связанных тем. («Что там, внутри, еще есть»).

• Гиперссылки позволяют перейти на другую страницу.

Основная задача интернет-текста

Основная задача интернет-текста

Найти необходимую информацию

в кратчайшее время.

Средний сайт удобнее…

на 53%, если текст написан сжато и кратко


на 47%, если текст легко просматривается


на 27%, если текст написан в информативном, а не в

«рекламном» стиле.

Читать с экрана – ТРУДНО.

Хороший интернет-текст:


• Тщательно группирует информацию для пользователя.



• Использует слова и понятия, знакомые и понятные читателю.




• Имеет грамотно составленные подзаголовки.




• Имеет грамотно составленные подзаголовки.• Имеет правильно написанные первые фразы в

каждом абзаце.





каждом абзаце.• Содержит только одну идеи на абзац.





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

Как написать хороший интернет-текст


• Привлечь внимание


• Привлечь внимание• Сократить бумажный текст вдвое


• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова


• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст


• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой


• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию

Привлечь внимание


• Напишите просто


• Напишите просто.


• Напишите просто• Удалите гиперболы, «красивости» и

маркетинговые уловки



маркетинговые уловки. Переходите сразу к делу.



маркетинговые уловки. Переходите сразу к делу.

• Объясните, почему посетитель должен прочитать этот текст.

Сократить вдвое

…и еще вдвое


• Не заставляйте меня читать!


• Не заставляйте меня читать!• Сохраните только основной смысл.


• Не заставляйте меня читать!• Сохраните только основной смысл.• Уберите:

– Вводные слова и слова-паразиты («Действительно…», «На самом деле»)

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

– Необязательные подробности.– Пафос и официоз.

Ввести ключевые слова


• Заранее создайте список из 5-6 важнейших слов.



• Найдите им оптимальное место в заголовке и в лиде.




Обновленный БМВ-Х5




BMW X5 обновился

Структурировать текст


• Создайте информативные заголовки


• Создайте информативные заголовки– “Бомба замедленного действия”


• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”


• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”– “Бодрячок”


• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”– “Бодрячок”– “Хорек, барсук и штопор”


• Создайте информативные заголовки– “Самый русский “Туарег”


• Создайте информативные заголовки– “Самый русский “Туарег”– “Калиновый сбор”

http://www.zr.ru/a/254366


• Создайте информативные заголовки– “Самый русский “Туарег”– “Калиновый сбор”– “Меняем масло в дизеле”

http://www.zr.ru/a/254366


• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”


• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”– “Mercedes работает над маленьким

универсалом”



универсалом”– “Семейный минивэн в новом формате”



универсалом”– “Семейный минивэн в новом формате”– “Хендай”: “Гетц” или i20



универсалом”– “Семейный минивэн в новом формате”– “Хендай”: “Гетц” или i20 – «Тор-5 самых экономичных внедорожников»


• Создайте информативные заголовки• Создавайте подзаголовки-навигаторы


• Создайте информативные заголовки• Создавайте подзаголовки-навигаторы

ШИПОВАННЫЕ1 место: Nokian Hakkapeliitta 72 место: Michelin X-Ice North 23 место: Gislaved Nord Frost 54 место: Pirelli Winter Carving Edge5 место: Goodyear Ultra Grip Extreme


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

резюме каждого абзаца – в первую фразу.



резюме каждого абзаца – в первую фразу.

Кроссоверы: Как неродныеНекоторые вседорожники, собранные на российских заводах, в обслуживании обходятся дороже импортных.



резюме каждого абзаца – в первую фразу.• Любое перечисление представляйте в виде

списка.


...Также читайте материалы на сайте:Тест 2010 года зимних шин (16 дюймов), прошлогодний тест зимних шин (14 дюймов), тесты незамерзающих жидкостей.

Структурировать текст: пример

• Тест зимних шин 16 дюймов (ЗР, 2010),• Тест зимних шин 14 дюймов (ЗР, 2009),• Тест незамерзающих жидкостей (ГЗР,

2009),• Тест незамерзающих жидкостей (ЗР,

2009).

Также читайте материалы на сайте:

Структурировать текст: пример

Гиперссылки


• Ведут на другие страницы нашего сайта.


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


• Ведут на другие страницы нашего сайта.• Стоят в последней части статьи.• Создают правильные ожидания.


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


Уже есть первые результаты опроса.

Включить мультимедию

Вопросы?

Что почитать


• «Требования к интернет-версии статьи»


• «Требования к интернет-версии статьи»• «Check-list»


• «Требования к интернет-версии статьи»• «Check-list»

exchange / Kulakov

Спасибо!

text for web

Self Improvement

saab mercedes

eye

check