UX/UI дизайн для создания идеального продукта. Полный и исчерпывающий гид

• Потери при ненужной транспортировке – это касается широковещательной рассылки по почте. Помимо засорения папки с входящими письмами, они просто отвлекают участников.

• Потери из-за лишних этапов обработки – во многих компаниях многочисленные экспертные сферы объединяют в одном человеке, чтобы устранить эффект микроводопада. В частности, должности UX- и UI-дизайнера сливаются в одну – Product Designer. В результате прекращается игра в пинг-понг артефактами между этими ролями.

• Потери из-за лишних запасов – для большого склада неизбежно потребуется внутренняя система учета и навигации. Чем «старше» артефакт, тем сложнее его найти, в частности поэтому иногда команды делают выбор в пользу коротких итераций, они позволяют не «захламлять» склады артефактов.

• Потери из-за выпуска дефектной продукции – в производстве цифровых продуктов это потери, связанные со складированием, логистикой и утилизацией записей bug issues, описаний багов в системах отслеживания багов.

Современные дизайн-системы глубоко интегрированы в производственный процесс и включают в себя не только описания стилей или анимации в формате CSS[63], но и непосредственно код интерфейсных компонентов.

Дизайн-система Audi содержит не только описание анимации эффекта от нажатия на кнопку, но и код – пример использования этого объекта

На высокой стадии организации дизайн-систем вводится фаза разработки и внедрения инструментов для автоматизации процесса дизайна и программирования.

В своей лондонской штаб-квартире дизайн-команда Badoo показала инструменты для автоматизации конвейера между дизайнерами и разработчиками. Плагин для Sketch позволяет выбирать готовые компоненты из коллекции и кастомизировать их. Соответствующие элементы уже реализованы в коде и могут быть бесшовно интегрированы разработчиками

Глава 7 Процессы UXD

User Experience Design (UXD, UX-дизайн) – часть процесса разработки продукта.

Американский предприниматель Эрик Рис стал законодателем мод в области разработки ПО, когда в своей книге «Бизнес с нуля. Метод Lean Startup»[64] предложил заменить тяжеловесные методологии PMBOK (Project Management Body of Knowledge) и RUP (Rational Unified Process) своей шустрой моделью Lean Cycle. В то время начали появляться компании-разработчики, не имевшие за плечами опыта ведения корпоративных процессов, им была чужда и незнакома эта тяжеловесная инженерная культура с обилием документации и многолетним планированием.

В основе подхода лежат основные тренды современного производства ПО:

• дизайн, в центре которого находится пользователь (User Centered Design);

• гибкость (Agile);

• бережливость (Lean).

Главная идея подхода заключается в максимально быстром и экономном переходе между фазами цикла:

1) генерация идей;

2) разработка;

3) анализ результатов;

4) генерация идей…

Очевидно, что процессы UX-дизайна включены в каждый этап производства. Как уже было описано выше, команда может начать генерацию идей как с нуля, так и имея на руках результаты предыдущих итераций.

Мы рассмотрим UXD-процессы, начиная с самого старта продукта.

Популярные процессы UX-дизайна, наложенные на Lean Cycle

Процессы растут и развиваются вместе с продуктом, людьми, организацией. Они рождаются, живут и умирают. Очень важно не пропустить момент, когда необходимо запустить тот или иной процесс или исключить, если он превратился в бессмысленный ритуал. Хорошей практикой будет периодически проводить «ретроспективы» – встречи, на которых команда принимает решение прекратить/продолжить/начать конкретные процессы.

Многие популярные дизайн-процессы уже упоминались ранее. Далее рассмотрим их подробнее.

Дизайн-мышление и его производные

Дизайн-мышление – когнитивный процесс, в результате которого появляются дизайн-концепции.

Термин развивался с 1950-х годов, а широкую популярность получил благодаря компании IDEO – ее основатели агрегировали опыт, накопленный ведущими дизайн-командами, и в начале 1990-х начали активно консультировать корпорации. Именно их интерпретация процесса и подразумевается под дизайн-мышлением, связанным с созданием цифровых продуктов.

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

В дизайн-мышлении объединились лучшие на тот момент практики генерации идей и принятия решений – мозговой штурм, латеральное мышление[65], циклы «создай-протестируй-повтори» и многие другие.

Процесс происходит в несколько этапов:

• эмпатия – концентрация на переживаниях пользователя и запись откровений;