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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С нг 🎄

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Коллекция портфелей дизайнеров

Александр Варанцов собрал 100+ лучших портфелей дизайнеров из Apple, Avito, Yandex, Max, Ozon, X5 и других крутых компаний.

Имеются как личные сайты, так и портфели на базе Notion.

Ссылка на коллекцию