«ВКонтакте» представила новый дизайн веб-версии соцсети01.04.2016 13:52

По словам операционного директора «ВКонтакте» Андрея Рогозова, работа над новым дизайном сайта велась на протяжении последних полутора лет.

Главный принцип нового дизайна «ВКонтакте» — на всех устройствах он выглядит похоже и узнаваемо. Пользователю веб-сайта легко найти нужный раздел в мобильном приложении, и наоборот.

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

— Андрей Рогозов, операционный директор «ВКонтакте»

Интерфейс новой версии сайта российской соцсети выполнен в концепции «островов»: основной контент страниц — записи сообществ и пользователей — находится в блоках с белым фоном. Весь сайт получил голубой фон.

«Новости»

Списки новостей теперь находятся в отдельном блоке справа — вместе с поиском и комментариями. Появился отдельный переключатель для «умной ленты новостей»:

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

У предпросмотра контента прикрепленной ссылки появилась рамка, отделяющая его от текста записи

Фотографии

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

Шапка сайта

Полностью переработана шапка сайта — она растянута на всю ширину страницы. Исчезли прежние элементы меню («Люди», «Сообщества», «Игры», «Помощь»). Теперь здесь расположены центр уведомлений, быстрый доступ к разделу «Музыка» и меню профиля.

В новом дизайне используется только международная версия логотипа «ВКонтакте» — VK

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

Центр уведомлений

Профиль пользователя

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

Меню профиля в шапке сайта

Создание новой записи

Сообщество

Все элементы управления сообществом теперь спрятаны в меню.

Сообщения

Список диалогов теперь отображается горизонтально, а не табами — на одном экране отображается список последних бесед и текущий открытый чат. По словам Рогозова, раздел сообщений «переписан с нуля».

«О компании» и блог соцсети

Полностью переделан раздел «О компании». Он выполнен в виде лендинга с основными фактами о компании, ссылками на официальные сообщества и контакты представителей соцсети.

Также «ВКонтакте» анонсировала возобновление блога компании. Первая запись посвящена запуску нового дизайна сайта.

Из подвала сайта исчезла ссылка на профиль основателя соцсети Павла Дурова

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

Присылайте свои колонки и интерфейсные кейсы на interface@vc.ru