«ВКонтакте»
1 апреля 2016

Что изменилось во «ВКонтакте» после редизайна

Сегодня сайт «ВКонтакте» обновил дизайн: социальная сеть не только сменила внешний облик, но и ввела для пользователей некоторые новые опции. Сегодня доступ к new.vk.com с возможностью откатиться до старой версии получит первый миллион пользователей, которые согласятся протестировать обновления главной социальной сети страны.
«Бумага» рассказывает, что во «ВКонтакте» теперь работает по-другому, и сравнивает старый и новый дизайны сайта.
Андрей Рогозов
операционный директор «ВКонтакте»

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

  1. Логотип и шрифты
  2. «ВКонтакте» теперь стал просто VK. После редизайна на сайте используются новые шрифты, а также все элементы страниц укрупнились, на экране осталось меньше незанятого места.
    Чтобы сравнить предыдущий дизайн «ВКонтакте» с новой версией сайта, перемещайте бегунок горизонтально по снимку.
  3. Иконка нотификации
  4. Важные нотификации типа запроса на добавление в друзья, лайков, дней рождений, приглашений в группу или во встречу, выводятся в иконке «Колокольчик» в верхней строке сайта рядом с поиском. Цифра в красном индикаторе на иконке обозначает число уведомлений, на которые пользователь пока не отреагировал.
    Кроме того, пользователи могут подписываться на уведомления о новых записях других юзеров и сообществ.
  5. Новости
  6. Список новостей — «Фотографии», «Рекомендации», «Статьи» и прочее — выведены в отдельное окно справа.
    Во вкладке новостей пользователь может выбрать удобную ему выдачу: получать новости в хронологическом порядке или, нажав на кнопку «Сначала интересные», получать сначала более важные для него обновления, вне зависимости от даты их публикации.
    Вкладку «Новости», как и «Сообщения», вывели выше: теперь они занимают третью и вторую строки в меню страницы соответственно.
  7. Аватары
  8. Все аватары людей и групп сменились с квадратных на круглые. Нахождение пользователя в сети отмечается зеленой точкой.
  9. Личная страница
  10. Элементы на личной странице пользователя стали визуально более разделенными. Информация о количестве друзей и подписчиков, а также о числе аудиозаписей, собственных фотографий и снимков, на которых пользователь отмечен, выводится отдельным блоком сразу после основной информации о юзере.
    Настройки пользователя и редактирование профиля, а также кнопка выхода выведены в правый верхний угол под аватаром. Это меню активно на любой странице соцсети.
  11. Сообщения
  12. Страница сообщений претерпела множество изменений. Дизайн сменился с одной колонки на две и теперь больше походит на сервисы типа Telegram или на собственный дизайн для планшетов.
    Все сообщения, помеченные как «Важные», выделены в отдельный слой — их можно посмотреть, кликнув на звездочку возле строки поиска по сообщениям. Непрочитанные сообщения теперь помечаются синей точкой.
    Спам, настройки нотификации и кнопка с непрочитанными сообщениями находятся в левом нижнем углу под столбиком сообщений. При переходе на «Сообщения» из других вкладок открывается не последняя беседа, а поле, призывающее выбрать диалог или создать новый. Изменилось и создание новой беседы: теперь аватарку чата можно добавить еще на этапе создания.
  13. Аудиозаписи
  14. В соцсети укрупнился дизайн верхнего слоя аудио, который появляется поверх всех вкладок при клике на иконку рядом с «Колокольчиком». В списке аудиозаписей появилась возможность задавать следующую проигрываемую песню, пока еще играет настоящая.
  15. Друзья
  16. На странице с друзьями пользователя добавилась колонка с «Возможными друзьями», которых пользователь, при желании, может добавить в один клик.
  17. Фото
  18. Верстка фотографий пользователей перерисована в журнальную. Улучшился режим редактирования и появилась возможность группового редактирования фотографий. Другим стало и расположение комментариев: записи к фотографии теперь располагаются справа от снимка, как в Facebook.


    А теперь посмотрите, как изменился дизайн «ВКонтакте» за десять лет.
Если вы нашли опечатку, пожалуйста, сообщите нам. Выделите текст с ошибкой и нажмите появившуюся кнопку.
Подписывайтесь, чтобы ничего не пропустить
Все тексты
К сожалению, мы не поддерживаем Internet Explorer. Читайте наши материалы с помощью других браузеров, например, Chrome или Mozilla Firefox Mozilla Firefox или Chrome.