Вы знаете, как это происходит.

Пользовательские данные говорят о том, что вы должны слегка изменить пользовательский поток. Вас совершенно не устраивает тот раздел статистики, который вы спроектировали 3 года назад. Но волноваться не о чем — вы всё контролируете. Ведь вы можете выпустить обновление, которое всё исправит.

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

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

Тут дело в расстановке приоритетов — предоставим ли мы важный функционал или исправим мелкие недочеты?

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

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

Ввести модальные окна

Да, да, опять про смену плана, но какое же симпатичное окошко!
Да, да, опять про смену плана, но какое же симпатичное окошко!

Нам было интересно, сможет ли адаптивный, гибкий, «всё в одном» модальный дизайн улучшить большую часть пользовательского опыта. Это может показаться немного анти-климатично. Но и мы сначала считали, что это просто случайная идея.

 

Почему именно модальные окна?

Я знаю о дурной славе модальных окон. Я даже был одним из тех дизайнеров, которые избегали их использования. Но с тех пор я изменил свою точку зрения. Модальные окна добавляют контекст родительскому экрану, и с их помощью мы можем использовать один и тот же шаблон для похожих действий. А при помощи таких современных инструментов, как Flex, мы можем создать гибкий дизайн, который сможет приспосабливаться под разные типы контента.

Оба эти окна принадлежат одной модальной структуре
Оба эти окна принадлежат одной модальной структуре

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

04-modal-mobile

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

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

Быстрый прототип, показывающий возможности системы модальных окон
Быстрый прототип, показывающий возможности системы модальных окон

И это сработало! Заинтересованные стороны смогли понять всю универсальность модальных окон, а разработчикам они понравились потому, что в них было легко вносить параметры.

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

 

О системах

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

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

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

Перевод статьи Правина Фрэнсиса