Глеб Калинин: Судьба текстов и картинок в интернете1. Пространство
коммуникаций
www.raum-7.com
Wednesday, February 3, 2010
2. Глеб Калинин
Судьба
текстов
и картинок
в интернете
Wednesday, February 3, 2010
3. Let me
introduce
myself
Wednesday, February 3, 2010
5. Кому может
быть полезен
мой рассказ?
Wednesday, February 3, 2010
6. • Дизайнерам
• UX-специалистам
• Копирайтерам
• Редакторам
• Блогерам
• Технологам
Wednesday, February 3, 2010
7. Почему
контент?
Wednesday, February 3, 2010
11. Текст
и картинки —
основа сети
Wednesday, February 3, 2010
12. ARPANET →
Science
Foundation
Network
Wednesday, February 3, 2010
13. Сеть для
передачи
данных
Wednesday, February 3, 2010
14. 1989
концепция www
Wednesday, February 3, 2010
16. 1991-1993
HTTP, HTML, URL
Wednesday, February 3, 2010
17. HTTP
протокол
передачи
гипертекста
Wednesday, February 3, 2010
18. 1993
первый
графический
браузер
Wednesday, February 3, 2010
21. WWW =
гипертекст
+
картинки
Wednesday, February 3, 2010
22. Трафик email, P2P,
VoIP, потоковое
видео и т.д. — не
показатель
Wednesday, February 3, 2010
24. Но текст
оптимален
Wednesday, February 3, 2010
28. Текст
настраиваем
Wednesday, February 3, 2010
32. Наиболее
доступен
для индексации
и анализа
Wednesday, February 3, 2010
33. Текст —
оптимален
Wednesday, February 3, 2010
41. Исключения:
малообразованные люди,
иероглифическое письмо
Wednesday, February 3, 2010
44. В зависимости от
уровня образования,
навыки и привычки
пользователей могут
быть различны
Wednesday, February 3, 2010
45. В США около
43% жителей
малообразованы
Wednesday, February 3, 2010
48. Читают
максимум 28%
слов на странице
Wednesday, February 3, 2010
50. Чем длиннее текст,
тем меньший
процент
пользователей его
дочитает
Wednesday, February 3, 2010
52. На каждые
дополнительные
100 слов в
среднем тратится
4.4 секунды
Wednesday, February 3, 2010
54. Как подавать
текст в таких
условиях?
Wednesday, February 3, 2010
55. Первые 1-2
абзаца очень
важны
Wednesday, February 3, 2010
56. «Перевёрнутая
пирамида» —
начните
с заключения
Wednesday, February 3, 2010
57. Делайте
выжимки
Wednesday, February 3, 2010
61. 1 мысль =
1 абзац
Wednesday, February 3, 2010
62. Выжимайте
«воду»
Wednesday, February 3, 2010
63. Правило
Стивена Кинга
Wednesday, February 3, 2010
64. Второй
черновик =
-10%
от первого
Wednesday, February 3, 2010
65. Пресс-релиз для
веба может быть
сокращен
на 50%
Wednesday, February 3, 2010
67. Используйте
значащие
заголовки
и подзаголовки
Wednesday, February 3, 2010
69. Заголовок
должен быть
коротким
Wednesday, February 3, 2010
71. Содержать
наиболее важные
ключевые слова
в начале
Wednesday, February 3, 2010
75. Используйте
нумерованные
списки
Wednesday, February 3, 2010
76. Выделяйте
самое значимое
в тексте
Wednesday, February 3, 2010
79. Выделяйте
ключевые слова
Wednesday, February 3, 2010
82. Перенесите
технические
подробности
и детали в отдельный
документ
Wednesday, February 3, 2010
85. Для длинных
материалов
обозначьте
время чтения
Wednesday, February 3, 2010
87. Контент в вебе
не статичен
и должен
обновляться
Wednesday, February 3, 2010
88. Дополняйте
статьи по мере
появление новой
информации
Wednesday, February 3, 2010
89. Сделайте
доступной
возможность
обратной связи
Wednesday, February 3, 2010
90. Форма влияет
на восприятие
содержания
Wednesday, February 3, 2010
92. Подачей текста
можно влиять
на его качество
Wednesday, February 3, 2010
93. Используйте
крупные шрифты
Wednesday, February 3, 2010
97. Оформите
цитаты
Wednesday, February 3, 2010
99. Для типового
контента
создайте
отдельные блоки
Wednesday, February 3, 2010
105. Помните об
оптимальной
длинне строки
Wednesday, February 3, 2010
107. 65 символов
для английского языка
Wednesday, February 3, 2010
108. Это особенно
актуально при
«резиновом»
дизайне
Wednesday, February 3, 2010
109. Начинают
задействоваться
мышцы шеи
Wednesday, February 3, 2010
110. Повышается
утомляемость
Wednesday, February 3, 2010
112. Фиксируйте
максимальную
ширину
Wednesday, February 3, 2010
113. Делайте
говорящие
заголовки
Wednesday, February 3, 2010
114. 2 из 3 сначала
смотрят
на текст, а не
на картинки
Wednesday, February 3, 2010
119. У сайта должны
быть гайдлайнз
по работе с
изображениями
Wednesday, February 3, 2010
121. • Снимать самим
• Иллюстрации
• Фотобанки
• Compfight.com = Flickr + CC
• Скриншоты редко хороши
• Любительские фото, лого и чужие
афиши не хороши никогда
Wednesday, February 3, 2010
124. Что должен
уметь контент-
менеджер?
Wednesday, February 3, 2010
125. • Быть опытным пользователем
• Знать аглийский язык
• Быть грамотным
• Работать с изображениями
• Минимум (x)HTML + CSS
• Уметь работать с источниками
• Проверять информацию
• Понимать, что «продаёт» чужой текст
Wednesday, February 3, 2010
126. Ссылки
• 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
Wednesday, February 3, 2010
127. Спасибо!
PDF этой презентации доступен на
www.raum-7.com
Пространство
коммуникаций
Wednesday, February 3, 2010