Рамблер: портал как картина дня
Досье № 08 · История российского интерфейса
Рамблер начинал с почты и каталога, а затем учился превращать десятки источников в редактируемую картину дня — с ясной главной новостью и разными темпами чтения.
- Период
- 2000—2011
- Главы
- 5
- Кадры
- 10
Содержание
Пять поворотов в истории проекта
Глава 1 · 2000—2006
Почта и портал
Рамблер показывает две важные модели раннего Рунета: рабочий ящик и стартовую страницу, где собран почти весь день.Глава 2 · 2011
Разобрать, прежде чем рисовать
Редизайн новостей начинается с редакционного аудита: что здесь главное, что обновляется чаще и что должно остаться рядом.Глава 3 · 2011
Главная тема дня
Новостной портал должен уметь быть громким в важный момент и тут же возвращаться к ровному потоку обновлений.Глава 4 · 2011
Ритм, а не одна сетка
Редакционная система ценна тем, что допускает несколько масштабов и всё равно остаётся узнаваемой.Глава 5 · 2011
Собранная картина дня
Итоговый дизайн различает событие, поток и подборку, поэтому длинная страница не превращается в монотонную стену ссылок.Визуальная хроника
Десять подтверждённых кадров
Почта Рамблера, 2000
Папки, список писем и чтение собраны в плотном рабочем окне, где каждая линия помогает ориентироваться в сообщениях.
Студия Артемия ЛебедеваИсточник: Почта Рамблера ↗Портальная главная, 2006
Поиск, почта, новости, погода и Top100 образуют подробную приборную панель повседневного Рунета.
Интерфейс — Рамблер; публикация — HabrИсточник: Скриншот Рамблера 2006 года ↗Разбор старой новостной главной
Команда раскладывает страницу на зоны, чтобы понять реальную иерархию, а не просто перекрасить накопившиеся блоки.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Варианты редакционной сетки
Несколько компоновок проверяют, как меняется первый экран при разном количестве важных событий и изображений.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Главная новость и фон дня
Крупное событие получает визуальную сцену, но остальные материалы продолжают работать как быстрый поток ссылок.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Модульная новостная колонка
Текст, фотография и служебные данные собираются в повторяемые блоки для разных разделов портала.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Поиск визуального ритма
Плотные и свободные варианты сравниваются рядом, чтобы найти баланс между оперативностью и редакционным акцентом.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Раздел и главная в одной системе
Сетки проверяются на разных типах страниц: общий язык должен пережить смену темы и количества материалов.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Собранная главная новостей
Итоговая композиция различает главную тему, короткий поток и тематические подборки, не превращая их в одинаковые карточки.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗Длинная страница раздела
Ритм продолжается ниже первого экрана: заголовки, изображения и списки меняют масштаб, помогая не потеряться в потоке.
Студия Артемия ЛебедеваИсточник: Процесс дизайна Рамблер-новостей ↗








