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

Я — Анна, продуктовый дизайнер в компании Ozon, занимаюсь проектированием интерфейсов сайта и приложения компании, также являюсь ревьюером курсов «Дизайнер интерфейсов» и «Веб-дизайнер». Когда я начинаю работать над продуктом, я обращаюсь к разным ресурсам, ссылками на которые поделюсь в этой статье.

UX-исследования

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

Nielsen Norman Group — исследовательская консалтинговая компания, лидер в UX. Они выпускают отчёты о том, как пользователи воспринимают контент в интернете. Компанию основали Джейкоб Нильсон (10 знаменитых эвристик юзабилити) и Дон Норман (автор книги «Дизайн привычных вещей»).

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

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

Теперь, когда вы ознакомились с UX-исследованиями, пришло время применить свои знания на практике. Переходим к этапу проектирования интерфейса.

Поиск вдохновения

Здесь собраны примеры эстетичных лендингов и сайтов. К ним лучше обращаться при поиске визуальных референсов.

Примеры юзер-флоу

Ресурсы, которые помогут составить юзер-флоу, посмотреть, как реализованы конкретные компоненты, модули, сценарии и страницы у известных компаний.

Refero — каталог экранов и элементов интерфейсов для веба и IOS. Нужна регистрация.
Mobbin — библиотека экранов приложений и юзер-флоу. Нужна подписка для просмотра расширенного каталога.
Page Flows — ещё одна библиотека юзер-флоу. Нужна подписка для просмотра расширенного каталога.

Иллюстрации и иконки

PlaygroundAI — искусственный интеллект поможет со специфическими запросами. Мне нравится этот бесплатный генератор, он даёт впечатляющие результаты и имеет разнообразные модели и фильтры для тонкой настройки. В бесплатной версии доступно 50 изображений в день.

Бесплатные фотостоки:

Векторные изображения:

Иконки:

Работа с цветом

Adobe Color — поможет создать разные цветовые схемы, подскажет оттенки, извлечёт цвета из изображения. Можно проверить сочетания цветов на контраст и удобство цветовосприятия при нарушениях зрения.

Color Hunt — поможет подобрать гармоничные оттенки для любых проектов. Пригодится, если у вас ещё нет представления о палитре сайта или айдентике бренда.

flatuicolorpicker.com — примеры сочетания цветов.

coolors.co — генератор палитр и градиентов. Также можно проверить контраст цветов.

Сайты и телеграм-каналы

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

Jvetrau.com — дайджест об интефейсах от Юрия Ветрова.

Lawsofux.com — сборник законов дизайна для создания удобных и эстетически приятных интерфейсов.
Ux.pub — статьи о продуктовом дизайне и проектировании интерфейсов.

Hardclient — крупнейшая открытая русскоязычная база знаний по клиентскому опыту в e-commerce.

Ux Journal — статьи о UX/UX, анимации интерфейсов, продуктовом дизайне, брендинге и психологии.

Kostya Gorsky’s Channel — канал Кости Горского, экс-дизайн-руководителя в «Интеркоме» и Яндексе. Он делится советами, как развивать важные софтскилы, на какие книги стоит тратить своё время, и другими полезными ссылками.

Ozon Design — коллективный аккаунт команды дизайнеров Озона, который каждую неделю ведёт новый дизайнер и делится опытом, мыслями и крутыми подборками про дизайн и продуктивность.

/designer — мой бывший коллега, экс-дизайнер Ozon Саша Окунев выкладывает обзоры на различные инструменты дизайна, делится советами по работе с плагинами и приложениями, рассказывает про работу в продуктовой команде.

UX Horn — подборка лучших постов про UX-исследования, свежих статей и библиотека полезных материалов

Надеюсь, собранные ресурсы будут вам полезны и помогут найти вдохновение для вашей работы в области дизайна интерфейсов.

Подборка ресурсов для начинающих дизайнеров интерфейсов