Одноклассники
11 955

С оранжевого на белый: как Одноклассники обновили дизайн iOS-приложения

Одноклассники убрали на второй план фирменный оранжевый цвет в мобильном приложении на iOS. Следующий шаг — редизайн Android-приложения и унификация веб-версии и мобильных приложений.

В закладки

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

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

Визуальным оформлением Одноклассников занимаются 10 человек, которые работают в Москве, Санкт-Петербурге и Риге. В команде дизайна есть проектировщики и иллюстраторы. Первые занимаются эргономикой и дизайном, вторые — создают анимированные ролики к праздникам, иконки, изображения для страниц авторизации, трехмерные маски дополненной реальности для приложения OK Live.

По статистике большинство пользователей ОК, которые используют мобильное приложение на iOS — это технически подкованные, открытые к переменам люди в возрасте от 25 до 34 лет. Соцсеть должна выглядеть современно, чтобы удерживать их внимание.

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

Алексей Черепененков
руководитель отдела дизайна социальной сети Одноклассники

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

Мы остановились на текущем варианте по нескольким причинам. Во-первых, яркие цвета — это тренд. Мы хотим слышать мир и давать ему то, что он просит. Если в следующем году станет модным что-то другое, мы быстро адаптируемся под новые запросы. Плоский стиль иллюстраций, как менее трудоемкий в работе, позволяет это сделать

Алексей Черепененков

Унификация трех платформ — это глобальная цель для Одноклассников. Когда приложение на Android обновится, его различия с приложением на iOS будут минимальны. Также в планах у дизайнеров ОК — постепенное обновление веб-версии. Одними из первых разделов, которые уже получили обновления, стали «Видео» и «Подарки». Дизайнеры упростили витрины, чтобы не отвлекать пользователей от контента.

Мы двигаемся в направлении, когда содержание будет преобладать над интерфейсом. Так, например, видео стали крупнее, на экране стало больше подарков. Мы проанализировали поведение пользователей и выделили в этих разделах сервисы, которыми они чаще всего пользуются. Например, мы вывели на витрину подарков список друзей, которым было бы актуально отправить подарок: это либо друзья, отмечающие сегодня праздник, либо те, с кем пользователь часто общается.

Алексей Черепененков

ОК выкатывают обновления постепенно, раздел за разделом, чтобы не шокировать пользователей. Поэтому в ближайшее время редизайн ждет веб-версию сайта и приложение на Android.

Одна из крупнейших социальных сетей в России и СНГ.
{ "author_name": "Одноклассники", "author_type": "editor", "tags": [], "comments": 34, "likes": 19, "favorites": 8, "is_advertisement": false, "subsite_label": "ok", "id": 74486, "is_wide": true, "is_ugc": false, "date": "Mon, 08 Jul 2019 16:53:59 +0300", "is_special": false }
0
34 комментария
Популярные
По порядку
Написать комментарий...
5

Какая-то нелепость: зачем делать современный дизайн для пенсионеров из Замкадья? Им как раз нужен вырвиглазный ретро-стиль, похожий на ТВ-передачи конца 80-х.

Ответить
4

Спасибо за сборный портрет типичного юзера ОК! :)

Ответить
6

соборный

Ответить
0

Нужно постепенно воспитывать хороший вкус у аудитории

Ответить
0

Вы верите в воспитательную силу социальных сетей? :) Причём для людей 40+? Могу только поприветствовать такой оптимизм.

Ответить
1

Мне 42. Поговорим?

Ответить
0

О чём? Обозначьте тему :) О воспитательном воздействии на вас соцсети "Одноклассники" посредством нового дизайна UI?

Ответить
5

Маме понравится.

Ответить
8

А мы думаем – когда же, наконец, уже кто-то напишет нормальный комментарий? Спасибо!)

Ответить
–1

Бабушка будет против.
Ничего не мелькает, не моргает, не переливается, не искрится...

Ответить
2

Очень круто вышло. Молодцы!

Ответить
0

А настроение то пропало :C

Ответить
1

Новость ценна не в цвете, а в улучшении интерфейса. Раньше поиск был основным в шапке. Теперь там больше кнопок для разных целей. И так далее…

Ответить
0

Расскажите лучше, кто рисует подарки )
Или уже была статья про это?

Ответить
1

Про это есть шикарный доклад
https://youtu.be/E75rUQZoiNc

Ответить
0

Хорошая идея! Хотя на самом деле бОльшую часть подарков создают пользователи с помощью шаблонов)

Ответить
0

Я сужу только по скриншотам, но новый вариант выглядит и правда достойно.
Но я больше чем уверен, что информация про "10 дизайнеров" дана для отведения глаз от правды.
На самом деле вон те бабули и дедули у подъездов и есть отдел инноваций, дизайна и проектирования, которые брейнштормят с утра и до вечера, отрываясь только на сериал, чтобы создавать лучший продукт на рынке, а все эти пост-хипстеры (отдел дизайна) просто генерят митиинг-ноутсы на понятном языке и отдают в разработку.
Шах и мат, Одноклассники! )

Ответить
0

Новое оформление потрясающе выглядит. Не хотите переделать смайлики в сообщениях и комментариях? Заменить, например, на мультяшек из скриншота с лентой

Ответить
0

Спасибо! Уже делали подход к этому снаряду и это есть в планах, но еще пока продолжаем эксперименты)

Ответить
0

Почему убрали кнопку меню (справа) в веб версии?

Ответить
0

Это был эксперимент, сейчас как раз оцениваем результаты)

Ответить
0

Хотелось бы чтобы видеоматериал был зацикленым и автоматически воспроизводился заново

Ответить
0

Имеете в виду в принципе видео в соцсети? Или что-то другое?

Ответить
0

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

Ответить
0

Каждый раз, когда одноклассники выкатывают новый дизайн.

Ответить
0

Думал, что ОК заменили WhatsApp и Viber, а нет, живут ещё, удивительно ¯\_(ツ)_/¯

Ответить
0

Скриншоты с отзывами юзеров с проклятиями в адрес дизайнеров и разработчиков уже есть?!
Выкладывайте)

Ответить
0

Хорошее само пробьется

Ответить
–1

Мне только почему-то шрифт заголовков "Обсуждения", "Рекомендации" глаз режет. А так прикольно :)

Ответить
0

Возможно, дело привычки) Спасибо!

Ответить

Комментарии

null