ARTHand История дизайна Рамблер: портал как картина дня

Рамблер: портал как картина дня

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

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

Период
2000—2011
Главы
5
Кадры
10

Содержание

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

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

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

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

Почта Рамблера, 2000

Папки, список писем и чтение собраны в плотном рабочем окне, где каждая линия помогает ориентироваться в сообщениях.

Студия Артемия ЛебедеваИсточник: Почта Рамблера ↗
02

Портальная главная, 2006

Поиск, почта, новости, погода и Top100 образуют подробную приборную панель повседневного Рунета.

Интерфейс — Рамблер; публикация — HabrИсточник: Скриншот Рамблера 2006 года ↗
03

Разбор старой новостной главной

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

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
04

Варианты редакционной сетки

Несколько компоновок проверяют, как меняется первый экран при разном количестве важных событий и изображений.

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
05

Главная новость и фон дня

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

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
06

Модульная новостная колонка

Текст, фотография и служебные данные собираются в повторяемые блоки для разных разделов портала.

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
07

Поиск визуального ритма

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

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
08

Раздел и главная в одной системе

Сетки проверяются на разных типах страниц: общий язык должен пережить смену темы и количества материалов.

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
09

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

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

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗
10

Длинная страница раздела

Ритм продолжается ниже первого экрана: заголовки, изображения и списки меняют масштаб, помогая не потеряться в потоке.

Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗