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 обновился

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

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

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

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

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

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

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

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

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

• Создайте информативные заголовки– “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»

exchange / Kulakov

Спасибо!

text for web

saab mercedes

eye

check

Self Improvement

querying web metadata: native score management and...

building a distributed full-text index for the web

· web viewdraft ccdf preprint for public comment...

web and text

€¦ · web viewtext text text text text text text text...

building a distributed full-text index for the web

cil.nus.edu.sg€¦ · web view1948 convention on the...

note: see the text itself for full citations. text web

making text for the web part 5

template for the preparation of...

efﬁcient web crawling for large text corporacrawler, web...

copy-writing for the web websites, e-mails & text ads

a more robust text based captcha for security in web

data, text and web mining for finance, - department business...

using model-to-text transformation for dynamic web-based...

creative commons - dfat.gov.au · web view2. strategy for...

social and semantic web technologies for the...

cil.nus.edu.sg€¦ · web view2017 chairman’s...

data, text, and web mining for business intelligence: as...

making text for the web part 3