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

  • 1,296 views
Uploaded on

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

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

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,296
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
12
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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