Колор-Код, Райтинг-Код

Семантический Web и дизайн информации

Семантический Web и дизайн информации

Семантический Web, более известный как web 2.0, появился в 2005 г. Точнее, появился он раньше, но заговорили о нем в 2005 г., когда Тим О’Рейли стал автором знаменитого термина (Web 2.0). Специфика нового веба, во многом, опиралась на семантические основания (другими словами, — «смысловой» аспект информации). Под «смысловым» аспектом подразумеваются, например, метки на Я.ру, которые нас склоняют ставить к записям, фото и любым материалам, чтобы их проще могли найти другие пользователи. Если кто-то окунулся в Интернет недавно, стоит заметить, что еще несколько лет назад этого не было, как и обилия социальных сетей (даже «одноклассников» не было).

Одновременно с бумом болтологии о семантическом Web, произошла популяризация дизайна информации (информационного дизайна). Информационный дизайн (Information design) — практика подготовки информации (дизайн информации) таким образом, чтобы люди могли использовать ее оперативно и эффективно. Любовь к конструкциям некоторых дизайнеров нашла воплощение через дизайн информации, которая становится объектом моделирования. За рубежом, дизайн информации ярче всего нашел отражение в так называемой «визуализации данный» (Data Visualisation)

Знания пересекаются, а информация взаимосвязана. Абстракция «меток» (сайт):
Семантический веб дизайн информации

AmazType не даст забыть, зачем вы пришли и что искали. Имитация книжного разброса, повторяющего форму вашего запроса. Выбор книг на Amazon.com.


Измерим популярность интернет-закладок цифрами и фактами (комментариями). Сервис социальных интернет-закладок (Big Dig Spy и Dig Stack):



Они напомнят, который час. Сервис поиска FlickerTime. Резултаты поиска картинок складываются согласно текущему времени. При наведении на картинку, она увеличивается.


Как вы воспринимаете информацию? Информация — это эстетика, утвержают владельцы InfoSthetics:



Улыбайтесь, вас снимает скрытая камера. Ваши клики записываются. Визуальное представление данных по кликам на сайте, применяемая для исследования аудитории (Crazy Egg).

Ваша деятельность подобна игровому полю. По крайней мере, так это видят разработчики Figd’t Visualizer

Чем вы занимаетесь в блоге? Публикуете записи, вывешиваете фото, комментируете других?… А эти ребята решили заняться измерением «человеческих чувств» в блогах (We Feel Fine).

Чем еще лучше изобразить музыку, как не волной? «Музыкальная волна» от Lastfm

«Карта» новостей CCN, новости, разбитые по секторам:




Путешествие в мир новостей от Voyage. Последние новости в «гравитационном поле»


Поиск должен быть нагляден. Просмотр сайтов и визуализация результатов на SpaceTime:

Давайте придадим плоскости объема. Веб-страницы «в кубе» от UBrawser

Последние события и взаимосвязи в «гравитационном поле», по релевантности (Universe DayLife):

Города онлайн. Пики интернет-активности, или еще одно представление «Интернет-популяции»

Послесловие автора
К сожалению, большинство из примеров первых проявлений дизайна информации в контексте семантического Web (Web 2.0), по большей части, использовало технологии FLASH (нечитаемые поисковиками), плюс RSS, или статичные картинки, представляющие разве что эстетическое удовольствие, но не реальную пользу (как в случае абстракции меток, нажатие на которые никуда не вели). Использование заскорузлого Flash было обусловлено простотой отображения нужных визуальных эффектов. В отличие от статичных картинок, они представляют динамичные технологии, однако их большой минус — невидимость в поисковиках — иногда сводит на нет всю зрелищность (обнаружить ее в интернете довольно сложно, и проекты лишены возможности того развития, которое могли бы получить при более трудоемком, но более оптимизированном, использовании индексируемых веб-технологий).

Семантический Web и дизайн информации

Семантический Web, более известный как web 2.0, появился в 2005 г. Точнее, появился он раньше, но заговорили о нем в 2005 г., когда Тим О’Рейли стал автором знаменитого термина (Web 2.0). Специфика нового веба, во многом, опиралась на семантические основания (другими словами, — «смысловой» аспект информации). Под «смысловым» аспектом подразумеваются, например, метки на Я.ру, которые нас склоняют ставить к записям, фото и любым материалам, чтобы их проще могли найти другие пользователи. Если кто-то окунулся в Интернет недавно, стоит заметить, что еще несколько лет назад этого не было, как и обилия социальных сетей (даже «одноклассников» не было).

Одновременно с бумом болтологии о семантическом Web, произошла популяризация дизайна информации (информационного дизайна). Информационный дизайн (Information design) — практика подготовки информации (дизайн информации) таким образом, чтобы люди могли использовать ее оперативно и эффективно. Любовь к конструкциям некоторых дизайнеров нашла воплощение через дизайн информации, которая становится объектом моделирования. За рубежом, дизайн информации ярче всего нашел отражение в так называемой «визуализации данный» (Data Visualisation)

Знания пересекаются, а информация взаимосвязана. Абстракция «меток» (сайт):


AmazType не даст забыть, зачем вы пришли и что искали. Имитация книжного разброса, повторяющего форму вашего запроса. Выбор книг на Amazon.com.


Измерим популярность интернет-закладок цифрами и фактами (комментариями). Сервис социальных интернет-закладок (Big Dig Spy и Dig Stack):



Они напомнят, который час. Сервис поиска FlickerTime. Резултаты поиска картинок складываются согласно текущему времени. При наведении на картинку, она увеличивается.


Как вы воспринимаете информацию? Информация — это эстетика, утвержают владельцы InfoSthetics:



Улыбайтесь, вас снимает скрытая камера. Ваши клики записываются. Визуальное представление данных по кликам на сайте, применяемая для исследования аудитории (Crazy Egg).

Ваша деятельность подобна игровому полю. По крайней мере, так это видят разработчики Figd’t Visualizer

Чем вы занимаетесь в блоге? Публикуете записи, вывешиваете фото, комментируете других?… А эти ребята решили заняться измерением «человеческих чувств» в блогах (We Feel Fine).

Чем еще лучше изобразить музыку, как не волной? «Музыкальная волна» от Lastfm

«Карта» новостей CCN, новости, разбитые по секторам:




Путешествие в мир новостей от Voyage. Последние новости в «гравитационном поле»


Поиск должен быть нагляден. Просмотр сайтов и визуализация результатов на SpaceTime:

Давайте придадим плоскости объема. Веб-страницы «в кубе» от UBrawser

Последние события и взаимосвязи в «гравитационном поле», по релевантности (Universe DayLife):

Города онлайн. Пики интернет-активности, или еще одно представление «Интернет-популяции»

Послесловие автора
К сожалению, большинство из примеров первых проявлений дизайна информации в контексте семантического Web (Web 2.0), по большей части, использовало технологии FLASH (нечитаемые поисковиками), плюс RSS, или статичные картинки, представляющие разве что эстетическое удовольствие, но не реальную пользу (как в случае абстракции меток, нажатие на которые никуда не вели). Использование заскорузлого Flash было обусловлено простотой отображения нужных визуальных эффектов. В отличие от статичных картинок, они представляют динамичные технологии, однако их большой минус — невидимость в поисковиках — иногда сводит на нет всю зрелищность (обнаружить ее в интернете довольно сложно, и проекты лишены возможности того развития, которое могли бы получить при более трудоемком, но более оптимизированном, использовании индексируемых веб-технологий).
Этот материал опубликован в Колор-Код, Райтинг-Код и тегирован , , , , , , , , . Bookmark the permalink.

12 отзывов на Семантический Web и дизайн информации

  1. 240х320 говорит:

    Хороший пост! Подчерпнул для себя много нового и интересного! Пойду ссылку другу дам в аське

  2. Аноним говорит:

    Достаточно интересная и познавательная тема

  3. Аноним говорит:

    И опять об этом. Если поисковики научатся понимать смысл, то блогерам придется поизголяться, чтобы быть читаемыми и не похожими на других.

    • N.Volodina говорит:

      Зато смысл понимаем людьми. У разных блогеров — разные цели. Кто-то пишет для себя, кто-то — для поисковиков, а кто-то — для людей.)

  4. Костюмы в законе говорит:

    У вас RSS в кривой кодировке!

  5. москва говорит:

    А есть, какая нибудь альтернатива?

    • N.Volodina говорит:

      Альтернатива — всё, на что хватит профессиональной фантазии дизайнеров для дизайна информации.)

  6. Louis Vuitton говорит:

    Здравствуйте! Прошу прощения, что пишу не совсем в тему. Я тоже использую Вордпресс для своего блога и у меня возник вопрос, как настроить новую тему. Поиск на официальном сайте ничего не дал, там только пользовательские настройки рассматривают, а мне нужно, видимо, шаблоны править. Не подскажете, где почитать?

  7. Koma говорит:

    Подписался на RSS, буду следить =)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>