Следуя традиции превращения повседневной деятельности в искусство данных
Я начал с довольно традиционных технологий и инженерного образования, ничего особенного. Однако недавно я рискнул окунуться в мир дизайна, пройдя магистерскую программу в Национальном институте дизайна в Индии. Оба моих происхождения требуют обильного исследования и чтения, чтобы оставаться в курсе высококонкурентных и постоянно растущих областей обучения. Вся эта врожденная потребность оставаться на вершине литературы в моей академической жизни в сочетании с моей бессмертной любовью к художественной литературе, особенно к триллерам (благодаря Агате Кристи и Дж. К. Роулинг), означает, что я читаю около 3-4 книг одновременно.
При таком большом количестве открытых обсуждений иногда становится неуправляемым отслеживать не только то, что я читаю, но и то, где я нахожусь (прогресс с точки зрения глав, сколько я закончил), разные жанры (какие выбрать дальше, То, что я только что прочитал) и т. Д. Конечно, существует множество приложений для записи прогресса, которого добивается читатель (Goodreads - одно из них), но я хотел использовать эту возможность, чтобы выдвинуть свой дизайн на первый план и развить творческий фреймворк, который заключил в себе эффективное и красивое визуальное представление моих читательских привычек с глубиной. Однако эта идея сначала привела к экзистенциальному вопросу ...
Можем ли мы (или, что более важно) должны ли мы создавать визуализацию всего, что мы видим или делаем?
Что ж ... Думаю, это довольно сложный вопрос, и я не уверен, что у меня все еще есть ответ. Я подумал: «Здесь ничего не происходит». Я действительно хотел объединить недавно изученный информационный дизайн и знания D3.js в тандеме с темой, близкой моему сердцу - чтением - и посмотреть, что из этого получится. Не зная, как ответить на этот вопрос, и видя, что я простой смертный (читай: новичок) в области информационного дизайна, я решил исследовать, чем занимаются специалисты в этой области.
Я начал с Джорджии Лупи. Ее работы по визуализации данных - визуальное удовольствие:
- В рубрике Нобелевские дипломы без степеней указаны лауреаты Нобелевской премии, их возраст и время, в течение которого они были присуждены, а также сведения об их окончании и принадлежности к университету.
- Художники в процессе создания подчеркивает возраст известных художников, когда они создавали свои шедевры.
- От первой публикации до шедевров » выделяет промежуток времени между первой публикацией автора и его рейтингом лучших романов в современной библиотеке.
Я нашел вдохновение в том, насколько ясно ее работа демонстрирует способность визуальной среды передавать тщательные, обширные исследования. Наряду с вышеперечисленными избранными работами я нашла это:
Джорджия создала эту забавную анкету, на которую должны были ответить люди, посетившие TED, по завершении которой они получали персонализированные данные, а именно значок, который их представлял.
Я также хотел изучить данные зарисовок Ширли Ву и Надие Бремер, двух других вдохновителей. Визуализация Нади Бремер в Собирателе карт Сакура подчеркивает цвета, используемые в обложках манги, и отношения между каждым персонажем, их внешний вид повсюду и т. Д. Четыре года каникул в 20 000 цветов Ширли Ву »записала свои собственные праздники, включая то, с кем она проводила время, а также цвета на фотографиях, которые она сделала с течением времени.
Именно здесь я понял, что данные использовались разными способами, не считая «капитальных серьезных», широкомасштабных проектов. Я был убежден, увидев вышеизложенное, что да, можно иметь визуализации, которые направляют более увлекательную энергию, получаемую из любого источника данных, не все из которых обязательно должны «изменить мир» или достичь какой-то другой грандиозной цели. Визуализация данных иногда может быть предназначена только для нас или окружающих, и это тоже нормально.
Тогда было решено - я тоже буду вторгаться в мир информационного дизайна через повседневную деятельность и создавать визуализацию своих списков для чтения в любой момент времени.
Через пару часов в этой теме я быстро понял, что то, что я преследовал, должно быть не только для меня. Его можно расширить, чтобы увидеть, что мои друзья, семья и коллеги читают в данный момент, превратив наши журналы чтения в совместный процесс. Я решил, что буду использовать D3.js, чтобы сделать визуализацию достаточно модульной и динамичной, чтобы любой мог отправлять свои данные (то, что они читали, плюс прогресс и рейтинги), а также преобразовывать свои представления в эскизы данных.
Я начал свой процесс проектирования с поиска визуальных подсказок и параметров (таких как длина, прогресс, рейтинги, жанры, типы и статус), которые я охватил бы в этой визуализации. Ниже я обрисовал приблизительную модель своего мышления:
Мне также нужно было упорядочить поля данных от наиболее важных до наименее важных, чтобы понять, какие аспекты следует выделить и вывести на первый план в моей визуализации. В моем собственном опыте чтения я иногда (на самом деле в основном) выбираю книгу в зависимости от ее длины. Из-за того, что я был занят другими заданиями и работой, для меня необходимо четкое представление номеров страниц и длины. Чаще всего я также смещаю свой выбор на оценки, выставленные книге моими друзьями или просто из сетевых источников, таких как Goodreads и Google Reviews.
Я начал собирать данные от своих друзей, семьи и от себя и хранил их в формате JSON / List, как показано ниже:
После того, как параметры данных были окончательно определены, я перешел к поиску визуальных метафор. Я экспериментировал с вариациями формы книги, начиная только со стандартного книжного корешка, который напоминает простой прямоугольник и гистограмму. Поскольку это был проект с более личным и творческим вдохновением, я пытался отойти от более традиционных архетипов и геометрий. Я хотел добиться настоящего творческого воздействия, которое оставило бы неизгладимый отпечаток на публике и на мне.
При этом ключевой элемент моей визуализации теперь зависел от выделения объема, резюме оценок и прогресса, достигнутого отдельным читателем над книгой. Я остановился на следующем форм-факторе, привлеченном не закрытой книгой, спрятанной на книжной полке, а скорее открытым миром, который мы, читатели, можем исследовать:
Так что же было дальше?
- Я думал, что обложки (как передние, так и задние) можно играть по их толщине, в которую можно загружать то, что оценивает пользователь и какова оценка Google / Goodreads.
- Страницы книги были нарисованы в виде линий SVG, длина и количество которых вместе представляли фактическую длину страницы книги.
- Я черпал вдохновение (подражание - лучшая форма лести, я слышал) для цветовых кодов, используемых для обозначения жанров, из фильма Ширли Ву Цветы из фильма, где использовалась та же техника.
- Я добавил полукруглую диаграмму в месте схождения корешка книги, чтобы отмечать прогресс читателя.
- Выступающая закладка может обозначать тип книги (например, традиционный роман, графический роман и т. Д.).
- Наконец, мне понадобится какой-то способ показать статус читателя (прочитал, закончил, бросил) в книге.
Все это собрано вместе, чтобы произвести этот конечный продукт (и я должен сказать, что горжусь тем, как он получился, учитывая мою относительную неопытность!):
Визуализация представляет собой комбинацию многих элементов, как я выделил в процессе проектирования выше:
- Линии представляют страницы в книге. Максимальная длина строки составляет 25 страниц.
- Под линиями корешок книги, представляющий собой полуразрезанную круговую диаграмму, показывает достигнутый прогресс.
- Жанры обозначены цветом.
- Я использовал идею передней и задней обложек книги, чтобы представить оценки личного читателя и Goodreads соответственно.
- Тип книги представлен формой закладки.
- Наконец, маленькая точка рядом с закладкой показывает статус прочтения, идея, которую я позаимствовал из статуса онлайн / офлайн чата Facebook.
Вы можете более подробно ознакомиться с графическим изображением отдельной книги ниже:
Как и в случае с любым другим процессом информационного дизайна, следующий шаг был, пожалуй, самым важным - сбор отзывов. Я быстро создал визуализацию для нескольких моих друзей, которые были доступны, и обсудил с ними результаты. К счастью, отзывы были в основном положительными. Некоторые даже заявили, что это будет хорошо работать как функция в приложении на Goodreads или в самой Google Книгах, где пользователь может быстро взглянуть на себя и выбор своих подписчиков. (Меня очень обрадовало само предложение.) Другая идея, возникшая в результате обратной связи, в духе того, что вы ожидаете от студентов-дизайнеров, заключалась в том, чтобы сделать плакат формата А3, который будет прикреплен в студии, частью которой я был. каждый месяц, чтобы все мы могли следить и обсуждать выборы друг друга.
Однако не все было положительно. Я понял, что следующим шагом для меня будет способ взаимодействия этой визуализации с пользователями, поскольку грубая форма сбора данных была камнем преткновения в отрицательной обратной связи. Я понимаю, что структура JSON может сбивать с толку людей, не знакомых с кодированием. В рамках следующей итерации я хотел бы разработать простой пользовательский интерфейс веб-формы для удобного ввода и использования данных.
Но в конечном итоге это был один из самых первых шагов в моем набеге на мир визуализации данных (второй, если мне нужно было считать). Вам это пригодится? Это вдохновляет? Может быть, вы считаете это глупым или несерьезным? Что бы вы ни думали, я хотел бы услышать ваши мнения и предложения.
Полноразмерную версию визуализации можно увидеть здесь.
Спасибо, что прошли весь путь. Я Абхилаш, студент Национального института дизайна, Бангалор. Я изучал визуализацию данных и дизайн в рамках дисциплины информационный дизайн. Некоторые из моих работ можно найти в моем фолио Behance.
