Работа над новым дизайном велась на протяжении последних полутора лет. В результате был переделан каждый элемент интерфейса. Главной задачей было сделать так, чтобы «ВКонтакте» смотрелась похоже на ПК и мобильных устройствах.
Были увеличены ширина экрана и шрифты, убраны лишние детали, сайт сделали проще для восприятия. Появилось дополнительное пространство для новых функций. Также было обновлено меню слева: сокращены названия пунктов, добавлены иконки, перенесены наверх наиболее востребованные разделы — «новости» и «сообщения».
Веб-версия ВК стала больше похожей на мобильное приложение
Лента новостей
Колонка ленты новостей стала шире, размеры картинок в ней увеличились. Разделы новостей размещены в отдельном блоке справа вместе с поиском и комментариями. «Включить "умную ленту" новостей стало проще — переключение в режим «сначала интересные» находится сразу под этим блоком», — добавил Рогозов.
Обновленная лента новостей стала шире
Сообщения
Раздел «сообщения» также претерпел существенные изменения. Слева теперь находится список собеседников, а текущий открытый чат — справа. Непрочитанные сообщения помечаются синей точкой, которая исчезает после прочтения, а статус онлайн — зеленой точкой.
В сообщениях появилась колонка с недавними беседами
Уведомления
Отметки «мне нравится», заявки на добавление в друзья, упоминания, дни рождения друзей и другие события собираются в новом разделе уведомлений. Он находится вверху, под кнопкой с рисунком колокольчика. На страницах людей и сообществ в новом интерфейсе можно подписаться на уведомления о новых записях. При появлении нового события у иконки «колокольчик» в шапке сайта появится красный индикатор.
Все уведомления переместились в отдельный блок вверху
Фотографии
Режим просмотра фотографий стал похожим на таковой в Facebook — фотография отображается слева, а справа — лайки и комментарии. По сравнению с предыдущей версией интерфейса изображения стали больше. Фотопросмотрщик ориентирован горизонтально. Все это сделано для того, чтобы лучше задействовать пространство широкоформатных экранов, пояснил Рогозов.
Фотопросмотрщик стал похож на таковой в Facebook
Прочие изменения
Из других заметных нововведений хочется отметить то, что аватарки друзей стали круглыми (были квадратными), уменьшился по высоте размер главного изображения в группах. Рогозов добавил, что обновились и разделы, рассказывающие о «ВКонтакте»: «о компании», «продукты» и «работа ВКонтакте». Возобновлен собственный блог компании, в котором она делилась новостями и информацией о новых функциях.
Тестирование новой версии
Посмотреть, как выглядит новый дизайн, можно по этой ссылке. В конце записи есть ссылка, нажатие на которую активирует новый дизайн на странице самого пользователя. Достаточно на нее нажать и перейти на свою страницу. Чтобы вернуться к старому дизайну, необходимо нажать на соответствующую ссылку в колонке слева.