Регулярный поиск информации в Интернете постепенно становится второй натурой. Новое поколение уже теряет способность к обучению каким-либо другим способом. Это влечет за собой необходимость в организации максимально быстрого и эффективного предоставления информации пользователям.
Перед дизайнерами, которые занимаются визуализацией большого объема данных, стоят две важные задачи. Во-первых, необходимо сегментировать данные, чтобы принципы использования были интуитивно понятны. Во-вторых, неплохо было бы сделать дизайн настолько интересным, чтобы он запомнился, и заставил пользователей возвращаться к ресурсу снова и снова.
Команда Visarton собрала 10 примеров того, как можно организовать большой объем аналитических данных, одновременно подсказывая правила его использования, без занудства и лишних инструкций.
Итак:
1 – Сайт Macrometeorites рассказывает о самых больших метеоритах когда-либо падавших на Землю. На сером фоне показана карта, на которой ярко-желтыми и оранжевыми кругами обозначены места падения метеоритов. Кликнув на интересующий кружок, вы перейдете на страничку с подробной информацией об этом метеорите.
![](https://habrastorage.org/r/w1560/webt/ce/rl/td/cerltdrc3_yrmoc94cnv6xm4fhq.png)
2 – The Wind Map невероятный ресурс, который в режиме реального времени отображает скорость и направление ветра. Правда, делает он это только на территории США. Данный способ отображение данных не выглядит перегруженным или трудным для восприятия благодаря использованию монохромной цветовой схемы.
![](https://habrastorage.org/r/w1560/webt/ut/bf/hb/utbfhbghxbrcit0besv-tdajsb0.png)
3 – Worldshapin этот ресурс позволяет сравнивать уровень здоровья, углеродный след, уровень занятости, населения и стандарты жизни и в разных странах. Визуальное оформление необычное, но в то же время простое и понятное.
![](https://habrastorage.org/r/w1560/webt/jp/ug/35/jpug35xmjzurmu2beuawkyfycwi.png)
4 – Любой старшеклассник испытывал трудности, пытаясь расшифровать Иллиаду Гомера. Сайт The Iliad помогает понять, о ком именно рассказывается в каждой главе. Благодаря ярким маркерам для классификации каждого героя можно, легко проследить их появление в поэме и сразу найти нужное место в тексте.
![](https://habrastorage.org/r/w1560/webt/dy/ek/38/dyek38heyjl2tqhtketxdido54y.png)
5 – Говоря о правах геев, всегда нужно проявлять особую деликатность. Представленная схема демократично показывает, в каких штатах Америки у них есть, или нет, особые права.
![](https://habrastorage.org/r/w780q1/webt/xh/su/kc/xhsukcmnvhftmgdqorcngtlaeiw.jpeg)
6 – Audiomap прекрасный сайт для того, чтобы найти новую музыку, выбирая направление которое вы хотите, и, передвигаясь от одного исполнителя к другому. Просто выберите исполнителя, и нажмите расширение, чтобы увидеть похожие варианты. Таким образом, можно наткнуться на записи тех времен, когда ваш любимый артист пел в давно забытой группе, или на песню, которую вы раньше не слышали.
![](https://habrastorage.org/r/w1560/webt/xl/u2/5u/xlu25ujv2ohgau4vmgwndx5sq6e.png)
7 – Micro Fashion Network: Color – данные о самых популярных цветах, собранные в Кембридже, сами по себе являются предметом искусства. Используя фиксированную камеру и снимая окружающую действительность, дизайнер создал комплексную сеть взаимосвязанных цветов.
![](https://habrastorage.org/r/w1560/webt/7n/au/7l/7nau7lky_oyxchx9xndoca-8xj4.png)
8 – Собирая информацию об эмоциях со всего Интернета, We Feel Fine объединили более 15 000 веб-эмоций, которые можно сортировать по демографическому признаку. Выбрав одну из ярких точек на черном фоне, пользователь сможет узнать, что другие говорят об этой эмоции.
![](https://habrastorage.org/r/w780q1/webt/8j/g8/az/8jg8az049dr1izuq_i55wgxtvva.jpeg)
9 – Yearlight Calendar показывает время суток в вашем районе(рассвет, день, сумерки, закат) для каждого дня в году.
![](https://habrastorage.org/r/w1560/webt/42/t4/mj/42t4mjsiqtnw231abojxxvrvcuq.png)
10 – Liveplasma создала интересный ресурс для поиска артистов, книг и фильмов. Введя запрос, вы найдете не только ту работу, которую искали, но и все взаимосвязанные проекты (с тем же актером, или похожие по стилю).
![](https://habrastorage.org/r/w1560/webt/kv/nn/89/kvnn89dn9vro8keprpc7h8lqv8e.png)
Перед дизайнерами, которые занимаются визуализацией большого объема данных, стоят две важные задачи. Во-первых, необходимо сегментировать данные, чтобы принципы использования были интуитивно понятны. Во-вторых, неплохо было бы сделать дизайн настолько интересным, чтобы он запомнился, и заставил пользователей возвращаться к ресурсу снова и снова.
Команда Visarton собрала 10 примеров того, как можно организовать большой объем аналитических данных, одновременно подсказывая правила его использования, без занудства и лишних инструкций.
Итак:
1 – Сайт Macrometeorites рассказывает о самых больших метеоритах когда-либо падавших на Землю. На сером фоне показана карта, на которой ярко-желтыми и оранжевыми кругами обозначены места падения метеоритов. Кликнув на интересующий кружок, вы перейдете на страничку с подробной информацией об этом метеорите.
![](https://habrastorage.org/webt/ce/rl/td/cerltdrc3_yrmoc94cnv6xm4fhq.png)
2 – The Wind Map невероятный ресурс, который в режиме реального времени отображает скорость и направление ветра. Правда, делает он это только на территории США. Данный способ отображение данных не выглядит перегруженным или трудным для восприятия благодаря использованию монохромной цветовой схемы.
![](https://habrastorage.org/webt/ut/bf/hb/utbfhbghxbrcit0besv-tdajsb0.png)
3 – Worldshapin этот ресурс позволяет сравнивать уровень здоровья, углеродный след, уровень занятости, населения и стандарты жизни и в разных странах. Визуальное оформление необычное, но в то же время простое и понятное.
![](https://habrastorage.org/webt/jp/ug/35/jpug35xmjzurmu2beuawkyfycwi.png)
4 – Любой старшеклассник испытывал трудности, пытаясь расшифровать Иллиаду Гомера. Сайт The Iliad помогает понять, о ком именно рассказывается в каждой главе. Благодаря ярким маркерам для классификации каждого героя можно, легко проследить их появление в поэме и сразу найти нужное место в тексте.
![](https://habrastorage.org/webt/dy/ek/38/dyek38heyjl2tqhtketxdido54y.png)
5 – Говоря о правах геев, всегда нужно проявлять особую деликатность. Представленная схема демократично показывает, в каких штатах Америки у них есть, или нет, особые права.
![](https://habrastorage.org/webt/xh/su/kc/xhsukcmnvhftmgdqorcngtlaeiw.jpeg)
6 – Audiomap прекрасный сайт для того, чтобы найти новую музыку, выбирая направление которое вы хотите, и, передвигаясь от одного исполнителя к другому. Просто выберите исполнителя, и нажмите расширение, чтобы увидеть похожие варианты. Таким образом, можно наткнуться на записи тех времен, когда ваш любимый артист пел в давно забытой группе, или на песню, которую вы раньше не слышали.
![](https://habrastorage.org/webt/xl/u2/5u/xlu25ujv2ohgau4vmgwndx5sq6e.png)
7 – Micro Fashion Network: Color – данные о самых популярных цветах, собранные в Кембридже, сами по себе являются предметом искусства. Используя фиксированную камеру и снимая окружающую действительность, дизайнер создал комплексную сеть взаимосвязанных цветов.
![](https://habrastorage.org/webt/7n/au/7l/7nau7lky_oyxchx9xndoca-8xj4.png)
8 – Собирая информацию об эмоциях со всего Интернета, We Feel Fine объединили более 15 000 веб-эмоций, которые можно сортировать по демографическому признаку. Выбрав одну из ярких точек на черном фоне, пользователь сможет узнать, что другие говорят об этой эмоции.
![](https://habrastorage.org/webt/8j/g8/az/8jg8az049dr1izuq_i55wgxtvva.jpeg)
9 – Yearlight Calendar показывает время суток в вашем районе(рассвет, день, сумерки, закат) для каждого дня в году.
![](https://habrastorage.org/webt/42/t4/mj/42t4mjsiqtnw231abojxxvrvcuq.png)
10 – Liveplasma создала интересный ресурс для поиска артистов, книг и фильмов. Введя запрос, вы найдете не только ту работу, которую искали, но и все взаимосвязанные проекты (с тем же актером, или похожие по стилю).
![](https://habrastorage.org/webt/kv/nn/89/kvnn89dn9vro8keprpc7h8lqv8e.png)