Это вообще о чем?
Я сейчас читаю книжку Data visualisation Handbook и вот что говорят авторы:

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

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

Когда таких элементов (визуальных переменных) слишком много — чтобы понять смысл графика приходится тратить время на «обучение».

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

Домашка по переверстке инфографики Dribble
Недавно прочитал крутейшую статью Славы Шестопалова «7 смертных грехов визуализации данных» В ней он рассказывает почему некоторые дизайнерские приемы мешают графикам выполнять свою главную функцию.

Вдохновившись статьей, я предложил задание по переверстке Dribbble графиков в рамках гостевой недели в дизайн-сообществе Домашка.

Что нужно сделать
• Прочитать статью и выбрать один из предложенных графиков для улучшения из фигма-файла. Там же можно прочитать дополнительные вводные для задания.
• Сделать редизайн графика, или улучшить его так, чтобы он выполнял свою главную функцию — визуализировать данные.
• До 10 сентября прислать свою работу в комментарии к посту в сообществе.

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

Не стесняйтесь присылать работу, если вы новичок или не дизайнер. Весь смысл Домашки в том, чтобы качать навыки не оглядываясь на текущий уровень и через практику становиться сильнее 💪

#мойэфир

Готова запись эфира Домашки с Сашей Богачевым
Начало разбора графиков на 48 минуте
https://youtu.be/8ETLFEw3EI4?t=2832

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

Если вы тоже хотите сделать перевёрстку дрибл графика — задания доступны в Фигме, а за фидбеком можно приходить в чат датавиз-сообщества

#мойэфир

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

Но если просто сохранить этот список списков в закладки, он принесет мало пользы.

Нужно выбрать один хаб и положить его на видное место:
• Поставить картинку-напоминалку на рабочий стол
• Прилепить бумажный стикер
• Запланировать отправку ссылок на статьи из сборника самому себе в Телеграме (отложенное сообщение в сохраненках)

Смотреть список

Если знаете ещё хабы-справочники-сборники, присылайте в комментарии

#ресурсы

Кстати мем «рисуем остаток совы» стал реальностью с весны этого года — Stable diffusion в режиме ControlNet Scribble позволяет генерировать картинки по скетчу. Попробовать можно на вкладке scribble или Scribble interactive

#нейронка

Как скрыть любой бесячий элемент сайта с помощью Ublock Origin.
Ublock origin это блокировщик рекламы с мощными дополнительными настройками и инструментами. Один из них — element picker mode (значок пипетки).

Позволяет скрыть любой элемент на сайте — всплывающий баннер, мигающее окно чата, cookie banner в пол экрана или красный счетчик новых постов.

Нужно выбрать пипетку, кликнуть по элементу, в нижней панели слайдером отрегулировать «глубину» удаления элемента и нажать «Create». В зависимости от структуры страницы, может понадобиться удалить один и тот же элемент несколько раз.

#ToolHacks

Я коллекционирую все в заметке Obsidian, но FIgma тоже крутой вариант — можно посмотреть как такое выглядит в Домашке у Ники Ожаровской

#inmyhead

Персональный зал славы

Хочу поделиться инструментом, который помогает поддерживать мотивацию и легче переживать ощущение «я никто, и звать меня никак».

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

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

Про идею узнал из блога Саши Бизикова

Ещё есть крутая статья разработчицы Джулии Эванс, где она рассказывает про «хвалебный документ» — brag document — список рабочих достижений разного масштаба. Он помогает проходить годовое ревью в продуктовой компании и не упускать неочевидные достижения.

В комментах покажу нарезку скриншотов из своего зала славы :) А вы делитесь своими 😁

#заметка #миша #вдохновение

Как подготовить видео для телеграма, чтобы оно автоматически воспроизводилось без звука в большом размере (не гифкой)

По умолчанию телега сжимает маленькие видео без звука и относится к ним как гифкам — отражает в маленьком размере без возможности увеличить или поставить на паузу. Текст поста под такой «гифкой» превращается в узкую нечитаемую колонку.

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

● Быть меньше значения по умолчанию для авто-загрузки медиа в настройках клиента:
- 8 мб в Telegram Desktop и официальной мобильной версии.
- 5 мб для Web-A версии
- 3 мб для Web-K версии

● Иметь аудиодорожку (даже пустую)

● Быть стандартного размера по ширине 1920, 720, 480.

Либо не превышать 2 млн. пикселей, когда перемножаешь ширину на высоту. Например:
- 1920x1080=2 073 600 проигрывает автоматически (стандартное)
- 1080*1600=1 728 000 проигрывает (нестандартное, меньше 2 млн.)
- 1450*1580=2 291 000 не проигрывает (нестандартное, больше 2 млн.)

Огромное спасибо Владимиру Тупикину, который провел исследование для своего канала и сделал статью с результатами на VC

#telegram

Минимальное действие

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

Часто бывает, что я долго прокрастинирую и не могу начать задачу или завести привычку. Помогает принцип «начать с минимального действия».

Идея в том, чтобы поставить смехотворный критерий успеха привычки/дела и заставить себя в него поверить. Когда выполнил критерий, дело можно бросить. Очень сложно при этом себя не винить: «Я безвольный слабак, не могу сделать что-то больше минимального».

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

Например, я хочу, чтобы у меня в конце квартала был готовый кейс в портфолио. Я планирую задачу, разбиваю её на маленькие дела и ставлю себе критерий успеха: начать делать 5 минут.

Кажется, что 5 минут — какая-то дичь. За это время не то что ничего не сделаешь, а даже в контекст не войдёшь.

Тут кроется самое сложное: найти достаточный баланс между нереалистичной чушью и возможным действием, за которое ты себя не будешь гнобить.

Если в моём примере выбрать 1 минуту, то мне даже не захочется тратить на это время. Если выбрать 30 минут, то это будет казаться, как что-то неподъёмное из разряда «сделать портфолио». Если сомневаюсь — обычно ставлю меньше. С опытом становится проще себя не винить.

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

Вот ещё примеры минимальных действий, которые сработали для меня. Помогли начать делать дело или выработать привычку:

◆ Открыть пинтерест и найти один реф
◆ Открыть файл
◆ Открыть книгу
◆ Одеться и выйти на улицу
◆ Выпить полстакана воды
◆ Переодеться в «офисную» одежду
◆ Написать черновую структуру заметки (так был написан этот пост)

#заметка #миша #опыт

Буду потихоньку тизерить личный проект.

Покажу процесс и что в итоге получилось

На видео собираю данные 👩‍💻

#hoith

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

https://nakarte.me/#m=15/46.46893/8.10358&l=O/Si&r=46.798562/8.231974/Switzerland

↑ Сначала откройте ссылку и полистайте карту

Все началось с заметки в блоге Эдварда Тафти про топографический атлас Швейцарсих Альп. На примере этой карты, он объясняет принципы хорошей визуализации:

Общие принципы
- Фокус на содержании.
- Высокое разрешение.
- Каждый элемент имеет несет в себе информацию, нет элементов «для красоты».
- Видно картину в целом, а детали вписаны в контекст и доступны при необходимости.

Детали
- Объекты органично вписаны в рельеф, нет нужды во всплывающих окнах. По соседним деталям можно понять размеры рядом стоящих.
- Контрастные контурные линии проявляют топографический рельеф гор. Подписи рядом с ними и на пиках сообщают количественную информацию.

Цвет
- Низкий контраст не создает визуального шума.
- Интуитивные цвета, основанные на объектах из природы — белый снег, черные скалы, голубая вода, зеленая растительность.

Типографика
- Строгая иерархия шрифтов и их насыщенности (см. дополнение в коментах).
- Размер шрифта соответствует масштабу объекта — чем больше объект, тем больше шрифт.

Почему это круто?
Все это вместе создает эффект проявления информации
Когда я впервые увидел эту анимацию плавно двигающейся карты — я словил ощущение эйфории и расфокуса — информация как будто сама заливалась мне в глаза и я её моментально понимал. С тех пор, я искал и пробовал делать штуки, которые бы повторили это ощущение.

У Тани Мисютиной из лаборатории данных как раз недавно вышла заметка про этот эффект. Очень советую почитать.

Ещё Таня рассказывала как книжки Тафти повлияли на неё и вдохновили начать заниматься визуализацией данных.

#hoith #любопытство