Интернет исторически предназначен для передачи контента — текстов, картинок, видео и мультимедиа. Западные маркетологи говорят — «Content is King», контент — король, и именно вокруг контента, а не самодостаточного дизайна строится идентичность многих серьёзных брендов в сети.

1. Пространство
коммуникаций
www.raum-7.com
Wednesday, February 3, 2010

2. Глеб Калинин
Судьба
текстов
и картинок
в интернете
Wednesday, February 3, 2010

3. Let me
introduce
myself
Wednesday, February 3, 2010

4. www.glebkalinin.ru
twitter.com/glebis
Wednesday, February 3, 2010

5. Кому может
быть полезен
мой рассказ?
Wednesday, February 3, 2010

6. • Дизайнерам
• UX-специалистам
• Копирайтерам
• Редакторам
• Блогерам
• Технологам
Wednesday, February 3, 2010

7. Почему
контент?
Wednesday, February 3, 2010

8. Content is King
Wednesday, February 3, 2010

9. iPad
Wednesday, February 3, 2010

10. Устройство для
потребление
контента
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

15. 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

19. NCSA Mosaic
Wednesday, February 3, 2010

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

21. WWW =
гипертекст
+
картинки
Wednesday, February 3, 2010

22. Трафик email, P2P,
VoIP, потоковое
видео и т.д. — не
показатель
Wednesday, February 3, 2010

23. Аудио, видео —
хорошо
Wednesday, February 3, 2010

24. Но текст
оптимален
Wednesday, February 3, 2010

25. Для восприятия
в любых
условиях
Wednesday, February 3, 2010

26. Wednesday, February 3, 2010

27. Настраиваем
Wednesday, February 3, 2010

28. Текст
настраиваем
Wednesday, February 3, 2010

29. Настраиваем
Wednesday, February 3, 2010

30. Wednesday, February 3, 2010

31. Доступен людям
с ограничениями
Wednesday, February 3, 2010

32. Наиболее
доступен
для индексации
и анализа
Wednesday, February 3, 2010

33. Текст —
оптимален
Wednesday, February 3, 2010

34. Но есть нюансы
Wednesday, February 3, 2010

35. Особенности
медиа
Wednesday, February 3, 2010

36. Носитель —
экран
Wednesday, February 3, 2010

37. Текст с экрана
не читают
Wednesday, February 3, 2010

38. Его «сканируют»
(to scan)
Wednesday, February 3, 2010

39. Wednesday, February 3, 2010

40. F-shape
Wednesday, February 3, 2010

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

42. Поймите, кто
ваша аудитория
Wednesday, February 3, 2010

43. Rappers
Wednesday, February 3, 2010

44. В зависимости от
уровня образования,
навыки и привычки
пользователей могут
быть различны
Wednesday, February 3, 2010

45. В США около
43% жителей
малообразованы
Wednesday, February 3, 2010

46. Пользователи
спешат
Wednesday, February 3, 2010

47. Их внимание
рассеяно
Wednesday, February 3, 2010

48. Читают
максимум 28%
слов на странице
Wednesday, February 3, 2010

49. В среднем —
20%
Wednesday, February 3, 2010

50. Чем длиннее текст,
тем меньший
процент
пользователей его
дочитает
Wednesday, February 3, 2010

51. Больше текст → меньше дочитавших
Wednesday, February 3, 2010

52. На каждые
дополнительные
100 слов в
среднем тратится
4.4 секунды
Wednesday, February 3, 2010

53. Twitter — формат времени
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

58. Сайт CNN
Wednesday, February 3, 2010

59. Сайт CNN
Wednesday, February 3, 2010

60. Разбейте текст
на части
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

66. Структурируйте
текст
Wednesday, February 3, 2010

67. Используйте
значащие
заголовки
и подзаголовки
Wednesday, February 3, 2010

68. uxbooth.com
Wednesday, February 3, 2010

69. Заголовок
должен быть
коротким
Wednesday, February 3, 2010

70. Информативным
Wednesday, February 3, 2010

71. Содержать
наиболее важные
ключевые слова
в начале
Wednesday, February 3, 2010

72. Быть понятным
вне контекста
Wednesday, February 3, 2010

73. Предсказуемым
Wednesday, February 3, 2010

74. BBC
Wednesday, February 3, 2010

75. Используйте
нумерованные
списки
Wednesday, February 3, 2010

76. Выделяйте
самое значимое
в тексте
Wednesday, February 3, 2010

77. gazeta.ru
Wednesday, February 3, 2010

78. gazeta.ru
Wednesday, February 3, 2010

79. Выделяйте
ключевые слова
Wednesday, February 3, 2010

80. useit.com
Wednesday, February 3, 2010

81. Семантическая
разметка
+ в SEO
Wednesday, February 3, 2010

82. Перенесите
технические
подробности
и детали в отдельный
документ
Wednesday, February 3, 2010

83. Apple.com
Wednesday, February 3, 2010

84. Apple.com
Wednesday, February 3, 2010

85. Для длинных
материалов
обозначьте
время чтения
Wednesday, February 3, 2010

86. fourhourworkweek.com/blog
Wednesday, February 3, 2010

87. Контент в вебе
не статичен
и должен
обновляться
Wednesday, February 3, 2010

88. Дополняйте
статьи по мере
появление новой
информации
Wednesday, February 3, 2010

89. Сделайте
доступной
возможность
обратной связи
Wednesday, February 3, 2010

90. Форма влияет
на восприятие
содержания
Wednesday, February 3, 2010

91. Tumblrblog
Wednesday, February 3, 2010

92. Подачей текста
можно влиять
на его качество
Wednesday, February 3, 2010

93. Используйте
крупные шрифты
Wednesday, February 3, 2010

94. Basecamphq.com
Wednesday, February 3, 2010

95. Экспериментируйте
с подачей
Wednesday, February 3, 2010

96. Jackcheng.com
Wednesday, February 3, 2010

97. Оформите
цитаты
Wednesday, February 3, 2010

98. glebkalinin.ru
Wednesday, February 3, 2010

99. Для типового
контента
создайте
отдельные блоки
Wednesday, February 3, 2010

100. eda.afisha.ru
Wednesday, February 3, 2010

101. Подавайте текст
в 2 колонки
Wednesday, February 3, 2010

102. tandp.ru
Wednesday, February 3, 2010

103. Но помните о
скроллинге
Wednesday, February 3, 2010

104. apple.com
Wednesday, February 3, 2010

105. Помните об
оптимальной
длинне строки
Wednesday, February 3, 2010

106. 12 слов
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

111. Длина строки↑
Читаемость↓
Wednesday, February 3, 2010

112. Фиксируйте
максимальную
ширину
Wednesday, February 3, 2010

113. Делайте
говорящие
заголовки
Wednesday, February 3, 2010

114. 2 из 3 сначала
смотрят
на текст, а не
на картинки
Wednesday, February 3, 2010

115. Скрывайте часть
контента?
Wednesday, February 3, 2010

116. Openspace.ru
Wednesday, February 3, 2010

117. Картинки
Wednesday, February 3, 2010

118. tandp
Wednesday, February 3, 2010

119. У сайта должны
быть гайдлайнз
по работе с
изображениями
Wednesday, February 3, 2010

120. Где искать?
Wednesday, February 3, 2010

121. • Снимать самим
• Иллюстрации
• Фотобанки
• Compfight.com = Flickr + CC
• Скриншоты редко хороши
• Любительские фото, лого и чужие
афиши не хороши никогда
Wednesday, February 3, 2010

122. Baby
Wednesday, February 3, 2010

123. 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