Люстра

Скриншот всей страницы сайта

В одном из чатов увидел быстрый способ сделать скриншот всей страницы сайта в Chrome без использования плагинов.

1. На странице, которую вы хотите заскриншотить, нажимаем ПКМ и выбираем «Просмотреть код»;
2. Откроется панель с вёрсткой страницы, в которой нам нужно будет найти открывающий тег <body> и нажать на него ПКМ;
3. В выпадающем списке выбираем «Capture node screenshot» и ждём пару секунд;
4. Готово! Скриншот автоматический падает в загрузку.

Да, способ не отработает идеально на всех сайтах, но он быстрый и не требует сторонних свистоперделок.

Там в студии Лебедева открылась стажировка на дизайнера цифровых продуктов. Новички, дерзайте)

Ссылка на стажировку

Как передавать анимацию в разработку

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

Внутри статьи:
– Как правильно описывать анимацию;
– Список программ с встроенными инструментами для экспорта анимации для разработчиков;
– Список библиотек готовых решений с кодом для разработчиков.

Ссылка на статью

Дока по веб-технологиям

Откопал справочник по веб-технологиям, который написан на человеческом языке. Короче говоря, поймут даже дизайнеры.

Да, материал не совсем для дизайнеров, но индустрия постоянно намекает нам, что мы должны разбираться в основах HTML и CSS, поэтому делюсь.

Обучающие разделы внутри:
– HTML;
– CSS;
– JavaScript;
– Инструменты;
– Рецепты;
– Доступность.

Ссылка на главную

Как не стать жертвой когнитивных искажений и принять обдуманное решение

Небольшая статья Алёны — UX-исследователя из Landau Interactive, про то, что такое когнитивные искажения, как не попасть под их влияние и научиться принимать рациональные решения.

Внутри статьи:
– Когнитивные искажения — что за зверь;
– Эффект Ресторфф;
– Эффект фрейминга;
– Эвристика доступности;
– Систематическая ошибка выжившего;
– Эффект якоря;
– Боязнь потери;
– Использование когнитивных искажений в бизнесе;
– Как принимать решения.

Ссылка на статью

Figma для разработчика

Дизайнер DS OZI Виктор Теплов подготовил отличный видео гайд для быстрого обучения разработчиков работе с вашими дизайн макетами в Figma.

Объяснения внутри видео:
– Интерфейс Figma в режиме can view;
– Горячие клавиши;
– Панель разработчика;
– Экспорт материалов;
– Как разработчику смотреть макет.

Ссылка на видео

Уже составили список целей на этот год?

Использование когнитивных искажений в разработке качественных продуктов

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

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

Ссылка на статью
Ссылка на UXCORE

Зеркальная модель карьерного роста продуктовых дизайнеров

Максимальный zoom out, чтобы увидеть весь нынешний карьерный путь продуктового дизайнера и понять, что индустрия совсем не поощряет развитие специалистов в креативном направлении.

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

Ссылка на статью

Темная тема = шрифтовой ад

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

Если вы пилите дизайн-систему или продукты «читалки» с поддержкой тёмной темы, то советую ознакомиться с данным материалом.

Ссылка на первую часть
Ссылка на вторую часть

Теперь ты дизайн-менеджер — что дальше

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

Внутри статьи:
– Нюансы пути к позиции руководителя;
– Наблюдения по ходу работы дизайн-менеджером;
– Советы «от бывалого»;
– Полезные материалы для развития.

Ссылка на статью

С нг 🎄

Пакет с пакетами: Каноническая версия

Старая и известная в узких кругах лекция Богданы и Саши про концепцию «Пакет с пакетами», применяемую в дизайн-системах.

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

Ссылка на видео

Редизайн десктопа Дзена

Продуктовый дизайнер Дзена делится большим кейсом с делатльным разбором редизайна десктопной версии уже бывшей платформы Яндекса.

Внутри статьи:
– Определение проблем;
– Исследование перед стартом;
– Процесс редизайна;
– Подведение итогов.

Ссылка на статью

Вписался в курс. Ага, ещё один

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

Короче, купил подписку на обновлённую версию Helper, которая теперь трансформировалась в курс с целью прокачки слабых навыков и красивой упаковки себя для работодателя в последствии.

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

С этого момента начинается этап изучения лекций и выполнения домашних заданий.

По нынешней оценке ментора, я — Middle+. Мой план под конец расскачки приблизится к Senior уровню.

Модели медиапотребления

Дневниковое исследование от UX-лаборатории Mail Ru, направленное на лучшее понимание того, что люди читают, почему, когда и как.

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

Внутри исследования:
– Стратегии потребления медиа;
– Сколько времени люди проводят за чтением медиа;
– Начало чтения: откуда пользователи приходят на статью;
– Какие статьи пользователи выбирают для чтения;
– Как люди читают;
– Завершение чтения: что пользователи делают, когда ознакомились со статьей.

Ссылка на исследование

Кликать, свайпать, залипать: как мы учили людей смотреть ролики Дзена

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

Внутри статьи:
– Понимание задачи;
– Рабода над желанием зайти в раздел;
– Работа над увеличением времени пребывания в разделе;
– Внедрение витрины роликов и поиска;
– Работа над увеличением количества подписок на авторов.

Ссылка на статью

Основы визуализации данных

Бесплатная электронная версия книги Клауса Вильке по визуализации данных.

Книга поможет разобраться в проблемах визуализации и даст рекомендации по превращению больных наборов данных в понятные и убедительные структуры.

Ссылка на книгу

Опросники в проектировании UI/UX и разработке продукта: чем они помогают

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

Разбираемые опросники:
– 5-секундный тест + опросник;
– Анализ важнейших задач;
– Модель Кано;
– Индекс потребительской лояльности и его аналоги;
– Обратная связь по отдельным функциям продукта;
– Отбор респондентов;
– Опросник «Почему?»;
– Шкала юзабилити.

Ссылка на статью

Мемное воскресенье

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

Также приглашаю и вас покидать рабочих и около рабочих мемов в комментарии под этим постом.