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

Проектирование интерфейсов — основная услуга, предлагаемая User House, в которой мы достигли настоящих высот. МегаФон, Промсвязьбанк и Йота не дадут соврать.
62
выполненных проекта выполненных проекта
9
лет опыта лет опыта

Как устроен процесс проектирования интерфейсов

1. Планируем
2. Анализируем
3. Проектируем высокоуровнево
4. Проектируем детально
5. Графически оформляем
Составляем почасовой план на предстоящие работы

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

Исследуем предметную область, изучаем конкурентов, собираем функциональные и бизнес требования, анализируем ограничения

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

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

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

Создаем высокоуровневые прототипы — wirefram’ы

Wireframe или высокоуровневый прототип — документ, отражающий состав и компоновку каждого элемента (экрана, страницы) будущего интерфейса пользователя. Такой прототип создается буквально за несколько дней, но уже довольно наглядный и позволяет в первом приближении увидеть будущий продукт и, при необходимости, оперативно внести корректировки.    

Прорабатываем детальное проектирование пользовательского интерфейса

Согласовав со всеми заинтересованными сторонами высокоуровневый прототип можно переходить к детальному прототипированию всех экранов и состояний проектируемого продукта.

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

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

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

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

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

Наши клиенты

МегаФон
МТС
Yota
Ростелеком
British American Tobacco
Ozon
Газпромбанк
Промсвязьбанк
ДельтаКредит
ОТП Банк
Mail.ru Group
X5 Retail Group
АТОЛ
SuperJob
Альфа-Групп
Детский мир
MegaLabs
Ленвендо
Фабрикант
ЭТП ММВБ
МегаФон
Yota
British American Tobacco
Газпромбанк
ДельтаКредит
Mail.ru Group
АТОЛ
Альфа-Групп
MegaLabs
Фабрикант
МТС
Ростелеком
Ozon
Промсвязьбанк
ОТП Банк
X5 Retail Group
SuperJob
Детский мир
Ленвендо
ЭТП ММВБ

Отзывы клиентов

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

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

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

Читать отзыв целиком
Владимир Добрынин

User House – сообщество профессионалов, которые сочетают в себе как творческое, так и научное начало. Научный подход выражается в статистических мерах удобства использования сайта потребителями, а творческий – в разработке прототипов страниц

Середина 2011 года знаменовалась обновлением сайтов Группы компаний FOREX CLUB, которые стали еще более удобны и просты в использовании. Это стало возможным благодаря плодотворному сотрудничеству с компанией User House. 

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

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

ГК FOREX CLUB: «Мы очень рады сотрудничеству с компанией User House и получившемуся проекту. Обновленные сайты были одобрительно встречены постоянными клиентами, а более совершенная компоновка сайта позволила снизить нагрузку на call-центр за счет самостоятельного поиска решений пользователей на сайте    Компании».

User House:  «Группа компаний FOREX CLUB является одним из лидеров на своем рынке, и не случайно. Это профессионалы, с которыми приятно вести диалог, а поставленные задачи носят конкретный и законченный характер. Надеемся на дальнейшее продолжение нашего сотрудничества и желаем успехов FOREX CLUB!»

Читать отзыв целиком
Денис Иванов