← Одноклассники 2018

Концепция дизайна Ok.ru

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

01

Цель редизайна

Удобство

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

Честность

Показать что важно, а что – нет. Сделать понятной систему уведомлений. Перестать выдавать рекламу за полезные оповещения.

Сдержанность

Уменьшить назойливость всех сервисов и создать единый стек всех уведомлений. Пересть размазывать драгоценное внимание пользователей.

Бесконечность

Создать возможность бесконечного увлечённого потребления контента.

Интерес

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

Мультизадачность

Убрать необходимость блуждать в зацикленных сценариях. Все сервисы должны быть асинхронны и давать возможность потреблять контент и общаться одновременно.

Доступность

Всё должно стать больше, свободнее и заметнее, но не в ущерб полезной плотности информации. Типографика, контрасты и размеры должны облегчать потребление контента.

Современность

Перестать думать структурами и классификациями, сделать акцент на сути и содержании контента, независимо от формата

Генеративность

Помогать создавать уникальный контент быстрее и проще за счёт удобных готовых шаблонов оформления.

03

Оповещения разного приоритета

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

04

Мультизадачность

Решение нескольких задач одновременно (листание ленты, общение с друзьями, просмотр трансляции или играние в игры) уменьшает кол-во петель перехода между сервисами и позволяет ускорить реакцию на входящую информацию без прерывания контекста и сценариев использования сервисов.

Для этого хорошо подходят модальные режимы просмотра контента, не покидая ленту, миниплееры и миничаты.

Модальные окна: эфир, чат, видеозвонок и трансляция поверх ленты
05

Медиатека

Формат медиа давно перестал быть актуальным. Мы снимаем фото, видео, запускаем трансляции с друзьями и записываем короткие видео в сториз или тикток. Всё это легко укладывается в единый поток без необходимости создавать отдельные разделы в других сервисах.

Медиатека: единый поток фото, видео, сторис и трансляций
06

Музыка

Преимущество привычных сервисов внутри социальной сети – это социальное взаимодействие внутри графа дружб. Это создаёт социальное подтверждение в отношении контента, увеличивает привлекательность и интерес. Задача Музыки показать что интересно друзьям и вовлечь в коммуникацию.

Главная страница сервиса Музыка

Для музыкальных подборок придумана концепция геометрических обложек под разные жанры

Сетка геометрических обложек подборок под разные жанры

Кроме того очень важно показать как авторы контента вписываются в социальное пространство. Показать что здесь «всё живо», здесь интересно и можно взаимодействовать с авторами.

Страница артиста с релизами, клипами и сообществом

Задача сервиса создать бесконечный поток потребления контента. В случае с музыкой очень важно увеличить длительность слушания. Для этого нужно показать разнообразие контента и возможность выходить за пределы выбранного альбома.

Даже в процессе прослушивания выбранного трека можно показать множество интересных механик. Например, «интересные моменты» в треке, которые можно комментировать. Или превратить плеер в караоке.

07

Радио

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

Радио: волна с лентой треков и фильтрами по жанрам
08

Саундрумы

Это музыкальные чаты. Каждый может войти в чат и закинуть свои треки в общий плейлист. Музыка в саундруме постоянно играет как радио.

Саундрум: музыкальный чат с общим плейлистом
09

Караоке

Прекрасный формат социального взаимодействия. Шоу «Голос» в социальной сети, где каждый может получить порцию одобрения и выделиться среди других.

Записать дует очень просто даже со звездой.

10

Знакомства

В ОК всегда знакомились люди. Но интернет-знакомства всегда связаны с тревогой безответности или обмануться. Социальная сеть даёт уникальную возможность узнать насколько человек настоящий, если перед встречей с ним созвониться, посмотреть настоящий профиль в ОК и узнать заранее о взаимности.

11

Подарки

Дарить подарки – уникальная культура Одноклассников, которую невозможно повторить. Люди очень любят выражать свои чувства родным и близким с помощью подарков. Раньше это были маленькие статичные иллюстрации, а теперь живые персонажи, различные эффекты появления, механики с сюрпризами, музыка и живые открытки.

Каталог подарков с живыми персонажами и открытками
12

События вокруг

Люди всё время объединяются по интересам, и очень часто спонтанно. Вокруг постоянно что-то происходит: спортсмены бегают, гедонисты едят и пьют, интеллектуалы обсуждают и восхищаются, блогеры вещают, а кому-то нужно продать мопед. Почему бы не посмотреть что происходит рядом?

Карта событий вокруг с метками активностей и чатом