Согласование дизайна, боль заказчика и исполнителя. Как эффективно построить процесс? На какие части можно его разделить и почему так важно определиться с задачами? 

Ох, сейчас как нарисуем, да вот чтобы самолет получился, еще и золотой, утвердим все быстренько и в Гагры. Бла, бла, бла…

Не бывает так, нет. Хотя возможно, если ты сам владелец компании и весь такой “Как сказал, так и будет”. Но ведь в большинстве случаев у тебя есть заказчик, есть пользователи, есть еще кто-то (продолжите список), и у всех свои задачи.

Дизайн интерфейсов, это точка соприкосновения разных структур, ментальностей и прочего, как все это поместить в один котел и договориться?

Согласование дизайна: задачи

Чтобы с чего-то начать, нужно понимать “зачем”. То есть, какая задача у дизайна, над которым мы собираемся работать?

Согласование дизайна

Рисовать ради рисовать, точно не для нас. Мы проектируем под пользователя, а значит, решаем его задачи. Плюс, нельзя забывать про бизнес заказчиков.

Пример: обновляем карточку товара в и.магазине. Зачем? Чтобы пользователь мог прямо из каталога понять какой именно товар ему нужен. Для бизнес заказчиков задача: повысить кликабельность карточки, а значит и конверсию в покупку. Окей, на это и ориентируемся при проектировании.

Пример: добавляем лайки в нашу соц.сеть. Зачем? Пользователь: повысить интерес взаимодействия. Бизнес: увеличить вовлеченность и время пользователя в продукте (возможность доп.продажи и пр.).

Надеюсь, понятна логика. Идем дальше.

Задачи, да в народ

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

Согласование дизайна:задачи

Могут возникнуть трудности с тем, чтобы “достать” задачи и сформулировать их вместе с заказчиками, но это ключ к продуктивной работе.

Будь вы дизайнер, продакт, проджект, маркетолог, да хоть прохожий, который попал в авантюру согласований, достаньте эти чертовы задачи! Если не вы, значит никто.

Вполне резонно посвятить утверждению задач первую совместную встречу.

Согласование дизайна: планирование встреч

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

Согласование дизайна: планирование встреч

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

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

Если звезды сошлись и вы хотите знать, когда будут новые материалы в блоге, то подписывайтесь на наш telegram канал! Продолжаем читать…

Цели встреч

Для каждой встречи вы должны определить цели. Обычно они обозначаются в повестке (сопроводительном письме к приглашению).Скажите, что именно планируете обсуждать и к чему хотелось бы прийти в конце обсуждения.

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

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

Согласование дизайна: фокус

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

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

Пример: согласование дизайна каталога интернет магазина

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

Первая встреча: задачи дизайна

Встречаемся со всеми заинтересованными лицами и вытаскиваем конкретные задачи, которые необходимо решить с новым каталогом. Представим, что их у нас две:

  • повысить кликабельность карточек товаров в каталоге
  • сделать более удобную навигацию по каталогам (фильтры)

Согласование дизайна: пример

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

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

Организовали вторую встречу, где в повестку вынесли: обсуждение самого каталога без фильтров.

Вторая встреча: варианты каталога

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

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

Согласование дизайна: вводные

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

Третья встреча: обновленные варианты каталога

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

Согласование дизайна: пример 2

На практике бывает, что для одной сущности (типа каталог) нужно несколько встреч, циклы, месяцы… Пожелания все добавляются, а финала и не видно. Процесс превращается в “рисуем ради рисуем” и требуется волевое решение, чтобы снова озвучить всем задачи и сфокусироваться.

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

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

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

Итого

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

Алексей А.


Читайте также:

Кстати, я уже давно веду авторские семинары по управлению IT продуктами, если интересно, посмотреть их можно тут.


Яйцебургер от Burger King, прямо с секретной базы.