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

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

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

Метолология оценки юзабилити сайта

• Изучение поведенческих факторов пользователь по средством webvisor
• Составление карт кликов
• Формирование фокус групп и анализ выполнения тестовых заданий

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

Структура сайта

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

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

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

От прототипа к дизайну

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

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

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

Прототип главной страницы сайта	Дизайн главной страницы, созданный по прототипу