Партнёрский материал — 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) на территории РФ запрещена
** Признан иноагентом на территории РФ
Читайте также
Новости — 13:45, 17 сентября 2026
Первый студенческий «Select Перекресток» с коворкингом открылся в РУДН
Новости, Новости — 17 сентября, 13:45
«И пусть удача всегда будет с вами»: смотрим новый трейлер фильма «Голодные игры: Рассвет жатвы»
Новости, Новости — 17 сентября, 13:22
Четвертый сезон «Белого лотоса» выйдет в 2027 году
Новости, Новости — 17 сентября, 13:00
Гоша Карцев выпустил совместную коллекцию с Befree
Новости, Новости — 16 сентября, 15:45
Второй сезон «Истории его служанки» выйдет в октябре
Новости, Новости — 16 сентября, 12:00
Смотрим трейлер «Минотавра» Андрея Звягинцева
Новости, Новости — 15 сентября, 20:15
Тильда Суинтон вернулась на лондонскую театральную сцену
Новости, Новости — 15 сентября, 15:30
Елена Рыбакина выиграла US Open и стала первой ракеткой мира
Новости, Новости — 15 сентября, 13:30
Прошла премия «Эмми-2026»
Новости, Новости — 14 сентября, 20:15
Саша Барон Коэн сыграет в пьесе Квентина Тарантино
Новости, Новости — 14 сентября, 15:45
Вышел первый трейлер сиквела «Однажды в… Голливуде»
Новости, Новости — 14 сентября, 13:00
В честь Тейлор Свифт назвали новые виды насекомых
Новости, Новости — 14 сентября, 09:50
ТНТ объявил дату премьеры третьего сезона шоу «Экстрасенсы. Реванш»
Новости, Новости — 12 сентября, 15:00
Dior и студия A24 объявили о двухлетнем партнерстве
Кино — 11 сентября, 21:00
83-й Венецианский кинофестиваль, записки с острова Лидо: «Чернила», «Бранный услюдок», «Бургундия», «Основы философии»
Новости, Новости — 11 сентября, 17:00
«Я люблю солнышко»: группа «Хадн дадн» выпустила вторую часть альбома «Эжен»
Новости, Новости — 11 сентября, 09:45
Apple представила новые iPhone 18 и телефон-раскладушку
Новости, Новости — 11 сентября, 09:00
Завершились съемки фильма «Супер Папа» с Виктором Хориняком
Новости, Новости — 10 сентября, 22:00
В Москве пройдет кинофестиваль для людей с нарушениями слуха и зрения
Новости — 10 сентября, 13:42
«Может, я математик в прошлой жизни был». SRSLY-анкета актера Дэниела Барнса
Новости, Новости — 9 сентября, 19:10
ZOLOTO, Сироткин и OG Buda: «Распаковка 2026» объявила третью волну лайнапа
Новости, Новости — 9 сентября, 17:45
Celine и Reebok представили первую коллаборацию
Все звёзды и инфлюенсеры
Новости, Новости — 9 сентября, 16:50
Настя Ивлеева стала лицом новой коллекции 1811 Eighteen One One
Новости, Новости — 8 сентября, 14:00
Соен из группы i-dle выпустила дебютный альбом What a Wonderful Life
Образ жизни — 8 сентября, 12:30
От Петербурга до далекой-далекой галактики. Гид по главным гик-местам 2026 года
Новости, Новости — 8 сентября, 12:10
Джастин Бибер, Бруно Марс и Эд Ширан: появился список песен, опасных для автомобилистов
Новости, Новости — 7 сентября, 16:42
В Лос-Анджелесе прошла предварительная премия «Эмми»
Новости, Новости — 4 сентября, 18:26
Вышел трейлер комедии «Знакомство с Факерами: Новая глава»
Новости, Новости — 4 сентября, 15:00
Стартовал четвертый сезон шоу «Наука для всех»
Новости, Новости — 4 сентября, 11:10
Бренд Say No More выпустил линию Dance
Новости, Новости — 3 сентября, 18:34
ICEGERGERT, Uma2rman и Антон Шастун: фестиваль New Star Weekend объявил лайнап
7.5
Майкл
Супергерл
8.2
Обсессия
7.1
Закулисье реальности
Эйфория
(3 сезон)
Пацаны
(5 сезон)
6.3
Who is Mr. Дуров