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

1,556 views
1,500 views

Published on

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

Published in: Education
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,556
On SlideShare
0
From Embeds
0
Number of Embeds
533
Actions
Shares
0
Downloads
14
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

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

  1. 1. Пространство коммуникаций www.raum-7.com Wednesday, February 3, 2010
  2. 2. Глеб Калинин Судьба текстов и картинок в интернете Wednesday, February 3, 2010
  3. 3. Let me introduce myself Wednesday, February 3, 2010
  4. 4. www.glebkalinin.ru twitter.com/glebis Wednesday, February 3, 2010
  5. 5. Кому может быть полезен мой рассказ? Wednesday, February 3, 2010
  6. 6. • Дизайнерам • UX-специалистам • Копирайтерам • Редакторам • Блогерам • Технологам Wednesday, February 3, 2010
  7. 7. Почему контент? Wednesday, February 3, 2010
  8. 8. Content is King Wednesday, February 3, 2010
  9. 9. iPad Wednesday, February 3, 2010
  10. 10. Устройство для потребление контента Wednesday, February 3, 2010
  11. 11. Текст и картинки — основа сети Wednesday, February 3, 2010
  12. 12. ARPANET → Science Foundation Network Wednesday, February 3, 2010
  13. 13. Сеть для передачи данных Wednesday, February 3, 2010
  14. 14. 1989 концепция www Wednesday, February 3, 2010
  15. 15. Wednesday, February 3, 2010
  16. 16. 1991-1993 HTTP, HTML, URL Wednesday, February 3, 2010
  17. 17. HTTP протокол передачи гипертекста Wednesday, February 3, 2010
  18. 18. 1993 первый графический браузер Wednesday, February 3, 2010
  19. 19. NCSA Mosaic Wednesday, February 3, 2010
  20. 20. в вебе появляются картинки Wednesday, February 3, 2010
  21. 21. WWW = гипертекст + картинки Wednesday, February 3, 2010
  22. 22. Трафик email, P2P, VoIP, потоковое видео и т.д. — не показатель Wednesday, February 3, 2010
  23. 23. Аудио, видео — хорошо Wednesday, February 3, 2010
  24. 24. Но текст оптимален Wednesday, February 3, 2010
  25. 25. Для восприятия в любых условиях Wednesday, February 3, 2010
  26. 26. Wednesday, February 3, 2010
  27. 27. Настраиваем Wednesday, February 3, 2010
  28. 28. Текст настраиваем Wednesday, February 3, 2010
  29. 29. Настраиваем Wednesday, February 3, 2010
  30. 30. Wednesday, February 3, 2010
  31. 31. Доступен людям с ограничениями Wednesday, February 3, 2010
  32. 32. Наиболее доступен для индексации и анализа Wednesday, February 3, 2010
  33. 33. Текст — оптимален Wednesday, February 3, 2010
  34. 34. Но есть нюансы Wednesday, February 3, 2010
  35. 35. Особенности медиа Wednesday, February 3, 2010
  36. 36. Носитель — экран Wednesday, February 3, 2010
  37. 37. Текст с экрана не читают Wednesday, February 3, 2010
  38. 38. Его «сканируют» (to scan) Wednesday, February 3, 2010
  39. 39. Wednesday, February 3, 2010
  40. 40. F-shape Wednesday, February 3, 2010
  41. 41. Исключения: малообразованные люди, иероглифическое письмо Wednesday, February 3, 2010
  42. 42. Поймите, кто ваша аудитория Wednesday, February 3, 2010
  43. 43. Rappers Wednesday, February 3, 2010
  44. 44. В зависимости от уровня образования, навыки и привычки пользователей могут быть различны Wednesday, February 3, 2010
  45. 45. В США около 43% жителей малообразованы Wednesday, February 3, 2010
  46. 46. Пользователи спешат Wednesday, February 3, 2010
  47. 47. Их внимание рассеяно Wednesday, February 3, 2010
  48. 48. Читают максимум 28% слов на странице Wednesday, February 3, 2010
  49. 49. В среднем — 20% Wednesday, February 3, 2010
  50. 50. Чем длиннее текст, тем меньший процент пользователей его дочитает Wednesday, February 3, 2010
  51. 51. Больше текст → меньше дочитавших Wednesday, February 3, 2010
  52. 52. На каждые дополнительные 100 слов в среднем тратится 4.4 секунды Wednesday, February 3, 2010
  53. 53. Twitter — формат времени Wednesday, February 3, 2010
  54. 54. Как подавать текст в таких условиях? Wednesday, February 3, 2010
  55. 55. Первые 1-2 абзаца очень важны Wednesday, February 3, 2010
  56. 56. «Перевёрнутая пирамида» — начните с заключения Wednesday, February 3, 2010
  57. 57. Делайте выжимки Wednesday, February 3, 2010
  58. 58. Сайт CNN Wednesday, February 3, 2010
  59. 59. Сайт CNN Wednesday, February 3, 2010
  60. 60. Разбейте текст на части Wednesday, February 3, 2010
  61. 61. 1 мысль = 1 абзац Wednesday, February 3, 2010
  62. 62. Выжимайте «воду» Wednesday, February 3, 2010
  63. 63. Правило Стивена Кинга Wednesday, February 3, 2010
  64. 64. Второй черновик = -10% от первого Wednesday, February 3, 2010
  65. 65. Пресс-релиз для веба может быть сокращен на 50% Wednesday, February 3, 2010
  66. 66. Структурируйте текст Wednesday, February 3, 2010
  67. 67. Используйте значащие заголовки и подзаголовки Wednesday, February 3, 2010
  68. 68. uxbooth.com Wednesday, February 3, 2010
  69. 69. Заголовок должен быть коротким Wednesday, February 3, 2010
  70. 70. Информативным Wednesday, February 3, 2010
  71. 71. Содержать наиболее важные ключевые слова в начале Wednesday, February 3, 2010
  72. 72. Быть понятным вне контекста Wednesday, February 3, 2010
  73. 73. Предсказуемым Wednesday, February 3, 2010
  74. 74. BBC Wednesday, February 3, 2010
  75. 75. Используйте нумерованные списки Wednesday, February 3, 2010
  76. 76. Выделяйте самое значимое в тексте Wednesday, February 3, 2010
  77. 77. gazeta.ru Wednesday, February 3, 2010
  78. 78. gazeta.ru Wednesday, February 3, 2010
  79. 79. Выделяйте ключевые слова Wednesday, February 3, 2010
  80. 80. useit.com Wednesday, February 3, 2010
  81. 81. Семантическая разметка + в SEO Wednesday, February 3, 2010
  82. 82. Перенесите технические подробности и детали в отдельный документ Wednesday, February 3, 2010
  83. 83. Apple.com Wednesday, February 3, 2010
  84. 84. Apple.com Wednesday, February 3, 2010
  85. 85. Для длинных материалов обозначьте время чтения Wednesday, February 3, 2010
  86. 86. fourhourworkweek.com/blog Wednesday, February 3, 2010
  87. 87. Контент в вебе не статичен и должен обновляться Wednesday, February 3, 2010
  88. 88. Дополняйте статьи по мере появление новой информации Wednesday, February 3, 2010
  89. 89. Сделайте доступной возможность обратной связи Wednesday, February 3, 2010
  90. 90. Форма влияет на восприятие содержания Wednesday, February 3, 2010
  91. 91. Tumblrblog Wednesday, February 3, 2010
  92. 92. Подачей текста можно влиять на его качество Wednesday, February 3, 2010
  93. 93. Используйте крупные шрифты Wednesday, February 3, 2010
  94. 94. Basecamphq.com Wednesday, February 3, 2010
  95. 95. Экспериментируйте с подачей Wednesday, February 3, 2010
  96. 96. Jackcheng.com Wednesday, February 3, 2010
  97. 97. Оформите цитаты Wednesday, February 3, 2010
  98. 98. glebkalinin.ru Wednesday, February 3, 2010
  99. 99. Для типового контента создайте отдельные блоки Wednesday, February 3, 2010
  100. 100. eda.afisha.ru Wednesday, February 3, 2010
  101. 101. Подавайте текст в 2 колонки Wednesday, February 3, 2010
  102. 102. tandp.ru Wednesday, February 3, 2010
  103. 103. Но помните о скроллинге Wednesday, February 3, 2010
  104. 104. apple.com Wednesday, February 3, 2010
  105. 105. Помните об оптимальной длинне строки Wednesday, February 3, 2010
  106. 106. 12 слов Wednesday, February 3, 2010
  107. 107. 65 символов для английского языка Wednesday, February 3, 2010
  108. 108. Это особенно актуально при «резиновом» дизайне Wednesday, February 3, 2010
  109. 109. Начинают задействоваться мышцы шеи Wednesday, February 3, 2010
  110. 110. Повышается утомляемость Wednesday, February 3, 2010
  111. 111. Длина строки↑ Читаемость↓ Wednesday, February 3, 2010
  112. 112. Фиксируйте максимальную ширину Wednesday, February 3, 2010
  113. 113. Делайте говорящие заголовки Wednesday, February 3, 2010
  114. 114. 2 из 3 сначала смотрят на текст, а не на картинки Wednesday, February 3, 2010
  115. 115. Скрывайте часть контента? Wednesday, February 3, 2010
  116. 116. Openspace.ru Wednesday, February 3, 2010
  117. 117. Картинки Wednesday, February 3, 2010
  118. 118. tandp Wednesday, February 3, 2010
  119. 119. У сайта должны быть гайдлайнз по работе с изображениями Wednesday, February 3, 2010
  120. 120. Где искать? Wednesday, February 3, 2010
  121. 121. • Снимать самим • Иллюстрации • Фотобанки • Compfight.com = Flickr + CC • Скриншоты редко хороши • Любительские фото, лого и чужие афиши не хороши никогда Wednesday, February 3, 2010
  122. 122. Baby Wednesday, February 3, 2010
  123. 123. Wednesday, February 3, 2010
  124. 124. Что должен уметь контент- менеджер? Wednesday, February 3, 2010
  125. 125. • Быть опытным пользователем • Знать аглийский язык • Быть грамотным • Работать с изображениями • Минимум (x)HTML + CSS • Уметь работать с источниками • Проверять информацию • Понимать, что «продаёт» чужой текст Wednesday, February 3, 2010
  126. 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. 127. Спасибо! PDF этой презентации доступен на www.raum-7.com Пространство коммуникаций Wednesday, February 3, 2010

×