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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С 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!»

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