Одноклассники: от поиска людей к ленте интересов
Досье № 04 · История российского интерфейса
Оранжевая социальная сеть менялась вместе со своей аудиторией: от понятного входа и подарков до четырёхколоночной ленты и единого мобильного языка.
- Период
- 2006—2021
- Главы
- 5
- Кадры
- 10
Содержание
Пять поворотов в истории проекта
Глава 1 · 2006—2010
Найти своих
Ранняя сеть объясняет себя через знакомые отношения, а затем превращает эти отношения в отдельные сервисы.Глава 2 · 2014
Телефон как место встречи
Мобильная версия перестаёт быть сокращённым сайтом и получает собственную навигацию, заставку и диалоги.Глава 3 · 2021
Белая шапка вместо оранжевой стены
Юбилейный редизайн освобождает верх экрана и переносит постоянные маршруты в боковую навигацию.Глава 4 · 2021
Лента крупным планом
На телефоне оболочка сокращается ещё сильнее: истории, публикация и реакция занимают почти весь экран.Глава 5 · 2018—2021
От портала к интересам
Большой социальный продукт учится не показывать все возможности одновременно, а собирать их вокруг текущего интереса.Визуальная хроника
Десять подтверждённых кадров
Ранняя страница входа
Оранжевая шапка, форма авторизации и объяснение сервиса строят понятный порог для людей, которые впервые ищут знакомых в сети.
Интерфейс — Одноклассники; публикация — Газета.RuИсточник: Материал к юбилею российских социальных сетей ↗Желаемые подарки, 2010
Отдельный сервис превращает социальную связь в сценарий выбора и покупки, сохраняя знакомую оранжевую оболочку.
Одноклассники; публикация — РИА НовостиИсточник: Одноклассники кооперируются с интернет-магазинами ↗Мобильное приложение, 2014
Меню, заставка и диалог показывают, как основные социальные функции переводились в нативную форму смартфона.
Одноклассники; публикация — Российская газетаИсточник: Мобильные экраны Одноклассников ↗Страница входа середины 2010-х
Большая форма и промо мобильной версии сохраняют привычный порог сервиса, но уже работают на несколько устройств.
Интерфейс — Одноклассники; публикация — Math FascinatedНовый десктопный интерфейс
Белая верхняя панель заменяет сплошную оранжевую шапку, а постоянная боковая навигация освобождает ленту.
Одноклассники; публикация — Российская газетаИсточник: Одноклассники обновили интерфейс ↗До и после большого редизайна
Сравнение показывает не смену цвета, а перераспределение внимания между меню, публикацией и соседними сервисами.
Одноклассники; публикация — ВедомостиИсточник: Одноклассники обновили дизайн сайта ↗Мобильная лента после обновления
Создание публикации собирается в одну кнопку, а экран отдаёт больше места историям и содержанию друзей.
Одноклассники; публикация — ЛенТВ24Источник: Одноклассники обновили мобильные приложения ↗Четыре колонки контента
Настольная главная учится показывать ленту, рекомендации и быстрые сервисы без возвращения на стартовую страницу.
Одноклассники; публикация — SostavИсточник: Редизайн к пятнадцатилетию Одноклассников ↗Старая и новая мобильная версия
Сравнение делает видимым главный приоритет: меньше оболочки, больше самой публикации и реакции на неё.
Одноклассники; публикация — iXBTИсточник: Перезапуск Одноклассников на ПК и мобильных ↗Профиль как насыщенный социальный экран
Лента, группы, подарки, чат и реклама показывают реальную плотность продукта перед большим упрощением 2021 года.
Интерфейс — Одноклассники; публикация — Soring PC RepairИсточник: Интерфейс групп и подарков Одноклассников ↗








