Навыки

Для развития скиллов

Основы дизайна

Базовые принципы и основы дизайна

10 Usability Heuristics for User Interface Design UX Library — Подробное руководство по UX. Автор собрал всё сам Блок «Продуктовый дизайнер» Color & Contrast.com Дизайн-альманах — Дизайн-альманах Readymag — образовательный проект об основах дизайна /designer NN/g Самоучитель по дизайну интерфейсов. Старт не за миллион деняк Как стать дизайнером — Программа самостоятельного обучения и наш взгляд на профессию дизайнера Дизайн паттерны Дизайн паттерны Сто шпаргалок — Шпаргалки по дизайну интерфейсов Free UX Templates and Guides — Use this curated set of free NN/g templates and guides for inspiration and to accelerate your product development activities and UX career Ководство Дизайн-процесс от Стэнфорда

Скиллсет

Карта компетенций

Перасперадастра Паттерны дизайн-менеджмента Магнит Грейд в Product Design — Оценка от Junior до Art director/Principle • Персональные советы для роста до следующего уровня

Дизайн-процесс

Ресурсы о процессе дизайна

Case studies — Есть платная подписка на «Tricks», где обещают показать 300 крутых приемов) Дизайн-процесс Фичизм Дизайн-процесс Кейсы от агентства Kisrolod Bestfolios Sneakpeek AB — АБ Как мы затащили персональную ленту на главный экран мобильного банка и повысили метрики в несколько раз — Кейс стади New feed entry point · Tinkoff — Кейс-стади Design Principles Кейсы по дизайну интерфейсов от Собаки Павлова — Полезный источник для насмотренности, особенно B2B интерфейсов. Иногда кейсы описаны достаточно подробны, есть ссылки на демо (файлы, записи, фигма). 64 UX Case Studies To Improve Your Product Skills Приключение на 20 минут, или Как мы редизайнили приложение Додо Пиццы Юзабилити-аудит сайта: чек-листс примерами МТС Тестовое задание К Как мы исследовали кассы самообслуживания в «Магните» — Вас ждёт цикл из трёх статей о том, как автор с командой исследовали и редизайнили КСО — от интерфейса и дизайн-системы до планограммы прикассовой зоны Бизнес-линч — Последнее обновление август 2019 года

UX

О пользовательском опыте

Built for mars — коллекция находок в дизайне и текстах зарубежных сервисов UX Challenges Laws of UX — Laws of UX is a collection of best practices that designers can consider when building user interfaces. Design-Pattern Guidelines: Study Guide Checklist Design — Коллекция дизайн практик UI Patterns Baymard Institute Coglode — Why do we do that? Guide to User Research (UXR) — A curated collection of 250+ resources & tools dedicated to user research, that will help you incorporate it into your design practice Модель информационных ожиданий Hard Client — Разборы разных продуктов 106 Cognitive Biases & Principles Patttterns База по исследованиям Study of designthrough human behavior

UI

О визуальном оформлении пользовательских интерфейсов

Как мгновенно увеличить качество своего визуала? Как я качал визуалку Гайд по визуальному дизайну в интерфейсах — Этот гайд построен на наблюдениях за дизайнерами с курса по дизайну цифровых продуктов Визуалка - делаем и качаемся — Много советов по улучшению визуала UI ORIENTIRY Рефодушка

Анимация

Ресурсы об анимации и моушн-дизайне

Motion.ed От дизайн-инженера Linear Material Design 3 — The motion physics system makes a UI expressive and easy to use Invisible Details of Interaction Design Family Values Honkish

Метрики

Измерения, аналитика и показатели эффективности дизайна

Глоссарий продуктовых метрик v1 GoodUI Метрики AARRR — Метрики

Дарк-паттерны

Примеры манипулятивных UX-приемов

Deceptive Patterns

Портфолио

Примеры и шаблоны портфолио

300+ портфолио дизайнеров Bestfolios 3000+ портфолио дизайнеров Шаблоны для портфолио во Framer Подборка портфолио #2 Подборка портфолио #1 Portfolio Hero

Тестовые задания

Задания от работодателей

В финтех Яндекса 1 · Продуктовый дизайнер — Вводные В мобильном приложении Альфа-банка есть раздел «Витрина». В нем клиенты могут самостоятельно открыть продукты банка, а так же найти доступные услуги и сервисы. Кроме этого мы умеем определять склонность к покупке и давать более персонализированные предложения. Проблема Сейчас раздел «Витрина» не популярен и у него маленькая посещаемость. Около 60% уходят из раздела, не совершив действий, 30% кликают в область баннеров, 10% в область ниже с продуктами. Задача Предложите свою концепцию данного раздела. Подумайте, как можно увеличить посещаемость данного раздела, повысить продажи и открытие банковских продуктов. Сделайте прототип в Figma, который бы вы показали команде, чтобы продемонстрировать своё решение. Опишите, как вы к нему пришли. Если хотите, попробуйте самостоятельно протестировать его и поделитесь результатами. Задание нужно выполнить в Figma. Существующие экраны и элементы можно использовать в работе и модифицировать без ограничений. 2 · Продуктовый дизайн (стажёр) — Продемонстрируйте свои знания Представьте, что вы работаете в Яндекс 360. Выберите любой сервис, который вам больше нравится, и попробуйте его улучшить. Можете выбрать любой раздел или любую функциональность. Результатом мы считаем 1–3 макета с пояснениями, что было улучшено и почему. Визуальный стиль, навигацию, цвета — всё можно менять, главное — обоснованно. При оценке тестового задания смотрим на качество исполнения макета и обоснованность решений. 3 · Продуктовый дизайнер (middle) — Представьте, как мог бы выглядеть экран карты в мобильном приложении или в личном кабинете на сайте Т-Банка. Не тратьте время на полноценный дизайн-процесс, у вас ещё будет шанс показать свой продуктовый подход на следующиъ этапах интервью. Не распыляйтесь, достаточно сделать один фрейм размером 375х812 или 1440х1024. За основу можно взять данные с текущих экранов деталей карт в приложении или на сайте. Главное — детально проработайте визуальный концепт и прикрепите его ссылкой на Figma. 4 • Продуктовый дизайнер — Бери заряд — это сервис по аренде пауэрбанков, который дополнил городскую инфраструктуру в Go. Представь, что вы загулялись с другом, и вам нужно срочно зарядить телефоны. К сожалению, сейчас карточка аренды не позволяет взять в аренду два и более устройства. Попробуй подумать о том, как масштабировать карточку заказа, чтобы можно было заказать сразу несколько банок с одного аккаунта. И как отображать несколько банков на главной странице. Покажи полноценный флоу аренды 2+ зарядных устройств. Подробнее взглянуть на тестовое можно по ссылке. 5 • Продуктовый дизайнер в Сберчат — Одна из основных функций в Сберчате — обмен файлами. Как может выглядеть этот процесс? Отрисуйте, как видите общий главный экран мессенджера с передачей и отправкой файлов. Объясните свое решение. Нужно решение в виде карты экранов или прототипа. 6 • Продуктовый дизайнер — Открой в мобильном браузере Яндекс Путешествия и выбери вертикаль ЖД. Дальше вбивай маршрут Москва-Питер на любые даты. Придумай / предположи какие продуктовые проблемы есть у этой страницы (можешь из этих гипотез придумать себе любые метрики) Задача Сделать редизайн этой страницы + попутно решить продуктовые задачи, которые ты отметишь. Тестовые задания в комментах — Актуально на 2023 год

Вайтборды

Инструменты и подходы для совместной работы и визуализации идей

Реальные и GPT задачи Фреймворк прохождения Whiteboard Challenge для дизайнеров: как нанимать людей быстрее База знаний Как пройти Whiteboard challenge Подкаст о вайтбордах в найме дизайнеров Как устроиться дизайнером без тестового или как пройти whiteboard Как подготовиться к Whiteboard Challenge: мой провал, выводы и советы для дизайнеров Как проводить вайтборд для нанимателей Как проходить вайтборд, чтобы увеличить шансы к найму Oraculo — задачник

Карьера

Советы по трудоустройству и развитию в профессии

Как подготовиться к собеседованию Яндекс Офферы для дизайнеров — Вакансии для продуктовых дизайнеров и UX-исследователей. UI/UX Jobs — вакансии и аналитика Как выглядит стандартный процесс найма + микросоветы Getmatch Буду HireHi

Знания

Базы знаний и образовательные ресурсы

Infogra — Помогают дизайнерам расти и развиваться: публикуют учебные и рабочие материалы бесплатно UX Advices The Vault Сборник QA для подписчиков — Ответы на вопросы подписчиков Библиотека дизайна Дизайн ресурсы · β Sub-atomic All in One Bookmark Links for Designer — База ссылок • Требует VPN Учебник по UX/UI-дизайну Making UX Decisions Course Materials — Материалы к одноимённому курсу FOUNTN. База — коллекция ссылок на дизайнерские инструменты, ресурсы, коллекции сайтов, приложений и UI-референсов, телеграм-каналы и всякое другое dsgn.zone App Stacks — Истории разработки приложений ДЗГН'360 useful web Helper. Прокачка — Архивная база знаний от Хелпер Библиотека левел дизайнера — Автор откапываем книги, статьи и видео которые вполне могут пригодиться для левел дизайнеров. Не все эти ресурсы были изучены автором, однако это в ближайших планах

Разное

Различные ресурсы без категории

Материалы — Коллекция материалов, разбитые по навыкам. Несколько сумбурно