Когда вы только начинаете заниматься дизайном интерфейсов, важно изучить лучшие практики проектирования удобных и полезных продуктов.
Я — Анна, продуктовый дизайнер в компании 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-исследования, свежих статей и библиотека полезных материалов
Надеюсь, собранные ресурсы будут вам полезны и помогут найти вдохновение для вашей работы в области дизайна интерфейсов.