Одноклассники убрали на второй план фирменный оранжевый цвет в мобильном приложении на iOS. Следующий шаг — редизайн Android-приложения и унификация веб-версии и мобильных приложений.
В течение 2018 года Одноклассники разрабатывали дизайн-концепты, чтобы сделать продукты современными и простыми. В веб-версии обновились витрины видео и подарков, а вот приложение ОК на iOS полностью обновилось в этом году.
Разработчики убрали из заголовков оранжевый цвет, чтобы сконцентрировать внимание пользователей на контенте и сделать его потребление удобным, и применили к ним фирменный шрифт, чтобы сохранить идентичность. В новой версии мобильного приложения изменилась навигация на внутренних экранах и появилась возможность добавить обложку на личную страницу пользователя.
Визуальным оформлением Одноклассников занимаются 10 человек, которые работают в Москве, Санкт-Петербурге и Риге. В команде дизайна есть проектировщики и иллюстраторы. Первые занимаются эргономикой и дизайном, вторые — создают анимированные ролики к праздникам, иконки, изображения для страниц авторизации, трехмерные маски дополненной реальности для приложения OK Live.
По статистике большинство пользователей ОК, которые используют мобильное приложение на iOS — это технически подкованные, открытые к переменам люди в возрасте от 25 до 34 лет. Соцсеть должна выглядеть современно, чтобы удерживать их внимание.
В конце прошлого года пользователи ОК получили возможность загружать обложки личного профиля. Мы увидели, что сервис востребован, поэтому переработали главную страницу, чтобы люди могли украсить свой профиль сразу при входе в приложение.
С развитием ОК все иллюстрации, сопровождающие разные разделы соцсети, начали отличаться друг от друга по стилю. Чтобы этого избежать, дизайнеры разработали новые концепты — четыре разноцветных эмодзи-персонажа. У этих персонажей важная функция — вызывать положительные эмоции, потому что именно за ними пользователи приходят в соцсеть.
Мы остановились на текущем варианте по нескольким причинам. Во-первых, яркие цвета — это тренд. Мы хотим слышать мир и давать ему то, что он просит. Если в следующем году станет модным что-то другое, мы быстро адаптируемся под новые запросы. Плоский стиль иллюстраций, как менее трудоемкий в работе, позволяет это сделать
Унификация трех платформ — это глобальная цель для Одноклассников. Когда приложение на Android обновится, его различия с приложением на iOS будут минимальны. Также в планах у дизайнеров ОК — постепенное обновление веб-версии. Одними из первых разделов, которые уже получили обновления, стали «Видео» и «Подарки». Дизайнеры упростили витрины, чтобы не отвлекать пользователей от контента.
Мы двигаемся в направлении, когда содержание будет преобладать над интерфейсом. Так, например, видео стали крупнее, на экране стало больше подарков. Мы проанализировали поведение пользователей и выделили в этих разделах сервисы, которыми они чаще всего пользуются. Например, мы вывели на витрину подарков список друзей, которым было бы актуально отправить подарок: это либо друзья, отмечающие сегодня праздник, либо те, с кем пользователь часто общается.
ОК выкатывают обновления постепенно, раздел за разделом, чтобы не шокировать пользователей. Поэтому в ближайшее время редизайн ждет веб-версию сайта и приложение на Android.
Какая-то нелепость: зачем делать современный дизайн для пенсионеров из Замкадья? Им как раз нужен вырвиглазный ретро-стиль, похожий на ТВ-передачи конца 80-х.
Спасибо за сборный портрет типичного юзера ОК! :)
соборный
Нужно постепенно воспитывать хороший вкус у аудитории
Вы верите в воспитательную силу социальных сетей? :) Причём для людей 40+? Могу только поприветствовать такой оптимизм.
Мне 42. Поговорим?
О чём? Обозначьте тему :) О воспитательном воздействии на вас соцсети "Одноклассники" посредством нового дизайна UI?
Маме понравится.
А мы думаем – когда же, наконец, уже кто-то напишет нормальный комментарий? Спасибо!)
Бабушка будет против.
Ничего не мелькает, не моргает, не переливается, не искрится...
Очень круто вышло. Молодцы!
А настроение то пропало :C
Новость ценна не в цвете, а в улучшении интерфейса. Раньше поиск был основным в шапке. Теперь там больше кнопок для разных целей. И так далее…
Расскажите лучше, кто рисует подарки )
Или уже была статья про это?
Про это есть шикарный доклад
https://youtu.be/E75rUQZoiNc
Хорошая идея! Хотя на самом деле бОльшую часть подарков создают пользователи с помощью шаблонов)
Я сужу только по скриншотам, но новый вариант выглядит и правда достойно.
Но я больше чем уверен, что информация про "10 дизайнеров" дана для отведения глаз от правды.
На самом деле вон те бабули и дедули у подъездов и есть отдел инноваций, дизайна и проектирования, которые брейнштормят с утра и до вечера, отрываясь только на сериал, чтобы создавать лучший продукт на рынке, а все эти пост-хипстеры (отдел дизайна) просто генерят митиинг-ноутсы на понятном языке и отдают в разработку.
Шах и мат, Одноклассники! )
Новое оформление потрясающе выглядит. Не хотите переделать смайлики в сообщениях и комментариях? Заменить, например, на мультяшек из скриншота с лентой
Спасибо! Уже делали подход к этому снаряду и это есть в планах, но еще пока продолжаем эксперименты)
Почему убрали кнопку меню (справа) в веб версии?
Это был эксперимент, сейчас как раз оцениваем результаты)
Хотелось бы чтобы видеоматериал был зацикленым и автоматически воспроизводился заново
Имеете в виду в принципе видео в соцсети? Или что-то другое?
Всегда думал, если ОК сделает себе редизайн то, это будет или текстура апельсиновой корки или кислотный цвет. Но, я заблуждался сильно...
Комментарий недоступен
Думал, что ОК заменили WhatsApp и Viber, а нет, живут ещё, удивительно ¯\_(ツ)_/¯
Скриншоты с отзывами юзеров с проклятиями в адрес дизайнеров и разработчиков уже есть?!
Выкладывайте)
Хорошее само пробьется
Мне только почему-то шрифт заголовков "Обсуждения", "Рекомендации" глаз режет. А так прикольно :)
Возможно, дело привычки) Спасибо!