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




                       www.raum-7.com

Wednesday, February 3, 2010
Глеб Калинин


                        Судьба
                       текстов
                     и картинок
             ...
Let me
                              introduce
                                myself

Wednesday, February 3, 2010
www.glebkalinin.ru


                              twitter.com/glebis



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

Wednesday, February 3, 2...
• Дизайнерам
                    • UX-специалистам
                    • Копирайтерам
                    • Редакторам
   ...
Почему
                              контент?

Wednesday, February 3, 2010
Content is King


Wednesday, February 3, 2010
iPad


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

Wednesday, February 3, 2010
Текст
                              и картинки —
                               основа сети

Wednesday, February 3, 2010
ARPANET →
                               Science
                              Foundation
                               N...
Сеть для
                              передачи
                               данных

Wednesday, February 3, 2010
1989
                    концепция www

Wednesday, February 3, 2010
Wednesday, February 3, 2010
1991-1993
                HTTP, HTML, URL

Wednesday, February 3, 2010
HTTP
                                протокол
                               передачи
                              гиперт...
1993
                                 первый
                              графический
                                бра...
NCSA Mosaic
Wednesday, February 3, 2010
в вебе появляются картинки
Wednesday, February 3, 2010
WWW =
                              гипертекст
                                  +
                               картинки...
Трафик email, P2P,
                          VoIP, потоковое
                     видео и т.д. — не
                      ...
Аудио, видео —
                         хорошо

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

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

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


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

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


Wednesday, February 3, 2010
Wednesday, February 3, 2010
Доступен людям
              с ограничениями
Wednesday, February 3, 2010
Наиболее
                       доступен
                    для индексации
                       и анализа
Wednesday, Fe...
Текст —
                              оптимален

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


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

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

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

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

Wednesday, February 3, 2010
Wednesday, February 3, 2010
F-shape


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


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

Wednesday, February 3, 2010
Rappers


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

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

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

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

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

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

Wednesday, February 3, 2010
На каждые
                     дополнительные
                        100 слов в
                    среднем тратится
    ...
Twitter — формат времени
Wednesday, February 3, 2010
Как подавать
                              текст в таких
                               условиях?

Wednesday, February 3, ...
Первые 1-2
                              абзаца очень
                                 важны

Wednesday, February 3, 2010
«Перевёрнутая
                        пирамида» —
                           начните
                        с заключения
...
Делайте
                              выжимки

Wednesday, February 3, 2010
Сайт CNN


Wednesday, February 3, 2010
Сайт CNN


Wednesday, February 3, 2010
Разбейте текст
                          на части

Wednesday, February 3, 2010
1 мысль =
                               1 абзац

Wednesday, February 3, 2010
Выжимайте
                                «воду»

Wednesday, February 3, 2010
Правило
                         Стивена Кинга

Wednesday, February 3, 2010
Второй
                              черновик =
                                 -10%
                              от пер...
Пресс-релиз для
                 веба может быть
                    сокращен
                     на 50%
Wednesday, Febru...
Структурируйте
                      текст

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


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

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


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

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


Wednesday, February 3, 2010
BBC


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

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

Wednesday, February 3, 2010
gazeta.ru


Wednesday, February 3, 2010
gazeta.ru


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

Wednesday, February 3, 2010
useit.com


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

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


Wednesday, February 3, 2010
Apple.com


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




Wednesday, February 3, 2010
Контент в вебе
                         не статичен
                          и должен
                         обновлятьс...
Дополняйте
                  статьи по мере
                 появление новой
                   информации
Wednesday, Febr...
Сделайте
                        доступной
                       возможность
                      обратной связи
Wednesd...
Форма влияет
                          на восприятие
                           содержания

Wednesday, February 3, 2010
Tumblrblog


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

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

Wednesday, February 3, 2010
Basecamphq.com


Wednesday, February 3, 2010
Экспериментируйте

                              с подачей

Wednesday, February 3, 2010
Jackcheng.com


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

Wednesday, February 3, 2010
glebkalinin.ru


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


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

Wednesday, February 3, 2010
tandp.ru


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

Wednesday, February 3, 2010
apple.com


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

Wednesday, February 3, 2010
12 слов


Wednesday, February 3, 2010
65 символов
                              для английского языка




Wednesday, February 3, 2010
Это особенно
                          актуально при
                           «резиновом»
                             д...
Начинают
                 задействоваться
                   мышцы шеи
Wednesday, February 3, 2010
Повышается
                              утомляемость

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

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

Wednesday, February 3, 2010
Делайте
                              говорящие
                              заголовки
Wednesday, February 3, 2010
2 из 3 сначала
                            смотрят
                         на текст, а не
                          на ка...
Скрывайте часть
                  контента?

Wednesday, February 3, 2010
Openspace.ru


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


Wednesday, February 3, 2010
tandp


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


Wednesday, February 3, 2010
• Снимать самим
                  • Иллюстрации
                  • Фотобанки
                  • Compfight.com = Flickr +...
Baby


Wednesday, February 3, 2010
Wednesday, February 3, 2010
Что должен
                        уметь контент-
                         менеджер?

Wednesday, February 3, 2010
•         Быть опытным пользователем

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

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


                ...
Спасибо!
                              PDF этой презентации доступен на
                                    www.raum-7.com...
Upcoming SlideShare
Loading in...5
×

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

1,380

Published on

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

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

No Downloads
Views
Total Views
1,380
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
13
Comments
0
Likes
4
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×