ARTHand История дизайна Одноклассники: от поиска людей к ленте интересов

Одноклассники: от поиска людей к ленте интересов

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

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

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

Содержание

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

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

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

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

Ранняя страница входа

Оранжевая шапка, форма авторизации и объяснение сервиса строят понятный порог для людей, которые впервые ищут знакомых в сети.

Интерфейс — Одноклассники; публикация — Газета.RuИсточник: Материал к юбилею российских социальных сетей ↗
02

Желаемые подарки, 2010

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

Одноклассники; публикация — РИА НовостиИсточник: Одноклассники кооперируются с интернет-магазинами ↗
03

Мобильное приложение, 2014

Меню, заставка и диалог показывают, как основные социальные функции переводились в нативную форму смартфона.

Одноклассники; публикация — Российская газетаИсточник: Мобильные экраны Одноклассников ↗
04

Страница входа середины 2010-х

Большая форма и промо мобильной версии сохраняют привычный порог сервиса, но уже работают на несколько устройств.

Интерфейс — Одноклассники; публикация — Math Fascinated
05

Новый десктопный интерфейс

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

Одноклассники; публикация — Российская газетаИсточник: Одноклассники обновили интерфейс ↗
06

До и после большого редизайна

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

Одноклассники; публикация — ВедомостиИсточник: Одноклассники обновили дизайн сайта ↗
07

Мобильная лента после обновления

Создание публикации собирается в одну кнопку, а экран отдаёт больше места историям и содержанию друзей.

Одноклассники; публикация — ЛенТВ24Источник: Одноклассники обновили мобильные приложения ↗
08

Четыре колонки контента

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

Одноклассники; публикация — SostavИсточник: Редизайн к пятнадцатилетию Одноклассников ↗
09

Старая и новая мобильная версия

Сравнение делает видимым главный приоритет: меньше оболочки, больше самой публикации и реакции на неё.

Одноклассники; публикация — iXBTИсточник: Перезапуск Одноклассников на ПК и мобильных ↗
10

Профиль как насыщенный социальный экран

Лента, группы, подарки, чат и реклама показывают реальную плотность продукта перед большим упрощением 2021 года.

Интерфейс — Одноклассники; публикация — Soring PC RepairИсточник: Интерфейс групп и подарков Одноклассников ↗