Тренажёр для подготовки к собеседованиям

Александр Дьяков, продуктовый дизайнер в Яндекс Картах, разработал тренажёр для подготовки к собеседованиям. Здесь можно подготовиться к вопросам, которые часто задают на собеседовании в IT-компании.

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

Ссылка на тренажёр

Новогодний Яндекс Субботник по дизайну и разработке интерфейсов

В этот раз 90% материала было для разработчиков, но были 3 лекции, знаний из которых могут быть полезны дизайнерам в работе.

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

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

Генеративные палитры в дизайн-системе
Дизайнер и разработчик сделали интересную генеративную палитру для работы с промо цветами. Советую послушать «вопрос-ответ» после лекции, там ребята докидывают полезную информацию по работе системы.

Что такое продуктовое мышление?

Очень короткое и понятное объяснение термина, который много кто не понимает, но хочет прокачать.

Внутри статьи:
– Определение;
– Пример;
– Антипример.

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

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

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

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

Опросники в проектировании 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 рассказывает, как её команда передаёт анимацию в разработку и получает такой же результат, который задумывался в самом начале.

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

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