Редизайн «ВКонтакте» 2016 – 2017

2018 год — год «ВКонтакте» по восточному календарю
15.10.2017 КОММЕНТАРИИ: 1

Приближается 2018 год — год Собаки по восточному календарю, а значит и год созданной под покровительством этого знака соцсети «ВКонтакте». Не бойтесь, мы не собираемся вдаваться в эзотерику и плодить легенды об астрологически предрешённом успехе соцсети. Пользуясь случаем, лучше вспомним крупнейшие редизайны VK. Тем более что произошли они совсем недавно: в 2016 и 2017 годах.

Глобальный редизайн веб-версии ВК

В апреле 2016 года состоялось крупнейшее обновление дизайна соцсети за всю историю её существования. Интерфейс из мрачноватого синего превратился в рафинированный сине-белый. Для облегчения визуального восприятия разработчики наполнили страницы воздухом и структурировали содержимое, применив дизайн-концепцию «островов». Самый актуальный контент вынесен наверх — на белые плашки, менее важные области страницы находятся на нижерасположенном голубом слое, «каркас» сети остался синим. Добавление голубого фона не только упорядочило дизайн, но и сгладило все былые перепады. Интерфейс стал более спокойным, уравновешенным и дружелюбным.  

Редизайн десктопной версии ВКонтакте 2016

В главном меню появились иконки, которые создатель и бывший гендиректор соцсети Павел Дуров поспешил окрестить «визуальным мусором». Но, наверное, у дизайнеров VK есть на них какие-то свои далекоидущие планы. Возможно, идея заключается в унификации с мобильными приложениями. Курс на визуальную стандартизацию соцсети на всех платформах в официальном блоге объявил управляющий директор компании Андрей Рогозов: «Главный принцип нового дизайна ВКонтакте — на всех устройствах он выглядит похоже и узнаваемо. Пользователю веб-сайта легко найти нужный раздел в мобильном приложении, и наоборот».

Интерфейс VK в стиле островов, с иконками

Аватарки пользователей и сообществ с апреля 2016 стали круглыми. Их форма удачно контрастирует со всеми остальными (потоковыми) фото на странице.

Круглые аватарки пользователей и сообществ в ВК

Новое оформление слайдера фотографий пока выбивается из общей концепции дизайна «ВКонтакте» и больше походит на Facebook. Но главное — удобство пользователей широкоэкранных устройств, ради которого описание снимка и все комментарии к нему были перенесены вправо.

Оформление слайдера фоток ВКонтакте 2016

Вместе с редизайном «ВКонтакте» полностью перешла на международный вариант логотипа «VK». Созданный когда-то по наитию и заранее одобренный Фрейдом (см. «Код Дурова») логотип в виде кириллической буквы «В» навсегда остался в прошлом.

Редизайн мобильной версии 2017

26 сентября текущего года вышло самое масштабное за последние несколько лет обновление мобильных приложений «ВКонтакте» для Android и iPhone. Чтобы высвободить пространство небольших экранов, иконки основных разделов (новости, сообщения, поиск, уведомления) были перенесены и закреплены в нижнем меню. Менее востребованные вкладки теперь прячутся под кнопкой «гамбургер».

Возвращение нижнего меню в мобильных приложениях ВКонтакте

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

Универсализация мобильного поиска ВК 2017

Рекомендации переведены в компактный и цепляющий дизайн-формат карточек.

Карточный дизайн рекомендаций во ВКонтакте

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

Лайк в VK стал красным

По словам руководителя мобильных продуктов «ВКонтакте» Михаила Болдова, команда соцсети создала «собственную дизайн-систему, которая использует одни и те же иконки, кнопки и цвета в приложениях для Android и iOS».  Похоже, теперь и у VK есть свой визуальный язык!

Материалы в тему:

О визуальном языке Яндекса

О визуальном языке Google

 

Комментарии

profile 31.10.2018 08:11
Need cheap hosting? Try webhosting1st, just $10 for an year.

Ответить Ответить с цитатой Цитировать

Добавить комментарий


Защитный код
Обновить