[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Philipp Kontsarenko", "author_type": "self", "tags": ["\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 197, "likes": 103, "favorites": 18, "is_advertisement": false, "section_name": "default", "id": "14613" }
Philipp Kontsarenko
96 528

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

Соцсеть «ВКонтакте» запустила в тестовом режиме на ограниченное количество пользователей новую версию дизайна сайта. Это первое крупное обновление интерфейса веб-версии сервиса за 10 лет. Редакция vc.ru в числе первых пользователей успела изучить новую версию «ВКонтакте».

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

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

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

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

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

«Новости»

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

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

Фотографии

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

Шапка сайта

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

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

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

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

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

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

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

Сообщество

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

Сообщения

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

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

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

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

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

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

#Интерфейсы #ВКонтакте #редизайн

Статьи по теме
«ВКонтакте» запустила режим «умной ленты» в мобильной версии соцсети
«Лента превращается в трудно воспринимаемый поток публикаций»
Издание «Мотор» провело редизайн сайта
Кейс редизайна: «Яндекс.Деньги» обновили сервис
Руководитель проекта «Яндекс.Авиабилеты» о редизайне сервиса
Редизайн HeadHunter: Арт-директор проекта об обновлении российского сайта по поиску работы
Масштабный редизайн Airbnb: мнения экспертов
Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления