Нарисовала варианты расположения легенд к графикам. Мои самые любимые:
- легенда как график
- легенда в тексте (подзаголовком или прям в заголовке, если категорий не очень много)

В табло еще немного неудобные легенды (они занимают одинаковое расстояние под каждый квадратик с текстом вне зависимости от его длины), есть отличный лайфхак от Ромы Бунина, как делать адаптивную легенду.

10 дизайн-принципов от Тараса Бакушевича, который должен знать каждый дизайнер.

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

🧩 Компромисс гибкости-юзабилити – Flexibility-Usability tradeoff
По мере увеличения гибкости системы ее удобство использования снижается. Больше функций, больше возможностей, но при этом пользоваться становится сложнее.

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

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

💫 Эффект Эстетика-юзабилити – The Aesthetic-Usability Effect
Пользователи склонны воспринимать эстетически привлекательный дизайн как более удобный для использования. Мы склонны думать, что продукты, которые выглядят лучше, будут работать лучше - даже если на самом деле это не так.

Делайте красиво, тогда пользователи с большей вероятностью захотят попробовать ваш продукт. Визуально опрятные и аккуратные дэши привлекают сильно больше и верить данным внутри них тоже хочется больше.
Про glamour of graphics

🙏 Прощение – Forgiveness
Хороший дизайн должен помогать пользователям избегать ошибок и минимизировать негативные последствия ошибок, если они все же случаются. Например, детект опечаток при поиске или возможность отменить действие.
В дэшбордах это чаще закрывается самой системой, где они создаются, но всякие кнопочки “сбросить фильтры" тоже могут быть полезны.

🎧 Отношение Сигнал-шум – Signal to Noise ratio
Соотношение релевантной и нерелевантной информации в интерфейсе. Больше сигналов и меньше шума. Интерфейсы становятся более шумными из-за отсутствия иерархии элементов, информационной перегрузки, излишней стилизации или неуместных визуальных эффектов.
Поэтому никаких цветочных фонов и старательное повышение data-ink ratio. И как не перегрузить тултипы.

🆕 Самый продвинутый, но при этом доступный – Most advanced yet acceptable
Самый новый дизайн, который при этом остается узнаваемым и привычным, имеет наибольшую вероятность коммерческого успеха.

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

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

Сегодня узнала, что в Qlik есть настройка перевода графиков под арабский стиль: все подписи и порядок дат смещаются справа налево.

Прям такая настройка Right-to-left. С графиками по времени прям сначала ломается мозг немножко, все же привычное нам течение времени слева-направо сломать тяжело.

И да, F-pattern у них тоже работает в другую сторону 🙈

Пришло время рассказать о моем новом проекте для Information is Beautiful Awards.

Встречайте Market Map — экспериментальная визуализация фондового рынка (а если быть точнее — компаний, публично торгующихся на биржах NYSE и NASDAQ).

Market Map позволяет визуально исследовать различные секторы, индексы, и компании на американском рынке (cвоего рода finviz на максималках). Каждая точка представляет собой компанию и характеризуется набором финансовых метрик (капитализация, P/E, …). Точки в пространстве распологаются в следствие работы алгоритма UMAP, который похожие по тем или иным признакам компании располагает рядом.

Получилось как минимум красиво! А насколько такой подход окажется более информативным или удобным, чем насчкучивший всем Treemap и бесконечные таблицы, покажет время.

🏋️‍♂️ И еще, мы запускаемся на Product Hunt, будем благодарны за любые комментарии и поддержку. А самая лучшая поддержка — поделиться им с другими!

https://marketmap.one @dataviznews

Получила свой первый #VizOfTheDay от таблошечки и сижу довольная 🙈

Красивый проект про все средства передвижения Джеймса Бонда. Популярность соответствует экранному времени, в рамках которого Бонд этим транспортом управлял. Лидер – Aston Martin DB5, который появился в 8 фильмах и суммарно показывался на протяжении 28 минут.

Bond. James Bond. 😎

🏭 Объекты загрязнения и города
Ребята из «Если быть точным» подготовили исследование и данные про объекты загрязнения на основе данных Росприроднадзора.

Я сделал небольшой виз на их основе, где наложил объекты загрязнения 1-ого класса (самые опасные) на населённые пункты с более чем 1000 жителей. Получилось интересно — есть заметные паттерны, когда объекты накладываются на города, а когда они находятся в безлюдных местах. А еще сразу выделяются промышленные центры.

🔗 Почитать исследование
🔗 Посмотреть данные и описание

П.С. В данных явно есть ошибки и выбросы, ребята тоже отмечают это в статье, будьте осторожны.
#ссылка

Я один раз была на стендапе, где мы все прям стояли, и прошел он меньше чем за 15 минут. С таким форматом уложиться можно еще быстрее🙈