Партнёрский материал — 24 октября 2023, 18:05

Буква «Ю»: разбираемся в UI и UX-дизайне с экспертами Почты Mail.ru

Столько разговоров о UX и UI: интернет-ресурсы пишут о них лонгриды, онлайн-школы предлагают курсы, а гуманитарии используют их как точку входа в IT. SRSLY пообщался с директором департамента дизайна сервисов Mail.ru Сашей Ермоленко и выяснил, из чего состоит работа дизайнеров Почты Mail.ru и как IT-компания с двадцатипятилетним опытом выстраивает дизайн-процессы в 2023 году.

Разница между UI и UX

В создании цифрового продукта участвуют много людей: разработчики, менеджеры, исследователи, аналитики и дизайнеры. Делают так, чтобы потребители выбирали его из десятка других. В IT-сообществе мелькают термины UI или UX-дизайнер, словно это два разных специалиста. Так было давно: когда деревья были большими, интернет молодым, а цифровые сервисы — не такими умными. Процесс работы напоминал конвейер, где каждый отвечал за отдельную область.  Саша: «UX-дизайнеры (от англ. user experience — «пользовательский опыт») занимались проектированием пользовательских сценариев и построением логики взаимодействия, а UI-дизайнеры (user interface — «пользовательский интерфейс») сочетали цвета, играли со шрифтами и подбирали графические элементы — продумывали визуальный облик сервиса. С развитием технологий изменился и процесс работы. Теперь за это отвечает один специалист — дизайнер продукта».
#INSERT_ARTICLE#

Дизайн продукта в Mail.ru

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

Ежедневно команда задается вопросом: "Что еще мы можем дать? Как сделать так, чтобы человек просто нажимал на кнопку и все было классно?"

#INSERT_ARTICLE#

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

#INSERT_ARTICLE#

Работа над почтой под микроскопом

Процесс работы над продуктом в Mail.ru проходит несколько стадий. Команда собирает данные и исследует проблему, затем формирует гипотезу и думает над решениями в интерфейсе. Дальше подключается UX-лаборатория, которая проверяет гипотезы — в третьем квартале 2023 года супергерои Почты Mail.ru провели 23 исследования. Прямо как в шпионском кино.

Саша: «Исследователи приглашают респондентов в UX-лабораторию, чтобы определить, где могут возникнуть проблемы при использовании новой фичи. Команда дает им задачи: люди выполняют, мы наблюдаем. Например, просим отправить письмо с крупным вложением или отписаться от надоедливой рассылки. Чтобы не отдаляться от пользователей, мы проводим встречи эмпатии — неформальные беседы, напоминающие быстрые свидания. Это помогает сделать продукт человечнее».

#INSERT_ARTICLE#

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

Саша: «Люди разные. У них разные мнения, возможности, жизни, взгляды и культурные особенности. Это нормально — мы делаем сервис для 50 миллионов пользователей. Продукты должны быть доступными для каждого. Это наша ответственность».

5 последних обновлений Почты Mail.ru

  • Умная сортировка и важные письма
Саша: «Мы хотим, чтобы людям было удобно. Да, пользователи сами подписываются на рассылки, а потом жалуются на спам. Поэтому мы сделали папку "Рассылки" — пускай новости от обувных магазинов и уведомления о распродаже косметики находятся в одном месте. Придумали папки "Чеки", "Новости" и "Госписьма", а важные письма Почта отмечает синей молнией — так точно ничего не потеряется».

  • Статус заказа в Почте

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

  • Автособытия в Календаре
Саша: «Mail.ru — не только Почта, но и инструменты цифровой продуктивности: Заметки, Задачи и Календарь. Предположим: вы купили билеты в долгожданный отпуск. Поздравляем! Мы внесем событие в Календарь, пометим цветом. Укажем время, дату вылета и нужный аэропорт, чтобы было понятно, когда и куда приезжать. А вы пока сортируйте купальники по цветам — мы все сделаем сами». 

  • Новые Заметки

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

  • Новый домен xmail.ru

Пользователи зарубежных почтовых сервисов могут легко перенести письма на новый домен: прежнее имя ящика сохранится, но добавится окончание xmail.ru. Вуаля — старые переписки на месте, а новые телепортируются на новый адрес. Плюшки тоже полагаются: пользователи смогут месяц наслаждаться сервисами без рекламы и получат подарочные 128 Гб в Облаке Mail.ru.

#INSERT_ARTICLE#

Саша: «Дизайнер продукта — профессия, в которой можно попробовать разное. Придумывать фичи с менеджерами и аналитиками, участвовать в UX-тестах, помогать разработчикам готовить сервис к релизу и вместе с маркетологами рассказывать о нем людям. Mail.ru на рынке давно, аудитория ожидает многого — поэтому мы хотим, чтобы все было классно».

________________________________________________________

Реклама. Рекламодатель: ООО «ВК», 16+

Токен: ‎2VtzqvcTshX

IT — информационные технологии

UX — пользовательский опыт

UI — пользовательский интерфейс

Суперапп — приложение с расширенным набором функциональностей

Фича — функциональность продукта



Подписывайтесь на наш Telegram-канал
* Деятельность компании Meta Platforms Inc. (Facebook и Instagram) на территории РФ запрещена
** Признан иноагентом на территории РФ
Читайте также
Кино — 14:30, 30 декабря 2025
Серый кардинал уюта. Почему домовенок Кузя повелитель лайфстайла
Новости, Новости — 30 декабря, 14:30
MAPPA анонсировала продолжение бейсбольного аниме «Забвение бэттери»
Новости, Новости — 30 декабря, 11:00
Издание NY Post составило рейтинг худших телевизионных проектов 2025 года
Новости, Новости — 29 декабря, 19:45
ISSEY MIYAKE и ASICS выпустят совместные кроссовки
Новости, Новости — 29 декабря, 17:30
Даниэль покинула группу NewJeans
Новости — 29 декабря, 16:55
«Олдскул-2», Епифанцев и бесплатная нефть. Что PREMIER покажет в 2026 году
Новости, Новости — 29 декабря, 16:40
Канье Уэст анонсировал альбом
Новости, Новости — 29 декабря, 15:40
Создатели «Очень странных дел» раскрыли первые детали нового спин-оффа
Новости, Новости — 29 декабря, 14:30
Продолжение третьего сезона «Ванпанчмена» запланировано на 2027 год
Тесты — 26 мая, 14:12
Новости, Новости — 29 декабря, 13:25
Экранизацию игры Sleeping Dogs перезапустит Тимо Тьяджанто
Новости, Новости — 29 декабря, 12:02
Гарри Стайлз выпустил видео с тура Love on Tour
Новости, Новости — 27 декабря, 16:30
Иван Ургант запустил YouTube-канал «Живой Ургант»
Новости, Новости — 27 декабря, 14:55
BBC показал 18 самых впечатляющих снимков 2025 года
Новости, Новости — 27 декабря, 12:30
Вышел тизер спортивного байопика «Мэдден» с Николасом Кейджем
Новости, Новости — 26 декабря, 19:40
Аниме «Нежити не повезло» получит второй сезон
Новости — 26 декабря, 19:10
Дед Мороз, шале и Барабуля: 5 российских комедий о человеческих отношениях
Новости, Новости — 26 декабря, 17:30
Google разрешит пользователям менять почтовый адрес
Новости, Новости — 26 декабря, 16:13
В Корее прошел фестиваль Gayo Daejeon 2025
Новости, Новости — 26 декабря, 15:55
Ваня Дмитриенко и Yanix представили совместный трек «Иней»
Новости, Новости — 26 декабря, 12:55
Vogue назвал самых стильных людей 2025 года
Новости, Новости — 26 декабря, 11:05
Amazon создаст реалити-шоу по мотивам Fallout
Все звёзды и инфлюенсеры
Музыка — 26 декабря, 11:00
Тест: По слоям. Собери «VK под шубой 4»
Новости, Новости — 26 декабря, 10:03
Режиссер «Чернобыля» снимет сериал по Assassin’s Creed для Netflix
Новости — 25 декабря, 19:30
Бликующий экран: новинки кино в Сети («Большое смелое красивое путешествие», «Анемона», «Грязная игра», «Баллада о маленьком игроке», «Таинственный взгляд фламинго», «Сны поездов»)
Новости, Новости — 25 декабря, 18:30
Вышел первый трейлер фильма по «Острым козырькам»
Новости, Новости — 25 декабря, 17:15
Adidas выпустил праздничную коллекцию в коллаборации с Minecraft
Новости, Новости — 25 декабря, 16:10
В Японии откроется крупнейшая в истории выставка по аниме «Призрак в доспехах»
Новости, Новости — 25 декабря, 14:55
Во Франции электронную музыку признали нематериальным культурным наследием
Новости, Новости — 25 декабря, 11:45
Ученые доказали, что рождественские песни снижают продуктивность
Новости, Новости — 25 декабря, 10:01
«Блич» подходит к концу: последняя арка аниме выйдет летом 2026 года
Эмили в Париже
(5 сезон)
Прощай, Джун
Человек против малыша
(2 сезон)
Покинутые
(1 сезон)
7.2
Добро пожаловать в Дерри
(1 сезон)
7.1
Очень странные дела
(5 сезон)