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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0
34 комментария
Популярные
По порядку
Написать комментарий...

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

5

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

4

соборный

6

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

0

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

0

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

1

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

0

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

5

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

8

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

–1

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

2

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

0

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

1

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

0

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

1

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

0

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

–1

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

0
Читать все 34 комментария
Мой опыт общения с Почтой России

Первым делом хочу попросить прощения у всех граждан России. Благодаря моим действиям, описанным вкратце в этой статье, я получил некоторую сумму денег, которая иначе могла бы попасть в бюджет РФ. Но произошло это по вине сотрудников АО «Почта России». Учредителем и единственным акционером АО «Почта России» является Российская Федерация.

SkillFactory раздает подарки: повышенная ставка и новогодний марафон для вебмастеров

В преддверии Нового года мы решили порадовать своих настоящих и будущих партнеров — участников партнерской программы школ Skillfactory, Contented и Product LIVE. Это возможность получить денежный бонус и заодно увеличить прибыль от продажи наших курсов.

Tele2. Недоразумение со сменой тарифа

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

Сайты в 2021 году
От чтения мыслей до вторжения во сны: зачем исследуют сознание и чем это грозит Статьи редакции

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

Дайджест новостей Сбера: сайт Digital Пётр, сценарии для умного дома и платина от Forbes

Прошлый дайджест мы целиком посвятили 180-летию Сбера, поэтому новостей накопилось много. Среди них — запуск сайта по распознаванию рукописей Петра I, большое обновление на платформе умного дома Sber и другие. Рассказываем всё самое интересное.

Картинка, сгенерированная ruDALL-E по запросу «рыжий котик»
Сбербанк компрометирует код CVC при выдаче карты

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

Чему создатели метавселенных могут поучиться у 3D-игры Second Life Статьи редакции

Её основатель ещё в нулевых говорил, что физический мир канет в прошлое, и завлёк в игру не только пользователей, но также бренды, политиков и СМИ. Какой он видит метавселенную, исходя из своего опыта, — в пересказе Time.

Кадр из игры Second Life SL Community
И сотрудников тоже касается: кибербуллинг на рабочем месте
Design vector created by pikisuperstar - www.freepik.com
Продавец eBay из Кургана стала победителем в финале Всероссийского конкурса «Молодой предприниматель России 2021»

27 ноября в Москве состоялся финал ежегодного конкурса «Молодой предприниматель России 2021». В нём приняли участие предприниматели и самозанятые в возрасте до 35 лет. Всего было подано более 300 заявок из 43 регионов страны.

Откуда берут взрослые деревья для парков и улиц

А также сколько они стоят и почему выращивать их — неплохой бизнес.

null