Когнитивная нагрузка Майка Новикова

Почему карта возможно не лучший каркас для визуализации данных Продолжаю рассказывать про персональный проект. Как вы могли догадаться речь пойдет про карту. Любые данные — это косвенное отражение того что происходит в реальном мире. Даже спутниковое фото может искажать реальное положение вещей. Что уж говорить о численной статистике, которая была собрана людьми в неидеальных условиях за большой период времени. Если в данных есть графа с местоположением, это не значит что карта — подходящий способ визуализации. Есть даже мем про то что все карты Европы выглядят одинаково Данные никогда не находятся в вакууме и закономерность в статистике может отражать не то, что пытались измерить. Почему же в моем случае карта подходит? Я пытаюсь визуализировать возраст домов. Минимальная частица тут — год, когда были возведены стены фасада (год постройки). В городе домов много, и общие закономерности можно оценить по столбчатой диаграмме — года выстроить по порядку, а высотой столбика показать количество домов построенных в этом году. Но чтобы действительно проявить суть информации — какие исторические слои сохранились до наших дней и как они соотносятся с моим текущим пониманием местности — эти данные нужно нанести на карту города. То есть нужно задать ключевой вопрос: помогает ли визуализация найти новые знания в общем массиве данных, или просто показывает то, что я мог увидеть и в таблице? На выходных я буду рассказывать про проект на Новисадском Митапе. Запись уже закрыта, но если вы в Сербии или поблизости — можете написать организаторам, иногда люди не успевают попасть и открываются свободные места. #hoith#maps

Как я влюбился в картографию Хочу поделится проектом, который в свое время зажег во мне интерес к картографии и представлению информации. https://nakarte.me/#m=15/46.46893/8.10358&l=O/Si&r=46.798562/8.231974/Switzerland ↑ Сначала откройте ссылку и полистайте карту Все началось с заметки в блоге Эдварда Тафти про топографический атлас Швейцарсих Альп. На примере этой карты, он объясняет принципы хорошей визуализации: Общие принципы - Фокус на содержании. - Высокое разрешение. - Каждый элемент имеет несет в себе информацию, нет элементов «для красоты». - Видно картину в целом, а детали вписаны в контекст и доступны при необходимости. Детали - Объекты органично вписаны в рельеф, нет нужды во всплывающих окнах. По соседним деталям можно понять размеры рядом стоящих. - Контрастные контурные линии проявляют топографический рельеф гор. Подписи рядом с ними и на пиках сообщают количественную информацию. Цвет - Низкий контраст не создает визуального шума. - Интуитивные цвета, основанные на объектах из природы — белый снег, черные скалы, голубая вода, зеленая растительность. Типографика - Строгая иерархия шрифтов и их насыщенности (см. дополнение в коментах). - Размер шрифта соответствует масштабу объекта — чем больше объект, тем больше шрифт. Почему это круто? Все это вместе создает эффект проявления информации Когда я впервые увидел эту анимацию плавно двигающейся карты — я словил ощущение эйфории и расфокуса — информация как будто сама заливалась мне в глаза и я её моментально понимал. С тех пор, я искал и пробовал делать штуки, которые бы повторили это ощущение. У Тани Мисютиной из лаборатории данных как раз недавно вышла заметка про этот эффект. Очень советую почитать. Ещё Таня рассказывала как книжки Тафти повлияли на неё и вдохновили начать заниматься визуализацией данных. #hoith#любопытство

Обзор Adobe Firefly Часть 2: Генеративное заполнение В первой части обзора Adobe Firefly я рассказывал про генератор картинок из текста, а сегодня покажу мощную нейронку для редактирования фотографий — Generative Fill. Я уже сравнивал инструменты для «замазывания» фото, но результаты у платформы Firefly намного сильнее. Преимущества Generative Fill: ◆ Лучше всех на рынке понимает контекст всего изображения, может продолжать перспективу, текстуру, освещение ◆ Очень хорошо удаляет объекты, продолжая поверхности и естественно заполняя пустые места ◆ Быстрая генерация 3 вариантов на выбор ◆ Работает как отдельное веб приложение и внутри Photoshop Недостатки: ◆ Работает в облаке и потребляет «генеративные кредиты» — виртуальную валюту, которая обновляется каждый месяц. Количество кредитов зависит от типа подписки: 25 для бесплатных аккаунтов, 100 генераций за $5 в месяц (подписка Firefly). На плане Adobe Express (аналог Canva) 250 за $10 в месяц. На полных версиях Creative Cloud 500-1000 генераций. ◆ Каждое нажатие кнопки «генерировать» потребляет 1 кредит. Даже если результат вам не понравился, кредит будет списан. Для потоковой работы по ретуши на бесплатном плане кредиты быстро израсходуются. Сейчас можно только докупить более дорогую подписку, чтобы сбросить лимит. В будущем обещают «гибкую систему пополнения». ◆ Плохо работает с деталями тел людей (руки, ступни, лица) ◆ Плохо работает с точными деталями (линейная графика, грани) ◆ Очень жесткие фильтры по цензуре. Иногда, чтобы удалить часть изображения, нужно прописывать текстом «remove», иначе не выдаёт результат. Во все картинки, созданные в инструменте, внедряются метаданные Content Credentials, по которым специальные инструменты могут понять, что изображение было сгенерировано или отредактировано с помощью AI. #карточки#миша#нейросеть

Буду потихоньку тизерить личный проект. Покажу процесс и что в итоге получилось На видео собираю данные 👩‍💻 #hoith

Минимальное действие Эта заметка находится на грани бытовой психологии. Пожалуйста, не доверяйте вопросы ментального здоровья незнакомцам из интернета, и если чувствуете проблему — запишитесь к специалисту. Часто бывает, что я долго прокрастинирую и не могу начать задачу или завести привычку. Помогает принцип «начать с минимального действия». Идея в том, чтобы поставить смехотворный критерий успеха привычки/дела и заставить себя в него поверить. Когда выполнил критерий, дело можно бросить. Очень сложно при этом себя не винить: «Я безвольный слабак, не могу сделать что-то больше минимального». Парадокс в том, что обычно, когда я уже начал что-то делать, меня затягивает любопытство, и я делаю больше. Например, я хочу, чтобы у меня в конце квартала был готовый кейс в портфолио. Я планирую задачу, разбиваю её на маленькие дела и ставлю себе критерий успеха: начать делать 5 минут. Кажется, что 5 минут — какая-то дичь. За это время не то что ничего не сделаешь, а даже в контекст не войдёшь. Тут кроется самое сложное: найти достаточный баланс между нереалистичной чушью и возможным действием, за которое ты себя не будешь гнобить. Если в моём примере выбрать 1 минуту, то мне даже не захочется тратить на это время. Если выбрать 30 минут, то это будет казаться, как что-то неподъёмное из разряда «сделать портфолио». Если сомневаюсь — обычно ставлю меньше. С опытом становится проще себя не винить. Часто оказывается, что задача не такая уж большая и довольно интересная. Или наоборот слишком большая, и её надо ещё сильнее резать на понятные простые действия. В любом случае, прокрастинационный цикл оказывается разрублен, и задачи двигаются с мёртвой точки. Вот ещё примеры минимальных действий, которые сработали для меня. Помогли начать делать дело или выработать привычку: ◆ Открыть пинтерест и найти один реф ◆ Открыть файл ◆ Открыть книгу ◆ Одеться и выйти на улицу ◆ Выпить полстакана воды ◆ Переодеться в «офисную» одежду ◆ Написать черновую структуру заметки (так был написан этот пост) #заметка#миша#опыт

Как подготовить видео для телеграма, чтобы оно автоматически воспроизводилось без звука в большом размере (не гифкой) По умолчанию телега сжимает маленькие видео без звука и относится к ним как гифкам — отражает в маленьком размере без возможности увеличить или поставить на паузу. Текст поста под такой «гифкой» превращается в узкую нечитаемую колонку. Чтобы видео воспроизводилось автоматически без звука, имело нормальную ширину и могло открываться на полный экран с полосой прокрутки, оно должно: ● Быть меньше значения по умолчанию для авто-загрузки медиа в настройках клиента: - 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

Персональный зал славы Хочу поделиться инструментом, который помогает поддерживать мотивацию и легче переживать ощущение «я никто, и звать меня никак». Суть в том, чтобы каждый раз, когда коллеги особенно благодарят или хвалят в чатах, сохранять скриншот сообщения и складывать его в отдельную папку или в заметку в приложении. Перед сложной защитой решения, или когда накатывает очередная волна самозванства — открываю эту папку и напоминаю себе, что я в порядке. Такое упражнение помогает успокоить нервы, поверить в себя и настроиться на пользу для общего дела. Про идею узнал из блога Саши Бизикова Ещё есть крутая статья разработчицы Джулии Эванс, где она рассказывает про «хвалебный документ» — brag document — список рабочих достижений разного масштаба. Он помогает проходить годовое ревью в продуктовой компании и не упускать неочевидные достижения. В комментах покажу нарезку скриншотов из своего зала славы :) А вы делитесь своими 😁 #заметка#миша#вдохновение

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

Как скрыть любой бесячий элемент сайта с помощью Ublock Origin. Ublock origin это блокировщик рекламы с мощными дополнительными настройками и инструментами. Один из них — element picker mode (значок пипетки). Позволяет скрыть любой элемент на сайте — всплывающий баннер, мигающее окно чата, cookie banner в пол экрана или красный счетчик новых постов. Нужно выбрать пипетку, кликнуть по элементу, в нижней панели слайдером отрегулировать «глубину» удаления элемента и нажать «Create». В зависимости от структуры страницы, может понадобиться удалить один и тот же элемент несколько раз. #ToolHacks

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

📷Навигация по каналу.О чем тут пишу. Привет! Меня зовут Майк Новиков, я междисциплинарный дизайнер коммуникаций с опытом в промдизайне: 🎓 Закончил факультет журналистики, делал инфографику для новостного агентства. 🖌 На фрилансе проектировал айдентику, рисовал логотипы, верстал печатку, оформлял соцсети. 🌸 На любопытстве устроился оператором лазерного ЧПУ станка: научился создавать физические предметы с нуля, освоил моделирование CAD, 3D печать, работу ручным инструментом. 🪄 Научился работать в Blender для визуализации предметов и теперь умею делать 3D для продуктовых страниц и коммуникаций Сейчас работаю с производственной компанией, которая делает экраны для домашних проекторов и продаёт их на Амазоне Я проектирую бренд, рекламу, карточки товаров, упаковку и соцсети; продюсирую рекламные ролики, провожу исследования Зачем я веду канал? ● Разжигаю любопытство — делюсь результатами экспериментов, находками и проектами, чтобы заряжать себя и других. ● Качаю коммуникацию — регулярно рефлексирую свой путь, критикую взгляды, задаюсь вопросом «а почему я так думаю?» ● Синтезирую опыт чтобы он помог кому-то еще, собираю полезные ссылки, приемы и хитрости, чтобы можно было легко поделиться ссылкой на готовый пост. Про что я пишу. Хэштег + примеры постов #любопытство@cogload • Как я стал любопытным • Как я влюбился в картографию • Дизайнерские голуби (да) • Эффект расширения текста в интерфейсе при локализации • Приключения продавца палок #inmyhead@cogload • Персональный зал славы • Привычка замечать • Рой пчел в голове и медитация. При чем тут дизайн? • IKIGAI — как найти смысл жизни • Любое дело — это навык • Как втянуть себя в любое дело через минимальное действие • Почему важно замечать мелкие штуки каждый день • Шаблон ежедневного журнала • Как сначала все переусложнил и откатился до простой системы • Как сейчас устроена ежедневная заметка ч1 • Какие эксперименты ставлю в ежедневной заметке ч2 #напользованность@cogload • Cosmos — альтернатива Pinterest с щепоткой AI • In a Nutshell сноски в тексте, которые не бесят • Доверие за счет прозрачности в тарифах #ресурсы@cogload • Чеклист для анализа дизайн-референсов • Список дизайн-справочников для новичков #Дизайн@cogload • Брендинг не в брендбуке а в точках контакта и в голове • Как найти формулировку позиционирования через атрибуты бренда • Какую зарплату получают дизайнеры в России #3d@cogload • Зачем дизайнеру знать 3D • Почему 3D рендеры выглядят нереалистично и «пластиково» #Datavis@cogload • Почему одна инфографика понятна сразу, а в другой надо разбираться? • Домашка по переверстке Dribble графиков • Интерактивная карта возраста домов Томска — мой пет-проект #ToolReview@cogload • Живые дизайнеры будут нужны все меньше • Obsidian как я не построил второй мозг • Как записывать короткие видео (лумы) для команды через OBS • Как смотреть видео в интернете быстрее чем на скорости х2 • TickTick — организация дел с умным голосовым вводом • Playground — бесплатный генератор картинок с хорошим UX • Photopea внутри фигмы #ToolHacks@cogload • Удалить точку в векторной кривой и сохранить кривизну формы в Affinity, Illustrator и FIgma • GPT-4 без подписки, по модели «Pay as you go» • Скрыть любой бесячий элемент на сайте с помощью Ublock Origin • Секретный код в Chrome, чтобы зайти на сайт который он считает опасным #Windows@cogload • Everything — сверхбыстрый поиск файлов для WIndows • AltSnap для организации и интуитивного перетаскивания окон #Telegram@cogload • Как отключить эмоджи статус рядом с именем • Как сделать, чтобы видео в телеграме не превратилось в гифку Вопросы и предложения пишите в личку канала (кнопка 💬 слева снизу от кнопки «отключить уведомления / подписаться / отписаться»)

Собрал сборник дизайн-хабов для новичков. Там можно найти полезные ссылки, статьи, лекции, оценить свой уровень или прокачать конкретный навык. Но если просто сохранить этот список списков в закладки, он принесет мало пользы. Нужно выбрать один хаб и положить его на видное место: • Поставить картинку-напоминалку на рабочий стол • Прилепить бумажный стикер • Запланировать отправку ссылок на статьи из сборника самому себе в Телеграме (отложенное сообщение в сохраненках) Смотреть список Если знаете ещё хабы-справочники-сборники, присылайте в комментарии #ресурсы