Развернуть Свернуть
Партнёрский материал — 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-лабораторию, чтобы определить, где могут возникнуть проблемы при использовании новой фичи. Команда дает им задачи: люди выполняют, мы наблюдаем. Например, просим отправить письмо с крупным вложением или отписаться от надоедливой рассылки. Чтобы не отдаляться от пользователей, мы проводим встречи эмпатии — неформальные беседы, напоминающие быстрые свидания. Это помогает сделать продукт человечнее».


Дальше дизайнеры продукта создают и поддерживают нововведение, следят, чтобы все работало, а фича прошла тесты на инклюзивность — в сентябре 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) на территории РФ запрещена
** Признан иноагентом на территории РФ
Читайте также
Интервью — 20:21, 15 августа 2025
Фестиваль Signal 2025: гид по московским приключениям
Новости, Новости — 15 августа, 20:21
Стала известна дата выхода комедии «Олдскул» с Марией Ароновой
Образ жизни — 14 августа, 18:10
ИИ, футуризм и роскошный максимум: какой будет Москва в 2030 году? Решать тебе
Новости, Новости — 15 августа, 18:05
«В ней мы видим суть Off the Wall»: певица SZA заняла пост первого арт-директора Vans
Новости, Новости — 15 августа, 17:10
Элли на маковом поле, тима ищет свет, Никола Мельников и авангард: в парке Малевича пройдет фестиваль современной культуры
Новости, Новости — 15 августа, 16:30
SODA LUV выпустил «Bop Bop» — сингл с будущего альбома
Новости, Новости — 15 августа, 14:23
«Несколько лет назад ты не был таким»: появился тизер документалки о Канье Уэсте
Новости, Новости — 15 августа, 12:00
Apple представит настольного робота в 2027 году
Новости, Новости — 14 августа, 18:40
Чарли Холл присоединился к касту нового сезона «Монстров» Райана Мерфи
Новости, Новости — 14 августа, 17:15
Смотрим трейлер ремейка «Моей прекрасной няни» с Олесей Иванченко
Новости, Новости — 14 августа, 16:30
Сценарий сериала «Очень странные дела» выпустят в виде книги
Новости, Новости — 14 августа, 15:24
Вышел тизер спортивной комедии «Марти Превосходный» с Тимоти Шаламе и Гвинет Пэлтроу
Новости, Новости — 14 августа, 14:15
Киллиан Мерфи в трейлере фильма «Стив»
Новости, Новости — 14 августа, 11:01
Balenciaga выпустила сумку в виде мятого пакета
Новости, Новости — 13 августа, 20:25
Новые локации и сокращенная программа: фестиваль Signal пройдет в Москве
Новости, Новости — 13 августа, 19:50
Культурное наследие как основа моды: в Москве состоится BRICS+ Fashion Summit
Новости, Новости — 13 августа, 18:10
Тейлор Свифт начинает новую эру. Она анонсировала свой 12-й альбом — The Life of a Showgirl
Новости, Новости — 13 августа, 17:20
Комедия «Случай с фортепиано» Кантена Дюпье выходит в российский прокат
Новости, Новости — 13 августа, 16:30
Смотрим первый трейлер фильма «Великая Элеанор»
Новости, Новости — 13 августа, 13:10
У Uniqlo коллаборация с Pop Mart — производителем Лабубу
Новости, Новости — 13 августа, 12:01
Эмили Ратаковски станет сценаристом сериала
Новости, Новости — 13 августа, 11:15
Памела Андерсон выпустила Pamela’s Pickles — лимитированную серию маринованных огурцов
Все звёзды и инфлюенсеры
Новости, Новости — 12 августа, 16:00
Завершились съемки приквела «Блондинки в законе»
Новости, Новости — 12 августа, 14:50
AirPods смогут переводить разговоры в реальном времени
Новости, Новости — 12 августа, 14:38
Документальный сериал про Мартина Скорсезе выйдет этой осенью
Новости, Новости — 12 августа, 13:45
Дебюты Павла Артемьева и Егора Корешкова: фестиваль «Короче» объявил программу
Новости, Новости — 12 августа, 12:40
Nike выпустит кроссовки, напечатанные на 3D-принтере
Новости, Новости — 12 августа, 11:27
Милли Бобби Браун стала амбассадором Crocs
Новости, Новости — 11 августа, 18:10
Дружелюбный сосед снова с нами: появилось первое официальное видео со съемок фильма «Человек-паук: Совершенно новый день»
Новости, Новости — 11 августа, 17:20
Netflix продлил сериал «Ван-Пис» на третий сезон
Новости, Новости — 11 августа, 16:31
В Surf Coffee покажут документалки от онлайн-кинотеатра PREMIER
Не одна дома 2
Бриджит Джонс: Без ума от мальчишки
8.1
Смерть единорога
5.1
Обезьяна
4.2
Денискины рассказы
(1 сезон)
8.3
Белый лотос
(3 сезон)
7.7
Микки-17
7.5
Кончится лето