Глеб Калинин: Судьба текстов и картинок в интернете

Пространство коммуникаций

www.raum-7.com

Wednesday, February 3, 2010

http://www.raum-7.com


Глеб Калинин

Судьба текстов

и картинок в интернете


Let me introduce

myself


www.glebkalinin.ru

twitter.com/glebis










Кому может быть полезен мой рассказ?


• Дизайнерам

• UX-специалистам

• Копирайтерам

• Редакторам

• Блогерам

• Технологам


Почему контент?


Content is King


iPad


Устройство для потребление

контента


Текст и картинки — основа сети


ARPANET → Science

Foundation Network


Сеть для передачи

данных


1989концепция www


1991-1993HTTP, HTML, URL


HTTPпротокол передачи

гипертекстаWednesday, February 3, 2010

1993первый

графический браузер


NCSA MosaicWednesday, February 3, 2010

в вебе появляются картинкиWednesday, February 3, 2010

WWW = гипертекст

+картинки


Трафик email, P2P, VoIP, потоковое

видео и т.д. — не показатель


Аудио, видео — хорошо


Но текст оптимален


Для восприятия в любых

условиях


Настраиваем


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


Настраиваем


Доступен людям с ограничениями


Наиболее доступен

для индексации и анализа


Текст — оптимален


Но есть нюансы


Особенности медиа


Носитель — экран


Текст с экрана не читают


Его «сканируют»(to scan)


F-shape


Исключения:малообразованные люди,иероглифическое письмо


Поймите, кто ваша аудитория


Rappers


В зависимости от уровня образования, навыки и привычки

пользователей могут быть различны


В США около 43% жителей

малообразованы


Пользователи спешат


Их внимание рассеяно


Читают максимум 28%

слов на странице


В среднем — 20%


Чем длиннее текст, тем меньший

процент пользователей его

дочитаетWednesday, February 3, 2010

Больше текст → меньше дочитавших


На каждые дополнительные

100 слов в среднем тратится

4.4 секундыWednesday, February 3, 2010

Twitter — формат времениWednesday, February 3, 2010

Как подавать текст в таких

условиях?


Первые 1-2 абзаца очень

важны


«Перевёрнутая пирамида» —

начните с заключения


Делайте выжимки


Сайт CNN


Разбейте текст на части


1 мысль = 1 абзац


Выжимайте «воду»


Правило Стивена Кинга


Второй черновик =

-10% от первого


Пресс-релиз для веба может быть

сокращен на 50%


Структурируйте текст


Используйте значащие заголовки

и подзаголовкиWednesday, February 3, 2010

uxbooth.com


Заголовок должен быть

коротким


Информативным


Содержать наиболее важные ключевые слова

в началеWednesday, February 3, 2010

Быть понятным вне контекста


Предсказуемым


BBC


Используйте нумерованные

списки


Выделяйте самое значимое

в тексте


gazeta.ru


Выделяйте ключевые слова


useit.com


Семантическая разметка + в SEO


Перенесите технические подробности

и детали в отдельный документ


Apple.com


Для длинных материалов обозначьте

время чтенияWednesday, February 3, 2010

fourhourworkweek.com/blog


Контент в вебе не статичен

и должен обновляться


Дополняйте статьи по мере

появление новой информации


Сделайте доступной

возможность обратной связи


Форма влияет на восприятие

содержания


Tumblrblog


Подачей текста можно влиять

на его качество


Используйте крупные шрифты


Basecamphq.com


Экспериментируйте с подачей


Jackcheng.com


Оформите цитаты


glebkalinin.ru


Для типового контента создайте

отдельные блокиWednesday, February 3, 2010

eda.afisha.ru


Подавайте текст в 2 колонки


tandp.ru


Но помните о скроллинге


apple.com


Помните об оптимальной

длинне строки


12 слов


65 символовдля английского языка


Это особенно актуально при «резиновом»

дизайнеWednesday, February 3, 2010

Начинают задействоваться

мышцы шеиWednesday, February 3, 2010

Повышается утомляемость


Длина строки↑Читаемость↓


Фиксируйте максимальную

ширину


Делайте говорящие заголовки


2 из 3 сначала смотрят

на текст, а не на картинки


Скрывайте часть контента?


Openspace.ru


Картинки


tandp


У сайта должны быть гайдлайнз

по работе с изображениями


Где искать?


• Снимать самим

• Иллюстрации

• Фотобанки

• Compfight.com = Flickr + CC

• Скриншоты редко хороши

• Любительские фото, лого и чужие афиши не хороши никогда


Baby


Что должен уметь контент-

менеджер?


• Быть опытным пользователем

• Знать аглийский язык

• Быть грамотным

• Работать с изображениями

• Минимум (x)HTML + CSS

• Уметь работать с источниками

• Проверять информацию

• Понимать, что «продаёт» чужой текст


Ссылки• http://www.uxbooth.com/blog/11-quick-tips-for-more-usable-content/

• http://www.uxbooth.com/blog/writing-user-friendly-content/

• http://www.uxmatters.com/mt/archives/2009/12/testing-content-concepts.php

• http://www.useit.com/papers/webwriting/

• http://www.useit.com/alertbox/percent-text-read.html

• http://www.webmascon.com/topics/text/

• http://www.ozon.ru/?partner=experiment&context=detail&id=1372415


http://www.uxbooth.com/blog/11-quick-tips-for-more-usable-content/














Спасибо!PDF этой презентации доступен на

www.raum-7.com

Пространство коммуникаций




Глеб Калинин: Судьба текстов и картинок в интернете

Education

ncsa mosaic