Развернуть Свернуть
Партнёрский материал — 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) на территории РФ запрещена
** Признан иноагентом на территории РФ
Читайте также
Новости — 19:15, 30 сентября 2025
Не нам судить, но мы обсудим: как шоу «Ваша честь» превратило суд в стендап
Новости, Новости — 30 сентября, 19:15
«Няня Оксана», «Родители родителей» и еще 5 новых комедий этой осени
Новости, Новости — 30 сентября, 18:10
В Америке появилась первая ИИ-актриса
Новости, Новости — 30 сентября, 17:45
The Neighbourhood возвращаются с новым альбом
Новости, Новости — 30 сентября, 17:05
Группа «Пути отхода» выпустила альбом «Легкий способ бросить грустить»
Новости — 30 сентября, 15:30
I want деликатные. Банки-склянки городской девчонки
Новости, Новости — 30 сентября, 13:50
Bad Bunny станет хедлайнером Супербоула-2026
Новости, Новости — 30 сентября, 12:40
Google сменил логотип впервые за 10 лет
Новости, Новости — 30 сентября, 11:30
Букеровская премия представила шорт-лист 2025 года
Тесты — 26 мая, 14:12
Новости, Новости — 29 сентября, 17:50
Смотрим новый трейлер фильма «Простоквашино» Сарика Андреасяна
Новости, Новости — 29 сентября, 16:05
Вышла RidePods — первая игра для AirPods
Интервью — 29 сентября, 15:57
«Посмотрим, увидим, доживем». Интервью с фуд-блогером Супер Стасом
Новости, Новости — 29 сентября, 15:20
Дочь Дэвида Линча может экранизировать его последний сценарий
Новости, Новости — 29 сентября, 14:10
Создатель «Отчаянных домохозяек» снимет сериал для Netflix
Новости, Новости — 29 сентября, 12:15
Синтия Эриво и Ариана Гранде в трейлере мюзикла «Злая: Навсегда»
Новости, Кино — 26 сентября, 19:20
«Олдскул», «Мамонты» и другие новые сериалы о столкновении поколений
Новости, Новости — 26 сентября, 19:00
Florence + The Machine выпустили новый трек One Of The Greats
Новости, Новости — 26 сентября, 18:30
Вышел трейлер киноромана «Хроники русской революции» с Юрой Борисовым
Новости, Новости — 26 сентября, 13:30
Магия детства и посвящение гикам: «Очень странные дела» выпустили фичуретку
Новости, Новости — 25 сентября, 17:05
Объявлены даты проведения кинофестиваля Mental Health Film Festival
Новости, Новости — 25 сентября, 15:50
Барабанщик Arctic Monkeys запустил сольный проект Terrific
Все звёзды и инфлюенсеры
Новости, Кино — 25 сентября, 14:56
Михалкова, Снигирь и Хабенский: фестиваль «Маяк» объявил программу
Новости, Новости — 25 сентября, 14:05
Ник Кейв получил почетную докторскую степень Королевского колледжа искусств
Новости, Новости — 25 сентября, 13:40
Variety опубликовал топ «10 актеров, за которыми стоит следить в 2025 году»
Новости, Новости — 25 сентября, 12:30
Новая история Франкенштейна: вышел тизер фильма «Невеста»
Новости, Новости — 25 сентября, 11:15
О Лиле Брик сняли сериал
Новости, Новости — 24 сентября, 20:40
Пользователь Steam впервые собрал коллекцию из 40 000 игр
Новости, Новости — 24 сентября, 20:00
Смотрим трейлер сериала «Оно: Добро пожаловать в Дерри»
Новости, Новости — 24 сентября, 19:30
Condé Nast запустят шоппинг-платформу для инфлюенсеров
Новости, Новости — 24 сентября, 17:55
A$AP Rocky и Moncler представили совместную коллекцию
7.4
Дом Гиннесса
(1 сезон)
5
Москва слезам не верит. Все только начинается
(1 сезон)
«Бар "Один звонок"»
(1 сезон)
8.1
Смерть единорога
4.2
Денискины рассказы
(1 сезон)
7.7
Микки-17
7.5
Кончится лето
7.3
Громовержцы