Вы нажали на иконку «Скачать» в текстовом редакторе — в результате на компьютер сохранился не документ, а папка, в которой он расположен. В онлайн-кинотеатре нажали на зеленую кнопку, чтобы продолжить просмотр, а в итоге оформили подписку. Зашли на сайт интернет-магазина — а там весь текст написан одинаковым светло-серым шрифтом, и непонятно, как положить товар в корзину. Знакомо? Раздражает? Из-за неудобного интерфейса повседневных приложений пользователи теряют нервные клетки. А когда речь идет о бизнес-сервисах — CRM-системах, решениях для бухгалтерии и онлайн-коммуникаций — потери измеряются в деньгах компаний. Чтобы избавить клиентов от негативного опыта, а себя — от гневных отзывов, разработчики внимательно следят за трендами и запросами рынка.
Как отличить UX от UI и зачем они нужны
Немного теории. В IT-компаниях за тем, чтобы пользователям было удобно, следят UX- и UI-дизайнеры. UX (user experience, пользовательский опыт) — это про ощущения пользователя от взаимодействия с продуктом. Насколько быстро он понимает, как выполнить свою задачу? Не раздражает ли его приложение лишними шагами и всплывающими окнами? Задача UX-дизайнера — сделать работу в приложении максимально интуитивной и простой.
UI (user interface) — это визуальный слой: то, как именно выглядит интерфейс и как в нем расставлены акценты. UI-дизайнер отвечает за цвета, типографику, кнопки, отступы — все, что пользователь видит на экране. Хороший UI поддерживает UX, помогает ориентироваться и подсказывает, что делать дальше.
Чтобы обеспечить наилучший пользовательский опыт, нужно постоянно работать с обратной связью: только тестирование и глубинные интервью помогают действительно понять потребности и предпочтения клиентов. Но еще до общения с ними можно найти отправную точку в глобальных трендах.
Что в тренде в UX
Продуктовый дизайн движется в сторону упрощения взаимодействия. В цене — скорость и эффективность. Но речь не про визуальное упрощение, а про то, чтобы убрать лишние действия и облегчить задачу пользователю.
Пользователю больше не предлагают разбираться в структуре продукта. Наоборот, от него ожидается минимальное усилие: открыть приложение и сразу начать действовать. Все, что можно скрыть, уходит «под капот». Если раньше разработчики старались показать все функции одновременно, то теперь сила в простоте.
Дело в изменении пользовательских сценариев. Люди чаще работают в условиях многозадачности: параллельно общаются, следят за контентом и принимают решения. В такой ситуации интерфейс не должен требовать отдельного внимания, иначе он начинает мешать. Пользователи хотят решать больше задач, тратя на это меньше усилий, и интерфейсы должны им в этом помогать.
Отсюда несколько устойчивых сдвигов в подходе к дизайну:
- Снижение визуального шума: меньше лишних элементов, чище композиция, акцент на главном
- Фокус на задаче, а не на интерфейсе: элементы управления не перетягивают внимание и не конкурируют с контентом
- Сокращение лишних действий: интерфейс не предлагает всё сразу, а оставляет нужные шаги
- Предсказуемость: похожие действия работают одинаково в разных продуктах и системах, без сюрпризов и лишнего обучения
- Внимание к состояниям: система понятно реагирует на действия — показывает, что происходит и к чему это приводит
От теории к практике: разработка интерфейса продукта
Видеовстреча — один из самых нагруженных пользовательских сценариев. Здесь есть люди, разговор, контент и задачи, которые нужно решать одновременно. Если интерфейс перетягивает на себя внимание, пользователь начинает теряться: искать нужные инструменты, отвлекаться и выпадать из общения.
За последние несколько лет у нашего сервиса «Встречи» появилось много новых функций. Мы «нанизывали» их на старый интерфейс, где кнопки ключевых действий были расположены по четырем углам экрана. В итоге часть элементов оказалась рассредоточена, а другие, наоборот, были расположены слишком плотно друг к другу. Пользователям было неудобно искать нужные инструменты — особенно сложно было тем, кто раньше проводил встречи в Zoom, Google Meet или других зарубежных сервисах. Например, при нажатии на кнопку «Демонстрация экрана» выпадал список из десятка инструментов.
Команда МТС Линк протестировала несколько гипотез, и вот несколько ключевых изменений, которые мы решили внести:
- Собрали ключевые инструменты на центральной панели внизу экрана
Центральная панель — наиболее привычный способ управления в онлайн-встречах. В 85% сервисов главные функции расположены именно там. Это не только удобно, но и практично: как бы ни менялись пропорции и разрешение, самые нужные кнопки всегда будут оставаться по центру.
- Добавили панель индикаторов
Все важные для понимания статуса встречи показатели теперь в правом верхнем углу: тут можно проверить, идет ли запись, кто поднял руку, сколько секунд осталось на запущенном таймере. В итоге получилось логичное разделение: в центральной нижней части экрана — функциональная часть, а наверху — информационно-вспомогательная.
- Добавили отдельную кнопку для демонстрации экрана
Раньше демонстрация экрана запускалась в два шага: сначала нужно было зайти в меню презентации, а затем выбрать нужный пункт. Теперь демонстрация запускается отдельной кнопкой. А рядом с ней появилась еще одна: через нее можно открыть Доски, Формы, видео с Rutube или документ для совместного редактирования.
Тестирование гипотез: шаг за шагом к новому интерфейсу
К итоговому виду интерфейса мы, разумеется, пришли не сразу. На каждом этапе мы проводили тесты с участием как наших коллег и клиентов, так и независимых пользователей, не знакомых с нашим продуктом. Всего в тестах участвовало 350 человек: они выполняли стандартные задачи, с которыми большинство пользователей сталкивается во время онлайн-встреч. Например, показывали экран, делились файлами, включали расшифровку, писали сообщения в чате. Сравнивалось время выполнения этих действий в новом и старом интерфейсах МТС Линк Встреч, а также в аналогичных сервисах — Zoom, Microsoft Teams и российских ВКС-платформах. Также мы учитывали CES — метрику, которая отражает, насколько легко пользователю взаимодействовать с продуктом.
После каждого этапа мы вносили изменения и повторяли цикл до тех пор, пока не добились желаемого результата. В ходе тестирования прорабатывались даже такие мелочи, как скрепка на иконке приглашений: изначально она была горизонтальной, и ее плохо находили. Как только мы сделали ее наклонной, то проблема с поиском исчезла.
После тестирования мы провели серию качественных интервью, чтобы понять, насколько пользователи принимают наши решения и как именно они помогают им в работе. Вот, что мы получили в итоге:
- Пользователи выполняют рабочие задачи в новом интерфейсе в среднем на 26% быстрее, чем в других сервисах, и на 68% быстрее, чем в старом
- Демонстрация экрана занимает 3,1 секунды вместо 6,2
- Приглашение на встречу по ссылке — 12,2 секунды вместо 29,5
- Выключение расшифровки — 3,7 секунды вместо 6,6
Бонус: что еще мы выяснили во время тестирования
В среднем в трех ведущих российских сервисах рабочие задачи выполняются на 21% быстрее, чем в среднем в трех ведущих зарубежных (Zoom, Google Meet, MS Teams). Отечественные разработчики ориентируются на локальные запросы и паттерны поведения, которые отличаются от глобальных. Отсюда такая значительная разница.
