Проектирование и дизайн интерфейсов

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

Что в результате?

Наиболее полезные и наглядные результаты работ — это структурные схемы страниц (wireframes), перечень функциональности (user stories) и сценарии взаимодействия (use cases). Есть еще ряд вспомогательных документов — описание ключевых пользователей системы (персонажи), описание сути и целей создания продукта (vision), карта сайта и схемы навигации. Они также важны для получения удобного и эффективного интерфейса, но скорее описывают концепцию продукта.

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

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

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

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

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

Зачем это все?

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

1. 1Конверсия посетителей в покупателей
2. 2Экономия на разработке
3. 3Экономия на поддержке
4. 4Повышение лояльности пользователей
5. 5Возможность ранних презентаций