ПРОЕКТИРОВАНИЕ
ИНТЕРФЕЙСОВ

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

Получить консультацию

Как мы проектируем интерфейсы

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

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

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

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

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

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

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

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

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

Этапы и артефакты

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

    • Артефакт “Концептуальный прототип”
      Набор макетов, где схематически показано расположение контента на экране. Позволяет убедиться, что все участники проекта одинаково понимают логику взаимодействия пользователя с продуктом.
  2. Детальное проектирование
    Основной этап проектирования. UX-специалист создает детализированные макеты, которые можно передать разработчикам и дизайнерам для дальнейшей работы.

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

    • Артефакт “Спецификация интерфейса”
      Документ, объединяющий все требования к пользовательскому интерфейсу и функциональности продукта.
  4. Авторский надзор
    После завершения проектирования мы готовы сопровождать внедрение: консультировать команду, проверять реализацию макетов, вносить корректировки. Это помогает сохранить целостность UX-решений в финальном продукте.

Получить консультацию
Наши кейсы
Авторы: Ксения Голубева, Мария Евтюшина, Анна Исламова. Оборот интернет-торговли продуктами ...
Авторы: Анастасия Симаранова, Мария Евтюшина, Ирина Денисова, Анна Исламова, Елена ...
Авторы: Мария Евтюшина, Ирина Денисова. Описание задачи В последние несколько ...
Авторы: Анна Исламова, Анастасия Симаранова и Мария Евтюшина. Описание задачи ...
Наши награды
Отзывы
ПАО Московская Биржа,
Компания USABILITYLAB провела исследование по улучшению процесса прохождения процедур Know Your Customer (KYC) клиентами компаний Группы «Московская биржа» при подключении к услугам и последующем обслуживании.
Читать

ОТЗЫВ ПО РЕЗУЛЬТАТАМ ИССЛЕДОВАНИЙ

Компания USABILITYLAB провела исследование по улучшению процесса прохождения процедур Know Your Customer (KYC) клиентами компаний Группы «Московская биржа» при подключении к услугам и последующем обслуживании.

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

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

Хотим отметить профессиональный подход и качественную работу всех работников компании USABILITYLAB, с которыми взаимодействовали во время реализации проекта, а именно: Сергея Алешина, Андрея Смирнова, Надежду Ляшенко, а также команду аналитиков Виту Зайцеву, Анфису Гукову, Ольгу Константинову.

Компании Группы «Московская биржа» выражают благодарность и рекомендуют компанию USABILITYLAB в качестве исполнителя работ по юзабилити-исследованиям и проектированию.

Желаем команде USABILITYLAB дальнейшей плодотворной деятельности и успехов!

Директор Департамента клиентской поддержки

Е.А. Гилод

ООО «НТВ-ПЛЮС»,
Департамент маркетинга компании ООО «НТВ-ПЛЮС-ТВ» выражает благодарность команде компании 000 «ЮЗАБИЛИТИЛАБ» за проведённые в полном объёме юзабилити-тестирования онлайн сервиса НТВ-ПЛЮС ТВ.
Читать

О работе проектной команды ООО «ЮЗАБИЛИТИЛАБ» по направлению UX/UL исследования цифровых платформ компании 000 «НТВ-ПЛЮС»

Департамент маркетинга компании ООО «НТВ-ПЛЮС-ТВ» выражает благодарность команде компании 000 «ЮЗАБИЛИТИЛАБ» за проведённые в полном объёме юзабилити-тестирования онлайн сервиса НТВ-ПЛЮС ТВ.

Специалисты компании 000 «ЮЗАБИЛИТИЛАБ» продемонстрировали высокопрофессиональное исполнение работ по всем поставленным перед ними задачам с соблюдением установленных сроков!

Особую признательность выражаем руководителям проекта Надежде Ляшенко и Андрею Смирнову, а также специалистам Анне Минаевой, Варваре Исаевой, Юлии Суворовой и Анастасии Ермоловой. Проектная команда проявила умение решать нестандартные задачи, продемонстрировала слаженную работу и организовала комфортный процесс коммуникации.

Мы рекомендуем компанию ООО «ЮЗАБИЛИТИЛАБ» в качестве профессионального и ответственного партнёра!

Руководитель управления маркетинговых коммуникаций

Шаврина Е.Л.

АО «Альфа-Банк Казахстан»
Мы, команда дизайнеров Alfabank Kazakhstan, благодарим клевую команду Usabilitylab за высокий уровень профессионализма, оперативность и качество проведенного обучения по темам «Методы быстрой оценки usabilit», «UX Personal».
Читать

Мы, команда дизайнеров Alfabank Kazakhstan, благодарим клевую команду Usabilitylab за высокий уровень профессионализма, оперативность и качество проведенного обучения по темам «Методы быстрой оценки usabilit», «UX Personal».

Нам было очень приятно работать с вами, совместно решать нестандартные задачи, получать и делиться опытом.

Обещаем применять приобретенный опыт, только для улучшения жизни наших клиентов и надеемся, что в будущем наше сотрудничество станет еще более плодотворным и длительным!

Говорим спасибо Асе Жуковой, Анастасии Груневой и Анне Исламовой.

С уважением, начальник управления UX/UI АО «Альфа-Банк Казахстан»

Балтабек Бекенов

Общество с ограниченной ответственностью «КИНО-ТЕАТР.РУ»
ООО «КИНО-ТЕАТР.РУ» выражает благодарность обществу с ограниченной ответственностью «Юзабилитилаб» за проведение работ по UX/UI тестированию для высокоперспективного проекта по показу веб-сериалов в области VoD. В рамках работы были проведены тестирования мобильной и Desktop версии.
Читать

ООО «КИНО-ТЕАТР.РУ» выражает благодарность обществу с ограниченной ответственностью «Юзабилитилаб» за проведение работ по UX/UI тестированию для высокоперспективного проекта по показу веб-сериалов в области VoD. В рамках работы были проведены тестирования мобильной и Desktop версии.

Дополнительно хотим отметить высокий уровень профессионализма и отличное взаимодействие с командой разработки, которое позволяло своевременно решать проблемы и находить оптимальные варианты реализации дизайна.

Надеемся на дальнейшее плодотворное сотрудничество.

Генеральный Директор ООО «КИНО-ТЕАТР.РУ»

Жан Просянов

Общество с ограниченной ответственностью «ЛАНИТ - ТЕХНОЛОГИЙ»
000 «Ланит Технологии» выражает благодарность обществу с ограниченной ответственностью «Юзабилитилаб» за качественно и в срок выполненную работу по проектированию пользовательского интерфейса тонкого клиента системы управления НСИ «НОРМА».
Читать

000 «Ланит Технологии» выражает благодарность обществу с ограниченной ответственностью «Юзабилитилаб» за качественно и в срок выполненную работу по проектированию пользовательского интерфейса тонкого клиента системы управления НСИ «НОРМА».

Дополнительно хотим отметить лично юзабилити-специалиста Татьяну Чернявскую за глубокое погружение в такую большую и сложную тему, как система управления НСИ «НОРМА», качественное проектирование и проработку макетов дизайна. Отличное взаимодействие с командой разработки, которое позволяло своевременно решать проблемы и находить оптимальные варианты реализации дизайна.

Надеемся на дальнейшее плодотворное сотрудничество.

Генеральный директор ООО“ЛАНИТ-ТЕХНОЛОГИ”

Головатый Л.Е.

ООО «ОТР 2000»
ООО «ОТР 2000» выражает благодарность обществу с ограниченной ответственностью «ЮЗАБИЛИТИЛАБ», лично юзабилити-специалисту Татьяне Чернявской и руководителю проекта Евгении Парфеновой за качественное планирование, организацию и проведение исследования, а также за проектирование интерфейса.
Читать

ООО «ОТР 2000» выражает благодарность обществу с ограниченной ответственностью «ЮЗАБИЛИТИЛАБ», лично юзабилити-специалисту Татьяне Чернявской и руководителю проекта Евгении Парфеновой за качественное планирование, организацию и проведение исследования, а также за проектирование интерфейса.

Надеюсь, что наше сотрудничество и впредь будет таким же плодотворным и взаимовыгодным!

С уважением, Генеральный директор

Гусев Д.М.

АО «АЛЬФА-БАНК»
За два месяца в лабораторных условиях было протестировано 8 продуктов на 48 респондентах и выявлено 202 юзабилити проблемы.
Читать

АЛЬФА-БАНК выражает благодарность компании ЮЗАБИЛИТИЛАБ за предоставленные услуги по улучшению пользовательских качеств банковских продуктов.

За два месяца в лабораторных условиях было протестировано 8 продуктов на 48 респондентах и выявлено 202 юзабилити проблемы.

Результатом каждого исследования была презентация рекомендаций соответствующим продуктовым командам. Качественные изменения продуктов положили начало digital трансформации банка.

За время лабораторных исследований специалисты и менеджеры ЮЗАБИЛИТИЛАБ продемонстрировали высокий уровень профессионализма. Проекты выполнены точно в срок, с надлежащим качеством и учетом всех пожеланий. Сотрудники компании квалифицированно справляются со своими обязанностями и поставленными задачами. Особенно хочется отметить и сказать спасибо:

Анне Крамаренко, Анне Минаевой, Виктории Бродской, Анастасии Чураковой, Ивану Лукомскому, Кириллу Козлову, Никите Саеченко, Екатерине Розумной, Андрею Мартиновичу, Антону Парамонову и Дмитрию Сатину, за то что собрал вокруг себя таких замечательных людей.

Рекомендуем ЮЗАБИЛИТИЛАБ, как надежного и ответственного партнера в UX.

С уважением, Руководитель Центра компетенций исследований пользовательского опыта и клиентских сценариев

Игорь Захарченко

ОТКРЫТОЕ АКЦИОНЕРНОЕ ОБЩЕСТВО, «ЭЛЕКТРОННАЯ МОСКВА»
Благодарим специалистов компании «Юзабилитилаб» за проведенное юзабилити-исследование нашего мобильного приложения «Активный Гражданин». В результате совместной работы, были выявлены сложности, которые возникли у пользователей при открытии и контакте с приложением.
Читать

Благодарим специалистов компании «Юзабилитилаб» за проведенное юзабилити-исследование нашего мобильного приложения «Активный Гражданин». В результате совместной работы, были выявлены сложности, которые возникли у пользователей при открытии и контакте с приложением.

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

Заместитель технического директора

Соломин Н.П.

Региональное подразделение НИССАН Восток- Россия. 000 “Ниссан Мэнуфэкчуриг РУС"
Компания «Ниссан Мэнуфэкчуриг Рус» искренне благодарит коллектив «Юзабилити Лаб» за профессионализм и организованность, проявленные во время проведения полевого айтрекинг исследования по удобству использования интерфейсом сайта бренда целевой фокус-группой в 6 городах России в сентябре-ноябре 2019 г
Читать

Компания «Ниссан Мэнуфэкчуриг Рус» искренне благодарит коллектив «Юзабилити Лаб» за профессионализм и организованность, проявленные во время проведения полевого айтрекинг исследования по удобству использования интерфейсом сайта бренда целевой фокус-группой в 6 городах России в сентябре-ноябре 2019 г, в результате которого мы смогли значительно улучшить наши качественные показатели. Надеемся на сохранение добропорядочных партнерских отношений в работе над новыми проектами.

С уважением, менеджер по интерактивному маркетингу и медиа

Быканов И А.

АО «ИНТАЧ СТРАХОВАНИЕ»
АО «Интач Страхование» выражает свою благодарность ООО «ЮЗАБИЛИТИЛАБ» за профессионализм в работе и оперативность в исполнении заказываемых работ.
Читать

АО «Интач Страхование» выражает свою благодарность ООО «ЮЗАБИЛИТИЛАБ» за профессионализм в работе и оперативность в исполнении заказываемых работ.

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

Директор по маркетингу и прямого канала продаж

Бутенко П.Н.

ПАО Сбербанк
Благодарим команду USABILITYLAB за высокое качество работы и профессионализм, которые они проявили в ходе проекта по разработке интерфейсов для программного обеспечения «Единая Фронтальная Система». Единая Фронтальная Система нацелена на повышение уровня комфорта клиентов Сбербанка при получении услуг, а также на удобство, скорость и эффективность работы сотрудников отделений, которые занимаются обслуживанием клиентов.
Читать

Партнер по разработке дизайна интерфейсов для программного обеспечения «Единая фронтальная система» 2015, 2016,2017

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

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

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

Руководитель дирекции Единая фронтальная система

Молостова Юлия Михайловна

«ВБРР» (АО)
Выражаем благодарность сотрудникам компании ООО «ЮЗАБИЛИТИЛАБ» за оперативно и качественно проделанную работу по изменению юзабилити системы дистанционного банковского обслуживания физических лиц Акционерного общества «Всероссийский банк развития регионов».
Читать

«Выражаем благодарность сотрудникам компании ООО «ЮЗАБИЛИТИЛАБ» за оперативно и качественно проделанную работу по изменению юзабилити системы дистанционного банковского обслуживания физических лиц Акционерного общества «Всероссийский банк развития регионов». Хотелось бы отметить высокую квалификацию и внимательность к мнению Банка сотрудников Компании, отвечающих зa создание прототипа нового дизайна системы ДБО Банка (Клёц А.В., Исламова А.А.), за качественное проведение тестирования как существующей системы ДБО Банка, так и прототипа для создания нового дизайна системы ДБО и подготовку отчетов по результатам тестирования (Бычин Ю.С.), a также высокий уровень работы менеджера проекта (Ляшенко Н.В.) Команда ООО «ЮЗАБИЛИТИЛАБ» в работе с Банком проявила оперативность в решении возникающих вопросов, индивидуальный подход и выполнение взятых на себя обязательств в рамках совместных договоренностей в заявленные сроки».

Начальник Департамента пластиковых карт

Ольга Игоревна Тихонова