Текст в интернете
Как вообщемы видим
Технология eye-tracking
Фиксация
Контрастная область
Saccade
Технология eye-tracking с 1878 года
Технология eye-tracking. Наши дни.
Tobii x120 Tobii T60
Юзабилити-лаборатория с зеркалом Гизелла
В комнате исследователей выключен свет, поэтому респондент, сидящий за стеклом, хорошо виден. При этом он не видит исследователей, ведущих тестирование. На мониторах отображается тестируемый продукт и движения взгляда респондента.
Как мы рассматриваеминтернет-страницу
Как мы читаем
с экрана
«Золотой треугольник»
«Золотой треугольник»
Вот так на страницу Яндекса смотрят 50 человек от 25 до 40 лет. В СРЕДНЕМ.
Если разделить всех по возрасту и посмотреть на людей до 32 лет, то увидим, что сильно нагрета только область поиска, чуть-чуть – новости. На баннеры почти не смотрят
У более старшего поколения (от 33 до 40) «нагревают» страницу значительно больше – и в том числе просматривают баннеры
Мужчины
Женщины
С экрана мы читаем по-другому
Традиционныепредставления
о тексте
Традиционные представления о тексте
«Я публикую, вы читаете»
Автор – источник знаний, а читатель может только делать пометки на полях.
Традиционные представления о тексте
«Об этом же в газетах писали!»
Напечатанный текст содержит непогрешимую истину.
Традиционные представления о тексте
«Написано черным по
белому». Текст на бумаге отчетливо напечатан и поэтому
легко читается.
Традиционные представления о тексте
«Текст – хранитель
информации». Текст неизменен, он хранится веками.
Традиционные представления о тексте
«Я могу подержать
текст в руках». Текст – физическая субстанция, его можно
потрогать, переместить, отодвинуть.
Традиционные представления о тексте
«Объем текста
очевиден.» Текст имеет длину. Книга имеет толщину. Эти
измерения фиксированы. Все страницы – одинаковой длины.
Традиционные представления о тексте
«Вообще, это текст!» Текст является частью книги. Он имеет начало и
конец.
Традиционные представления о тексте
«Я публикую, вы читаете»
Традиционные представления о тексте
«Я публикую, вы читаете»
Традиционные представления о тексте
«Об этом же в газетах писали!»
Традиционные представления о тексте
«Об этом же в газетах писали!»
Традиционные представления о тексте
«Написано черным по
белому.»
Традиционные представления о тексте
«Написано черным по
белому.»
Традиционные представления о тексте
«Текст – хранитель
информации».
Традиционные представления о тексте
«Текст – хранитель
информации».
Традиционные представления о тексте
«Я могу подержать
текст в руках».
Традиционные представления о тексте
«Я могу подержать
текст в руках».
Традиционные представления о тексте
«Объем текста
очевиден.»
Традиционные представления о тексте
«Объем текста
очевиден.»
Традиционные представления о тексте
«Вообще, это текст!»
Традиционные представления о тексте
«Вообще, это текст!»
Интернет-текст =
КОНТЕНТ +
ИНТЕРФЕЙС
Текст как контент…
Текст как контент…
• Отвечает на вопросы, которые есть у читателя по этой теме. (Описание продукта, статья, отдельная фраза).
Текст как контент…
• Отвечает на вопросы, которые есть у читателя по этой теме. (Описание продукта, статья, отдельная фраза).
• Объясняет пользователю возможности, которые ему даны на этой странице. (Указатели, поля для ввода текста.)
Текст как контент…
• Отвечает на вопросы, которые есть у читателя по этой теме. (Описание продукта, статья, отдельная фраза).
• Объясняет пользователю возможности, которые ему даны на этой странице. (Указатели, поля для ввода текста.)
• Передает информацию о контексте. (Название компании, ее задачи, подписи к фото и подводки к видео).
Текст как интерфейс…
Текст как интерфейс…
• Заголовок сообщает о содержании всей страницы («Куда ты попал»), подзаголовок – о содержании абзаца.
Текст как интерфейс…
• Заголовок сообщает о содержании всей страницы («Куда ты попал»), подзаголовок – о содержании абзаца.
• Пункты меню образуют группы связанных тем. («Что там, внутри, еще есть»).
Текст как интерфейс…
• Заголовок сообщает о содержании всей страницы («Куда ты попал»), подзаголовок – о содержании абзаца.
• Пункты меню образуют группы связанных тем. («Что там, внутри, еще есть»).
• Гиперссылки позволяют перейти на другую страницу.
Основная задача интернет-текста
Основная задача интернет-текста
Найти необходимую информацию
в кратчайшее время.
Средний сайт удобнее…
на 53%, если текст написан сжато и кратко
Средний сайт удобнее…
на 47%, если текст легко просматривается
Средний сайт удобнее…
на 27%, если текст написан в информативном, а не в
«рекламном» стиле.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Читать с экрана – ТРУДНО.
Хороший интернет-текст:
Хороший интернет-текст:
• Тщательно группирует информацию для пользователя.
Хороший интернет-текст:
• Тщательно группирует информацию для пользователя.
• Использует слова и понятия, знакомые и понятные читателю.
Хороший интернет-текст:
• Тщательно группирует информацию для пользователя.
• Использует слова и понятия, знакомые и понятные читателю.
• Имеет грамотно составленные подзаголовки.
Хороший интернет-текст:
• Тщательно группирует информацию для пользователя.
• Использует слова и понятия, знакомые и понятные читателю.
• Имеет грамотно составленные подзаголовки.• Имеет правильно написанные первые фразы в
каждом абзаце.
Хороший интернет-текст:
• Тщательно группирует информацию для пользователя.
• Использует слова и понятия, знакомые и понятные читателю.
• Имеет грамотно составленные подзаголовки.• Имеет правильно написанные первые фразы в
каждом абзаце.• Содержит только одну идеи на абзац.
Хороший интернет-текст:
• Тщательно группирует информацию для пользователя.
• Использует слова и понятия, знакомые и понятные читателю.
• Имеет грамотно составленные подзаголовки.• Имеет правильно написанные первые фразы в
каждом абзаце.• Содержит только одну идеи на абзац.• Имеет меньшее число слов, чем печатная версия.
Как написать хороший интернет-текст
Как написать хороший интернет-текст
• Привлечь внимание
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Привлечь внимание
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто
Привлечь внимание
• Напишите просто.
Привлечь внимание
• Напишите просто• Удалите гиперболы, «красивости» и
маркетинговые уловки
Привлечь внимание
• Напишите просто• Удалите гиперболы, «красивости» и
маркетинговые уловки
Привлечь внимание
• Напишите просто• Удалите гиперболы, «красивости» и
маркетинговые уловки. Переходите сразу к делу.
Привлечь внимание
• Напишите просто• Удалите гиперболы, «красивости» и
маркетинговые уловки. Переходите сразу к делу.
• Объясните, почему посетитель должен прочитать этот текст.
Привлечь внимание
• Напишите просто• Удалите гиперболы, «красивости» и
маркетинговые уловки. Переходите сразу к делу.
• Объясните, почему посетитель должен прочитать этот текст.
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Сократить вдвое
Сократить вдвое
Сократить вдвое
…и еще вдвое
Сократить вдвое
• Не заставляйте меня читать!
Сократить вдвое
• Не заставляйте меня читать!• Сохраните только основной смысл.
Сократить вдвое
• Не заставляйте меня читать!• Сохраните только основной смысл.• Уберите:
– Вводные слова и слова-паразиты («Действительно…», «На самом деле»)
– Слова, которые ничего не добавляют к уже сказанному.
– Необязательные подробности.– Пафос и официоз.
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Ввести ключевые слова
Ввести ключевые слова
• Заранее создайте список из 5-6 важнейших слов.
Ввести ключевые слова
• Заранее создайте список из 5-6 важнейших слов.
• Найдите им оптимальное место в заголовке и в лиде.
Ввести ключевые слова
• Заранее создайте список из 5-6 важнейших слов.
• Найдите им оптимальное место в заголовке и в лиде.
Обновленный БМВ-Х5
Ввести ключевые слова
• Заранее создайте список из 5-6 важнейших слов.
• Найдите им оптимальное место в заголовке и в лиде.
BMW X5 обновился
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Структурировать текст
Структурировать текст
Структурировать текст
• Создайте информативные заголовки
Структурировать текст
• Создайте информативные заголовки– “Бомба замедленного действия”
Структурировать текст
• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”
Структурировать текст
• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”– “Бодрячок”
Структурировать текст
• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”– “Бодрячок”– “Хорек, барсук и штопор”
Структурировать текст
• Создайте информативные заголовки– “Бомба замедленного действия”– “Котенок по имени Гав”– “Бодрячок”– “Хорек, барсук и штопор”
Структурировать текст
• Создайте информативные заголовки
Структурировать текст
• Создайте информативные заголовки– “Самый русский “Туарег”
Структурировать текст
• Создайте информативные заголовки– “Самый русский “Туарег”– “Калиновый сбор”
Структурировать текст
• Создайте информативные заголовки– “Самый русский “Туарег”– “Калиновый сбор”– “Меняем масло в дизеле”
Структурировать текст
• Создайте информативные заголовки
Структурировать текст
• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”
Структурировать текст
• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”– “Mercedes работает над маленьким
универсалом”
Структурировать текст
• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”– “Mercedes работает над маленьким
универсалом”– “Семейный минивэн в новом формате”
Структурировать текст
• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”– “Mercedes работает над маленьким
универсалом”– “Семейный минивэн в новом формате”– “Хендай”: “Гетц” или i20
Структурировать текст
• Создайте информативные заголовки– “SAAB начинает выпуск электромобилей”– “Mercedes работает над маленьким
универсалом”– “Семейный минивэн в новом формате”– “Хендай”: “Гетц” или 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 дюймов), тесты незамерзающих жидкостей.
Структурировать текст
...Также читайте материалы на сайте:Тест 2010 года зимних шин (16 дюймов), прошлогодний тест зимних шин (14 дюймов), тесты незамерзающих жидкостей.
Структурировать текст: пример
• Тест зимних шин 16 дюймов (ЗР, 2010),• Тест зимних шин 14 дюймов (ЗР, 2009),• Тест незамерзающих жидкостей (ГЗР,
2009),• Тест незамерзающих жидкостей (ЗР,
2009).
Также читайте материалы на сайте:
Структурировать текст: пример
Структурировать текст: пример
Структурировать текст: пример
Структурировать текст: пример
Структурировать текст: пример
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Гиперссылки
Гиперссылки
• Ведут на другие страницы нашего сайта.
Гиперссылки
• Ведут на другие страницы нашего сайта.• Стоят в последней части статьи.
Гиперссылки
• Ведут на другие страницы нашего сайта.• Стоят в последней части статьи.• Создают правильные ожидания.
Гиперссылки
...Интересно, что в ближайшее время за дорожными уборщиками по всей столице начнет действовать GPS-контроль.
Гиперссылки
Уже есть первые результаты опроса.
Гиперссылки
Уже есть первые результаты опроса.
Как написать хороший интернет-текст
• Привлечь внимание• Сократить бумажный текст вдвое• Ввести ключевые слова• Структурировать текст• Объяснить, что кроется за гиперссылкой• Включить мультимедию
Включить мультимедию
Включить мультимедию
Включить мультимедию
Вопросы?
Что почитать
Что почитать
• «Требования к интернет-версии статьи»
Что почитать
• «Требования к интернет-версии статьи»• «Check-list»
Что почитать
• «Требования к интернет-версии статьи»• «Check-list»
exchange / Kulakov
Спасибо!