ПРОЕКТИРОВАНИЕ
ИНТЕРФЕЙСОВ
Создаем интерфейсы, удобные для пользователей и эффективные для бизнеса. На выходе вы получаете макеты экранов и спецификацию, которую можете передать разработчикам.
Получить консультациюКак мы проектируем интерфейсы
Хороший интерфейс должен соответствовать требованиям бизнеса, быть удобным для пользователей и доступным для технической реализации. Исходя из этих соображений, мы и планируем свои проекты.
1. Погружение в предметную область. Этот этап нужен не всегда, но для проектирования сложных продуктов (банкоматы, терминалы, СЭД и т.п.) он обязателен. Мы изучаем руководства пользователя, должностные инструкции, обучающие материалы, отзывы пользователей в интернете, форумы, интерфейсы заказчика и конкурентов — словом, собираем всю доступную информацию, чтобы лучше понять требования заказчика и адекватно отразить их в интерфейсе.
2. Сбор требований бизнеса. Мы проводим интервью со всеми, кто связан с тем продуктом, над которым мы работаем: маркетологи, разработчики, специалисты службы технической поддержки, менеджеры по работе с клиентами, руководители. Мы выясняем у них цели, задачи и критерии успешности проекта, особенности целевой аудитории продукта, а также технические, идеологические или законодательные ограничения, которые необходимо учитывать при проектировании.
3. Исследование пользователей. Мы собираем информацию, которая позволит сформулировать требования пользователей к интерфейсу: мотивацию, основные сценарии работы с продуктом, страхи, ограничения и т.п. Для этого, в зависимости от особенностей продукта и целевой аудитории, мы проводим интервью, онлайн-опросы пользователей, наблюдаем за их работой и привлекаем данные веб-аналитики. Так мы понимаем потребности пользователей и основные сценарии использования продукта.
4. Создании концепции интерфейса (концептуальное проектирование). Концепция интерфейса — это черновой набросок будущего продукта: мы продумываем логику перехода между разделами интерфейса и схематически обозначаем, как будет располагаться контент на экране. Самого контента (текстов, иллюстраций) в концепции ещё нет. Такой низкодетализированный прототип нужен, чтобы убедиться: мы и заказчик одинаково понимаем, как пользователь должен взаимодействовать с продуктом.
5. Создание детализированного и интерактивного прототипа. После того, как концепция согласована, мы начинаем наполнять ее деталями: добавляем тексты, иллюстрации, кнопки, меню и другие элементы. При необходимости мы добавляем в прототип элементы интерактивности. В интерактивном прототипе можно нажимать на кнопки и переходить между экранами как в реальном интерфейсе. Такие прототипы можно передавать разработчикам и дизайнерам.
6. Юзабилити-тестирование прототипа. Интерфейс, спроектированный даже самым опытным специалистом, нуждается в проверке на пользователях. Так мы будем уверены, что правильно поняли потребности пользователей и особенности их мышления. Картинку (макет) исправить проще и дешевле, чем интерфейс, реализованный в коде. Поэтому мы рекомендуем провести юзабилити-тестирование прототипа, скорректировать его по результатам тестирования и передать разработчикам уже скорректированную, проверенную, версию.
7. Создание спецификации интерфейса. Спецификация — документ, который подробно описывает интерфейс: из каких элементов он состоит, как устроены отдельные экраны, как ведут себя кнопки, как должна реагировать система на действия пользователя и т.п. Спецификация необходима, чтобы разработчики смогли корректно внедрить созданные нами макеты.
8. Авторский надзор. Мы заинтересованы в том, чтобы наши рекомендации были внедрены как можно полнее и корректнее. Поэтому мы готовы консультировать ваших разработчиков и дизайнеров после окончания проекта.
Этапы и артефакты
- Концептуальное проектирование
Начальный этап проектирования, во время которого прорабатывается структура продукта и схема расположения блоков с контентом на экранах. Концептуальные макеты не содержат контента: текстов, изображений и т.п. Согласованные макеты используются на этапе детального проектирования.- Артефакт “Концептуальный прототип”
Набор макетов, где схематически показано расположение контента на экране. Позволяет убедиться, что все участники проекта одинаково понимают логику взаимодействия пользователя с продуктом.
- Артефакт “Концептуальный прототип”
- Детальное проектирование
Основной этап проектирования. UX-специалист создает детализированные макеты, которые можно передать разработчикам и дизайнерам для дальнейшей работы.- Артефакт “Детализированный прототип”
Набор макетов, где расположение контента на экране показано максимально подробно. Содержит приближенные к реальным тексты, надписи, иллюстрации. Детализированный прототип можно передавать разработчикам и дизайнерам для дальнейшей работы. - Артефакт “Интерактивный прототип”
Набор макетов, которые реагируют на поведение пользователя так же, как реальный продукт. В таких прототипах можно переходить по ссылкам, нажимать на кнопки, вводить данные и т.п. Используются для юзабилити-тестирований и демонстрации логики поведения интерфейса разработчикам, как дополнение к спецификации.
- Артефакт “Детализированный прототип”
- Документирование интерфейса
Подробное описание спроектированного интерфейса. Документ включающего спроектированные нами экраны, поведение кнопок, структура интерфейса, логика перехода между экранами и разделами и т.п.- Артефакт “Спецификация интерфейса”
Документ, объединяющий все требования к пользовательскому интерфейсу и функциональности продукта.
- Артефакт “Спецификация интерфейса”
- Авторский надзор
После завершения проектирования мы готовы сопровождать внедрение: консультировать команду, проверять реализацию макетов, вносить корректировки. Это помогает сохранить целостность UX-решений в финальном продукте.
Получить консультацию
ОТЗЫВ ПО РЕЗУЛЬТАТАМ ИССЛЕДОВАНИЙ
Компания USABILITYLAB провела исследование по улучшению процесса прохождения процедур Know Your Customer (KYC) клиентами компаний Группы «Московская биржа» при подключении к услугам и последующем обслуживании.
Нашей целью было упрощение пользовательского пути в процедурах KYC в Личном кабинете участника, Личном кабинете эмитента (ЛК) и минимизация нагрузки клиентских менеджеров по консультированию клиентов, а также анализ и оцифровка проблем, существующих на стороне клиентов.
По результатам исследования мы получили рекомендации по улучшению текущего процесса KYC, прототипы обновленных экранов ЛК, а также дополнительные макеты, упрощающие пользовательский путь и позволяющие перенести часть процесса в интерфейс ЛК. Команда USABILITYLAB предложила доработки интерфейса, которые помогут повысить, удовлетворенность пользователей и минимизировать нагрузку персональных менеджеров. Интерфейс стал интуитивно понятнее, появились новые инструменты взаимодействия с клиентами.
Хотим отметить профессиональный подход и качественную работу всех работников компании USABILITYLAB, с которыми взаимодействовали во время реализации проекта, а именно: Сергея Алешина, Андрея Смирнова, Надежду Ляшенко, а также команду аналитиков Виту Зайцеву, Анфису Гукову, Ольгу Константинову.
Компании Группы «Московская биржа» выражают благодарность и рекомендуют компанию USABILITYLAB в качестве исполнителя работ по юзабилити-исследованиям и проектированию.
Желаем команде USABILITYLAB дальнейшей плодотворной деятельности и успехов!
Директор Департамента клиентской поддержки
Е.А. Гилод
О работе проектной команды ООО «ЮЗАБИЛИТИЛАБ» по направлению UX/UL исследования цифровых платформ компании 000 «НТВ-ПЛЮС»
Департамент маркетинга компании ООО «НТВ-ПЛЮС-ТВ» выражает благодарность команде компании 000 «ЮЗАБИЛИТИЛАБ» за проведённые в полном объёме юзабилити-тестирования онлайн сервиса НТВ-ПЛЮС ТВ.
Специалисты компании 000 «ЮЗАБИЛИТИЛАБ» продемонстрировали высокопрофессиональное исполнение работ по всем поставленным перед ними задачам с соблюдением установленных сроков!
Особую признательность выражаем руководителям проекта Надежде Ляшенко и Андрею Смирнову, а также специалистам Анне Минаевой, Варваре Исаевой, Юлии Суворовой и Анастасии Ермоловой. Проектная команда проявила умение решать нестандартные задачи, продемонстрировала слаженную работу и организовала комфортный процесс коммуникации.
Мы рекомендуем компанию ООО «ЮЗАБИЛИТИЛАБ» в качестве профессионального и ответственного партнёра!
Руководитель управления маркетинговых коммуникаций
Шаврина Е.Л.
Мы, команда дизайнеров Alfabank Kazakhstan, благодарим клевую команду Usabilitylab за высокий уровень профессионализма, оперативность и качество проведенного обучения по темам «Методы быстрой оценки usabilit», «UX Personal».
Нам было очень приятно работать с вами, совместно решать нестандартные задачи, получать и делиться опытом.
Обещаем применять приобретенный опыт, только для улучшения жизни наших клиентов и надеемся, что в будущем наше сотрудничество станет еще более плодотворным и длительным!
Говорим спасибо Асе Жуковой, Анастасии Груневой и Анне Исламовой.
С уважением, начальник управления UX/UI АО «Альфа-Банк Казахстан»
Балтабек Бекенов
ООО «КИНО-ТЕАТР.РУ» выражает благодарность обществу с ограниченной ответственностью «Юзабилитилаб» за проведение работ по UX/UI тестированию для высокоперспективного проекта по показу веб-сериалов в области VoD. В рамках работы были проведены тестирования мобильной и Desktop версии.
Дополнительно хотим отметить высокий уровень профессионализма и отличное взаимодействие с командой разработки, которое позволяло своевременно решать проблемы и находить оптимальные варианты реализации дизайна.
Надеемся на дальнейшее плодотворное сотрудничество.
Генеральный Директор ООО «КИНО-ТЕАТР.РУ»
Жан Просянов
000 «Ланит Технологии» выражает благодарность обществу с ограниченной ответственностью «Юзабилитилаб» за качественно и в срок выполненную работу по проектированию пользовательского интерфейса тонкого клиента системы управления НСИ «НОРМА».
Дополнительно хотим отметить лично юзабилити-специалиста Татьяну Чернявскую за глубокое погружение в такую большую и сложную тему, как система управления НСИ «НОРМА», качественное проектирование и проработку макетов дизайна. Отличное взаимодействие с командой разработки, которое позволяло своевременно решать проблемы и находить оптимальные варианты реализации дизайна.
Надеемся на дальнейшее плодотворное сотрудничество.
Генеральный директор ООО“ЛАНИТ-ТЕХНОЛОГИ”
Головатый Л.Е.
ООО «ОТР 2000» выражает благодарность обществу с ограниченной ответственностью «ЮЗАБИЛИТИЛАБ», лично юзабилити-специалисту Татьяне Чернявской и руководителю проекта Евгении Парфеновой за качественное планирование, организацию и проведение исследования, а также за проектирование интерфейса.
Надеюсь, что наше сотрудничество и впредь будет таким же плодотворным и взаимовыгодным!
С уважением, Генеральный директор
Гусев Д.М.
АЛЬФА-БАНК выражает благодарность компании ЮЗАБИЛИТИЛАБ за предоставленные услуги по улучшению пользовательских качеств банковских продуктов.
За два месяца в лабораторных условиях было протестировано 8 продуктов на 48 респондентах и выявлено 202 юзабилити проблемы.
Результатом каждого исследования была презентация рекомендаций соответствующим продуктовым командам. Качественные изменения продуктов положили начало digital трансформации банка.
За время лабораторных исследований специалисты и менеджеры ЮЗАБИЛИТИЛАБ продемонстрировали высокий уровень профессионализма. Проекты выполнены точно в срок, с надлежащим качеством и учетом всех пожеланий. Сотрудники компании квалифицированно справляются со своими обязанностями и поставленными задачами. Особенно хочется отметить и сказать спасибо:
Анне Крамаренко, Анне Минаевой, Виктории Бродской, Анастасии Чураковой, Ивану Лукомскому, Кириллу Козлову, Никите Саеченко, Екатерине Розумной, Андрею Мартиновичу, Антону Парамонову и Дмитрию Сатину, за то что собрал вокруг себя таких замечательных людей.
Рекомендуем ЮЗАБИЛИТИЛАБ, как надежного и ответственного партнера в UX.
С уважением, Руководитель Центра компетенций исследований пользовательского опыта и клиентских сценариев
Игорь Захарченко
Благодарим специалистов компании «Юзабилитилаб» за проведенное юзабилити-исследование нашего мобильного приложения «Активный Гражданин». В результате совместной работы, были выявлены сложности, которые возникли у пользователей при открытии и контакте с приложением.
Итоговый документ-исследование дает исчерпывающую информацию по описанию наиболее существенных проблем приложения, а также подробные инструкции по их решению.
Заместитель технического директора
Соломин Н.П.
Компания «Ниссан Мэнуфэкчуриг Рус» искренне благодарит коллектив «Юзабилити Лаб» за профессионализм и организованность, проявленные во время проведения полевого айтрекинг исследования по удобству использования интерфейсом сайта бренда целевой фокус-группой в 6 городах России в сентябре-ноябре 2019 г, в результате которого мы смогли значительно улучшить наши качественные показатели. Надеемся на сохранение добропорядочных партнерских отношений в работе над новыми проектами.
С уважением, менеджер по интерактивному маркетингу и медиа
Быканов И А.
АО «Интач Страхование» выражает свою благодарность ООО «ЮЗАБИЛИТИЛАБ» за профессионализм в работе и оперативность в исполнении заказываемых работ.
Главным достоинством сотрудников является умение быстро, квалифицированно и добросовестно выполнять поставленные задачи, а также обязательность и аккуратность, проявленные в процессе работы.
Директор по маркетингу и прямого канала продаж
Бутенко П.Н.
Партнер по разработке дизайна интерфейсов для программного обеспечения «Единая фронтальная система» 2015, 2016,2017
Благодарим команду USABILITYLAB за высокое качество работы и профессионализм, которые они проявили в ходе проекта по разработке интерфейсов для программного обеспечения «Единая Фронтальная Система». Единая Фронтальная Система нацелена на повышение уровня комфорта клиентов Сбербанка при получении услуг, а также на удобство, скорость и эффективность работы сотрудников отделений, которые занимаются обслуживанием клиентов.
Специалисты USABILITYLAB помогают сформировать требования к процессам и интерфейсам системы на основе анализа пользовательского опыта, а также разрабатывают интерактивные прототипы, отображающие различные процессы фронтальных взаимодействий с клиентом. Юэабилити-аналитики USABILITYLAB оценивают при помощи юзабилити-тестирования прототипы и готовые решения Системы с целью улучшения их пользовательских качеств. Коллеги создали более Э000 экранов и провели более 150 тестирований.
Мы рекомендуем компанию USABILITYLAB как ответственных и опытных подрядчиков в области юзабилити интерфейсов. В 2018 году мы продолжим сотрудничество с компанией, и надеемся, что оно будет таким же плодотворным.
Руководитель дирекции Единая фронтальная система
Молостова Юлия Михайловна
«Выражаем благодарность сотрудникам компании ООО «ЮЗАБИЛИТИЛАБ» за оперативно и качественно проделанную работу по изменению юзабилити системы дистанционного банковского обслуживания физических лиц Акционерного общества «Всероссийский банк развития регионов». Хотелось бы отметить высокую квалификацию и внимательность к мнению Банка сотрудников Компании, отвечающих зa создание прототипа нового дизайна системы ДБО Банка (Клёц А.В., Исламова А.А.), за качественное проведение тестирования как существующей системы ДБО Банка, так и прототипа для создания нового дизайна системы ДБО и подготовку отчетов по результатам тестирования (Бычин Ю.С.), a также высокий уровень работы менеджера проекта (Ляшенко Н.В.) Команда ООО «ЮЗАБИЛИТИЛАБ» в работе с Банком проявила оперативность в решении возникающих вопросов, индивидуальный подход и выполнение взятых на себя обязательств в рамках совместных договоренностей в заявленные сроки».
Начальник Департамента пластиковых карт
Ольга Игоревна Тихонова