ARTHand→ История дизайна→ Mail.ru: портал учится помещаться в кармане

Mail.ru: портал учится помещаться в кармане

Досье № 02 · История российского интерфейса

От WAP-почты на кнопочном телефоне до модульной мобильной главной: десять кадров о том, как общий портал обрёл разные голоса для разных задач.

Период
2004—2021
Главы
5
Кадры
10

Содержание

Пять поворотов в истории проекта

Визуальная хроника

Десять подтверждённых кадров

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

WAP-почта, 2004

В монохромном окне остаются папки, счётчики и короткие команды. Здесь дизайн почти полностью совпадает с порядком действий.

Команда Mail.ru Group; исходный кадр — «Компьютерра-Томск»Источник: Mail.ru Group о мобильном вебе ↗
02

Мобильный портал, начало 2010-х

Почта, новости и сервисы собираются в один вертикальный маршрут — уже цветной, но всё ещё рассчитанный на небольшой экран.

Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗
03

Главная как длинная лента

Плотный портал не уменьшается механически: блоки перестраиваются по вертикали и получают разную высоту.

Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗
04

Сравнение состояний главной

Несколько экранов рядом показывают, как одна сетка принимает новости, сервисные данные и личные уведомления.

Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗
05

Телефон становится первым экраном

Карточки уже различают типы содержания, но синие рамки и панели ещё связывают их с настольным порталом.

Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗
06

Шаблоны для разных служб

Общие правила шапки, поиска и навигации позволяют собирать несколько продуктов без потери узнаваемости.

Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗
07

Почта после системного редизайна

Интерфейс становится светлее, действия собираются в устойчивые зоны, а реклама перестаёт разрывать рабочий сценарий.

Команда Почты Mail.ruИсточник: Как менялся интерфейс Почты Mail.ru ↗
08

Сообщение как рабочая поверхность

Список писем, чтение и дополнительные действия получают общий ритм и перестают выглядеть отдельными поколениями продукта.

Команда Почты Mail.ruИсточник: Как менялся интерфейс Почты Mail.ru ↗
09

Новая мобильная главная

Карточки больше не притворяются одинаковыми: поиск, погода, видео и новости получают собственную плотность.

Команда Mail.ru GroupИсточник: Редизайн мобильной главной Mail.ru ↗
10

Система экранов, а не один макет

Варианты главной показывают, как общий язык выдерживает разные наборы сервисов и разную длину ленты.

Команда Mail.ru GroupИсточник: Редизайн мобильной главной Mail.ru ↗