Pull to refresh

Аарон Маркус: Взгляд на будущее визуализации информации

Interfaces *
Истина заключается не в том, что вы знаете, а в том, что вы знаете о своих знаниях.

«Визуализация информации» представляет собой особую категорию дизайна
пользовательского интерфейса. Таблицы, формы, графики, карты и диаграммы должны наилучшим образом использовать метафоры, психические образы, навигацию, взаимодействие и наглядность, чтобы быть практичными, полезными и привлекательными, следуя тем самым фундаментальным основам положительного пользовательского
опыта. Возникновение новых технологий по поиску и сбору информации,
предлагаемых в последнее время Google, Yahoo и другими крупными онлайновыми
компаниями, может стать свидетельством серьезного прогресса. В какой-то степени
это так, однако, многие продвинутые методики визуализации (и озвучивания)
используются годами, а в некоторых случаях и десятилетиями в узких финансовых, медицинских, военных и научных кругах, так и не получив широкого признания и применения.
Читать дальше →
Total votes 30: ↑25 and ↓5 +20
Views 2.7K
Comments 15

Как убежать от плоскости: рецензия на книгу «Представление информации» Эдварда Тафти (1990)

Graphic design *
Sandbox
image
По словам автора, Эдварда Тафти: «Эта книга знаменует собой бегство от плоскости бумажного листа и компьютерного экрана». Однако на такой побег способен не каждый. Для этого необходимо минимум три компонента: способность видеть красоту сложных данных, удивляться простоте их художественного воплощения и умение вглядеться в мельчайшие детали информационного шедевра. При том, что созерцательности и деталям сегодня уделяется слишком мало внимания, а все чаще требуется «фастфудная» информация, простая для потребления, которая и становится той самой плоской, одномерной реальностью. Профессор Тафти предлагает не упрощать сложное, а сделать его красивым. «Для этого есть свои инструменты: письмо и типографика, обработка больших объемов данных и статистический анализ, линия, фон и цвет».
Читать дальше →
Total votes 13: ↑10 and ↓3 +7
Views 15K
Comments 4

11 правил визуализации данных

Нетология corporate blog Data visualization *Graphic design *
Recovery mode
Ольга Базалева, создатель Data Vis и автор блога, написала статью специально для Нетологии о самых важных принципах визуализации. Статья участвует в конкурсе блога.

Хотите выделяться на фоне конкурентов? Чтобы ваши статьи, отчеты, презентации или посты в социальных сетях были профессиональными, интересными и доступными широкой аудитории? Используйте визуализацию данных!

Я более семи лет отработала в крупнейших медиакомпаниях и рекламных агентствах, на счету Афиша, Рамблер, РБК, создала сайт с наглядными обзорами рынков и собственный блог про визуализацию данных. Поэтому я очень хорошо понимаю то, о чем пойдет речь ниже.



Сегодня визуализация особенно важна, так как люди теряются в обилии окружающей информации и на ее восприятие тратится слишком много времени. Поэтому скучные непонятные тексты часто остаются без внимания. Читатель не будет тратить время, чтобы в них разобраться.
Читать дальше →
Total votes 39: ↑31 and ↓8 +23
Views 77K
Comments 19

Практическое руководство по разработке дизайна дэшбордов

Interfaces *Usability *Data visualization *Graphic design *
Translation
image

Современные дэшборды многое позаимствовали у автомобильных панелей приборов. Интересные элементы также можно заметить в центрах управления полётами НАСА 1960-х годов и зари эпохи автоматизации. Сегодня любая достаточно сложная ситуация, будь то запуск ракеты или борьба с инопланетянами в шлеме Тони Старка, неизбежно представляется в виде какого-нибудь дэшборда.

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

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

  1. Структура и схема.
  2. Представление и доступность.
  3. Выбор используемых графиков.
  4. Усовершенствование контекста.

Часть 1. Структура и схема


Давайте для начала остановимся и зададим себе два вопроса: кто наша целевая аудитория и каковы её цели?

Знание своей целевой аудитории и её задач критически важно для остальной части работы. Если ваша ЦА — руководители разработки, которым нужно знать высокоуровневую информацию о функционировании системы, то нужные им данные будут сильно отличаться от тех, которые необходимы приходящему инженеру.

Прежде чем вы приступите к созданию дэшборда, возьмите лист бумаги и запишите вопросы, которые будет задавать ваш целевой пользователь, отсортируйте их по порядку приоритетности и определите оптимальные данные, которые нужно отобразить для ответа на вопрос.
Читать дальше →
Total votes 26: ↑24 and ↓2 +22
Views 19K
Comments 1

Создание и наполнение PostGIS при использовании Docker

PostgreSQL *SQL *OpenStreetMap *Geoinformation services *Data visualization *
Sandbox
Tutorial

Пошаговая инструкция о том, как установить и использовать расширение PostGIS для PostgreSQL в Docker.

Включает в себя: установка и настройка Docker-контейнера, загрузка данных в базу данных, извлечение и визуализация данных, анализ геоданных с помощью PostGIS функционала.

Читать далее
Total votes 7: ↑5 and ↓2 +3
Views 2.7K
Comments 6

Зачем в разработке Mind Maps

System Analysis and Design *Development of mobile applications *Data visualization *

Ментальная карта или Mind Map представляет собой инструмент визуального мышления, используемый для сбора информации и идей.

Это диаграмма, которая вмещает в себя задачи, идеи, картинки, слова и другие элементы, связанные с центральной концепцией или предметом. Все составляющие располагаются вокруг центра с использованием нелинейного графического макета, который позволяет пользователю построить интуитивно понятную структуру. Карты отражают существующие мысли, но они также действуют как катализатор, который вытягивает новые идеи.

Читать далее
Total votes 8: ↑5 and ↓3 +2
Views 2.1K
Comments 0