Шпаргалки по дизайну интерфейсов
Реальный проект по дизайну интерфейсов — это огромное количество вопросов, которые возникают на всех этапах. Какие-то в очень четких формулировках, какие-то витают в воздухе.
Мы взяли на себя смелость зафиксировать самые насущные темы и выдать достаточно четкие (но не поверхностные) инструкции, как действовать в том или ином случае.
Крупный план
Общие принципы работы дизайнера в инструменте. От принципов организации пространства, до подходов к решению высокоуровневых задач.
- Как и зачем использовать дизайн в компонентах
- В каких инструментах работают дизайнеры
- Как сделать дизайн продукта устойчивым к правкам и переделкам
- Как оформлять сложные пользовательские сценарии
- Как выбрать общий вид интерфейса продукта
- Как использовать профили пользователей в дизайне продукта
- Как навести порядок в бесконечных версиях экранов
- Как управляться с очень большим проектом в Figma
- Как учитывать нюансы поведения пользователей разных платформ
- Как и зачем учитывать портрет пользователя при выборе паттерна интерфейса продукта
- Как организовать проект по дизайну продукта в пространстве Figma
- Как адаптировать интерфейс продукта под другой размер экрана
- Как сделать продукт для мобильных приложений Apple
- Как и зачем делать прототип интерактивным
- Как по техническому заданию сделать дизайн продукта
- Как придумать концепцию продукта
Детализация
Частности, которые вызывают больше всего вопросов у тех, кто хочет принимать осознанные решения в процессе работы над дизайном.
- Как выбрать 5–7 любимых шрифтов на все случаи жизни
- Как подобрать цвета для дизайна продукта
- Как нарисовать ключевой экран продукта ручкой на бумаге
- Как начать пользоваться UI-kit'ом
- Как настроить и использовать стили в Figma
- Как сделать удобное меню
- Как сделать удобную таблицу
- Как сделать удобную карточку товара
- Какие задачи по дизайну продукта можно делать на смартфоне
- Как использовать эвристики в дизайне продукта
Аналитика
То, что нужно сделать прежде чем создать новый проект в Figma или другом инструменте для проектирования.
- Как провести аудит интерфейса продукта
- Как узнать, что сейчас модно в дизайне продукта
- Как сориентироваться в дизайне продуктов конкретной отрасли
- Как использовать аналитику в дизайне продукта
- Как использовать CJM в дизайне продукта
- Как использовать JTBD в дизайне продукта
- Как собрать респондентов для исследования пользователей
- Что спросить у бизнеса в начале работы над дизайном
- Как использовать mood board в дизайне продукта
- Как использовать научную базу для дизайна продукта
- Что спросить у разработчиков перед стартом работ по дизайну
- Как тестировать макеты дизайна продукта для специализированных устройств
Команда
Некоторые аспекты коллективной работы над макетами и дизайнерскими задачами.
- Как принять коллективное решение по стилю
- Как и зачем комментировать макеты в Figma
- Как откомментировать эскиз дизайна продукта
- Как распределить роли в команде по дизайну продукта
- Как создавать дизайн продукта в agile-разработке
- Как передавать проект по дизайну продукта от одного дизайнера другому
- Как разбить большую дизайнерскую задачу между дизайнерами
Технологии и разработка
Повышение шансов, что спроектированный продукт будет внедрен в том виде, в котором его задумала и реализовала дизайн-команда.
- Как разобраться в технологиях, на которых будет работать продукт
- Как вовлекать разработчиков в обсуждение дизайна продукта
- Как и зачем правильно называть элементы в Figma
- Как сопровождать разработку после окончания активной фазы дизайна
- Как писать документацию к дизайнам продукта
- Как использовать интерактивный прототип в разработке
Менеджмент
Управление дизайн-проектом требует специфического опыта, помимо классического проектного менеджмента.
- Что делать, если заказчик начал рисовать
- Как презентовать дизайн продукта
- Как работать с медленным заказчиком
- Как оценить работу дизайнера-фрилансера
- Как составить техническое задание на дизайн продукта
- Как фиксировать время, потраченное на дизайн продукта
- Как спланировать проект по дизайну продукта
- Как оценить работу дизайнера над конкретной задачей
- Как закончить проект по дизайну продукта
- Как правильно срывать сроки
Бизнес
Дизайн в целом — это инструмент бизнеса, независимо от того, работаете вы с внутренней или внешней командой.
- Как делать редизайн большого продукта постепенно
- Как нанять дизайнера продукта
- Как найти дизайнера-фрилансера
- Какое тестовое задание дать дизайнеру продукта
- Как составить вакансию на дизайнера продукта
- Как провести собеседование с потенциальным дизайнером продукта
- Как оценить, сколько стоит дизайн конкретного продукта
- Как подготовиться к проекту по дизайну продукта
- Как и зачем отличать фейковое портфолио дизайнера от настоящего
- Когда я могу себе позволить редизайн продукта, а когда — нет
- Как оценить, окупятся ли затраты на переделку продукта
- Как и зачем обучать сотрудников базовым UX-принципам
- Как убедиться, что дизайн продукта решает бизнес-задачу
Заказчик
Для заказчика нормально не разбираться в дизайне. Однако чем больше знаний и опыта, тем ниже риски проекта.
- Как провести презентацию дизайна продукта
- Как выбрать лучшее дизайн-решение из нескольких
- Почему дизайнеры считают объём работ и сроки приблизительно и как получить от них более точную оценку
- Как отдавать дизайнерам чёткие распоряжения, если я точно знаю, где должна быть кнопка
- Как сделать дизайн как у Apple
- Как подойти к переделке дизайна сложного продукта
- Как быть квалифицированным заказчиком в дизайне продукта
- Как добиться интуитивной понятности интерфейса продукта
- Как сделать дизайн продукта, который используется в конкретной отрасли
- Как делать дизайн продукта для нового рынка
Разное
Наглядный пример, что в любой структуре нет-нет, да и вылезет раздел «не знаем, куда это лучше приткнуть».