Mail.ru: портал учится помещаться в кармане
Досье № 02 · История российского интерфейса
От WAP-почты на кнопочном телефоне до модульной мобильной главной: десять кадров о том, как общий портал обрёл разные голоса для разных задач.
- Период
- 2004—2021
- Главы
- 5
- Кадры
- 10
Содержание
Пять поворотов в истории проекта
Глава 1 · 2004—2012
Почта на кнопках
Мобильный Mail.ru начинается не с уменьшенной главной, а с честного списка самых нужных действий.Глава 2 · 2012—2013
Весь портал — в одну ленту
Разнообразное содержание приходится не ужимать, а заново монтировать для вертикального чтения.Глава 3 · 2014—2015
Общий каркас для разных служб
Портал начинает мыслить не страницами, а повторяющимися правилами шапки, карточки и перехода.Глава 4 · 2019
Почта становится рабочим инструментом
Редизайн убирает накопившиеся слои и возвращает внимание к письму, списку и следующему действию.Глава 5 · 2021
Один ритм, разные голоса
Зрелая главная больше не заставляет почту, видео и погоду выглядеть одинаковыми карточками.Визуальная хроника
Десять подтверждённых кадров
WAP-почта, 2004
В монохромном окне остаются папки, счётчики и короткие команды. Здесь дизайн почти полностью совпадает с порядком действий.
Команда Mail.ru Group; исходный кадр — «Компьютерра-Томск»Источник: Mail.ru Group о мобильном вебе ↗Мобильный портал, начало 2010-х
Почта, новости и сервисы собираются в один вертикальный маршрут — уже цветной, но всё ещё рассчитанный на небольшой экран.
Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗Главная как длинная лента
Плотный портал не уменьшается механически: блоки перестраиваются по вертикали и получают разную высоту.
Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗Сравнение состояний главной
Несколько экранов рядом показывают, как одна сетка принимает новости, сервисные данные и личные уведомления.
Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗Телефон становится первым экраном
Карточки уже различают типы содержания, но синие рамки и панели ещё связывают их с настольным порталом.
Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗Шаблоны для разных служб
Общие правила шапки, поиска и навигации позволяют собирать несколько продуктов без потери узнаваемости.
Команда Mail.ru GroupИсточник: Фреймворк Mail.ru Group для мобильного веба ↗Почта после системного редизайна
Интерфейс становится светлее, действия собираются в устойчивые зоны, а реклама перестаёт разрывать рабочий сценарий.
Команда Почты Mail.ruИсточник: Как менялся интерфейс Почты Mail.ru ↗Сообщение как рабочая поверхность
Список писем, чтение и дополнительные действия получают общий ритм и перестают выглядеть отдельными поколениями продукта.
Команда Почты Mail.ruИсточник: Как менялся интерфейс Почты Mail.ru ↗Новая мобильная главная
Карточки больше не притворяются одинаковыми: поиск, погода, видео и новости получают собственную плотность.
Команда Mail.ru GroupИсточник: Редизайн мобильной главной Mail.ru ↗Система экранов, а не один макет
Варианты главной показывают, как общий язык выдерживает разные наборы сервисов и разную длину ленты.
Команда Mail.ru GroupИсточник: Редизайн мобильной главной Mail.ru ↗








