Новый вк для компьютера дизайн. Как вернуть старый дизайн Вконтакте — отключаем новую версию

1 апреля 2016 года социальная сеть ВКонтакте официально представила новый интерфейс, работа над которым велась в течение около полутора лет. Новый интерфейс приобрел свежий и современный вид, хотя и сохранил основные элементы и цветовое оформление старого.

Основная идея заключается в том, чтобы сделать один общий интерфейс на всех платформах, будь то компьютер или смартфон.

Для того чтобы подключиться к новому дизайну ВКонтакте, нужно выполнить следующие несложные действия:

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

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

Также при прокрутке вниз, колонка содержимого (друзья, видео, аудио) теперь не уходит вверх, а остается всегда на виду. Хотя меню по прежнему при прокрутке уходит вверх, за край экрана (на мой взгляд, было бы лучше, если бы меню также оставалось всегда на виду).

Аватарки стали круглыми.

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

На боковой панельке будут доступны непрочитанные сообщения, а также сообщения, которые были отмечены как важные.

Теперь, при прикреплении видео или картинок к диалогу или комментарию, вы можете добавить одновременно несколько объектов. Для этого нужно кликнуть на круглешок-галочку, расположенную в левом верхнем углу.

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

— это не шутка. Поскольку переход на такой интерфейс, очевидно, неизбежен для всех, вопрос, как вернуть старый дизайн Вконтакте имеет лишь временное решение. Но т.к. хоть и временно, но отключить новый дизайн Вконтакте и продолжить работать с привычным вменяемым интерфейсом всё же возможно , то это мы и сделаем.

Этот вопрос актуален, пожалуй, для всех пользователей Вконтакте, привыкших за 10 лет к простоте и удобству старого дизайна и использующих его функционал на полную катушку. В частности, это касается тех, кто создал и администрирует сообщества и группы – разработчики нового VK.com, безусловно, осложнили им жизнь своими нововведениями.

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

Вернемся к основному вопросу. Сразу оговоримся – речь пойдет о браузерной версии социальной сети. Android и iOS-приложения, увы, в данной статье рассматриваться не будет.

Upd. 17.08.2016. Уважаемый Читатель, дабы не тратить твое драгоценное время, хотелось бы сразу проинформировать: «Восстание подавлено, Скайнет победил». Ну, а кроме шуток — случилось неизбежное: несмотря на все протестные настроения пользователей Вконтакте, разработчики после нескольких «волн» переводов пользователей на новый дизайн решили, что хватит мелочиться: 17.08.16 на новый дизайн были переведены ВСЕ пользователи соцсети… Соответственно, адреса new.vk.com на данный момент просто не существует, и использующие его возврат рекомендации не срабатывают…

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

Ну а до данного блока будет приведена информация, которая имеет скорее историческую, чем практическую значимость: далее изложена хронология борьбы с недугом под названием «Новый дизайн Vk.com «. Знакомство с этой информацией отнимет у Вас, уважаемые Читатели, не так много времени, и вероятно, кому-то будет интересно узнать «с чего всё начиналось», поэтому все ранее работоспособные способы в статье остались. Итак, начинаем.

Для тех, кто стал «подопытным кроликом» для дизайнеров Вконтакте поневоле (т.е. просто в определенный момент столкнулся с новым интерфейсом), должна остаться ссылка «Вернуться на старую версию…», размещенная в нижней части левой колонки с меню и рекламой. По правде говоря, дизайнеры явно старались сделать инструмент того, как вернуть старую версию Вконтакте, по максимуму незаметным: серые буквы на сером фоне – такое сложно заметить.

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

И как отключить новый дизайн Вконтакте в таком случае?

Обратите внимание на адресную строку браузера:

Как видите, перед vk.com добавлено “new ”. Т.е. фактически, это другая страница пользовательского профиля. Чтобы вернуть привычный vk.com/id_страницы, а вместе с ним вернуть и старую версию Вконтакте просто «правим» адрес: нужно стереть “new. ”. Ну и, разумеется, нажать Enter (или клавишу подтверждения ввода на сенсорном устройстве).

Выйдет такой результат:

Знакомо? Наверное, до боли 🙂 . Да-да, это старый-добрый интерфейс vk.com, к какому все успели привыкнуть за 10 лет его существования. Ну а теперь дело за малым: остается лишь сделать закладку данной страницы в браузере, чтобы не редактировать каждый раз адрес, и вызывать эту страницу после авторизации в соцсети.

Пока неизвестно, когда конкретно редизайн Вконтакте «накроет» всех, так что есть надежда, что старой версией vk.com удастся пользоваться еще продолжительное время.

Upd. 09.06.2016. Похоже, недолго радовались «староверы»: команда VK.com начала принудительный перевод на новый дизайн без возможности вернуться к прежней версии.

Upd. №2 — радостный (уже не такой радостный — утратил актуальность…)

Оказывается, работоспособный метод вернуть старый интерфейс Вконтакте даже тем, кому, вроде бы, не оставили вариантов, всё же есть (по крайней мере за этот метод в ВК неоднократно благодарили «подсказавшего»). Однако предупреждаем сразу – всё действия Вам придется выполнять на свой страх и риск, а риск может присутствовать. Метод возврата старого дизайна vk.com связан с запусками скриптов, и Netobserver не гарантирует, что в теле скрипта отсутствует код, способный на кражу пользовательских логина и пароля.

Рассмотрим реально действующий метод, подходящий для браузера Google Chrome и его «собратьев», вроде Яндекс.Браузера (браузеры на платформе Chromium):

Итак, метод следующий: находим на Google Playmarket

Устанавливаем первый в списке плагин:

После установки активность плагина можно проверить по пиктограмме в правом верхнем углу браузера:

В открывшейся вкладке кликаем на кнопку «Установить этот скрипт»:

Далее возникнет предупреждение от Tampermonkey о том, что следует запускать только надежные скрипты (т.е. очередной раз предостерегает – Вы действуете на свой страх и риск), и отображается установленный скрипт:

На этом всё – скрипт сразу начинает свою работу. Вам осталось зайти во Вконтакте (или обновить страницу, если Вы уже там), и самостоятельно убедиться, что старый-добрый vk.com вернулся!

Причем эффект будет сохраняться и при переходе между элементами меню Вконтакте, и при повторном входе.

Это удобнее того метода, который был предложен в комментариях к данной статье (однако хочется сказать «Спасибо» и за такой вариант решения вопроса «Как вернуть старый дизайн Вконтакте»).

Для других браузеров также есть расширения-аналоги Tampermonkey:

• Для Огнелиса: ;
• для Оперы: ;
• у Сафари – .

Ну а после установки расширения для своего браузера возвращаетесь к шагу со скачиванием юзерскрипта – и далее по порядку 🙂 .

Upd. 3 — для самых упорных.

Уважаемые читатели, у вас есть 2 варианта: смириться и начать привыкать к новому дизайну (это сложно, но возможно — утверждаю на собственном опыте), или бороться до конца 🙂 . Оставшийся способ борьбы — применение пользовательских стилей . Сейчас их разрабатывается несколько, и все они пока являются весьма сырыми. Но, как говорится, на безрыбье и …

Для энтузиастов, которые не опускают руки и готов «заморочиться», мы подготовили следующие рекомендации:

1. Применение пользовательского скрипта через Tampermonkey;
2. Применение плагина для браузеров Stylish с подгрузкой стиля (наиболее популярный вариант).

Для тех, кто уже научился работать с Tampermonkey (смотрите описание в Upd.2 — выше по тексту), предлагается альтернативный скрипт (правда оочень сырой), возвращающий некое подобие старой версии. Применять его пока, пожалуй, смысла мало, но можно отслеживать вносимые изменения — уверен, что через некоторое время данный пользовательский стиль заработает куда лучше.

https://userstyles.org/styles/userjs/128986/%D0%A1%D1%82%D0%B0%D1%80%D1%8B%D0%B9%20%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%20%D0%92%D0%9A.user.js

Скрипт нужно будет подредактировать. Конкретно интересуют следующие строки (с 7 по 10):

// @include http://new.vk.com/*
// @include https://new.vk.com/*
// @include http://*.new.vk.com/*
// @include https://*.new.vk.com/*

Вам необходимо удалить «new.» в 7 и 8 строке, «.new» в строках 9 и 10.

Должно получиться вот так:

Плагин Stylish — наиболее распиаренный вариант возврата старого дизайна Вконтакте

В принципе, алгоритм работы Stylish аналогичен методу работы Tampermonkey, с тем лишь отличием, что Stylish в отличие от последнего работает со стилями, а не скриптами.

Внимание: Не запускайте Tampermonkey совместно со Stylish! Хотя оба плагина призваны делать, в принципе, одно и то же, не факт, что совместное их использование приведет к вдвое лучшему результату (скорее факт, что не приведет 🙂).

Так что, если Вы уже потестили первый способ и решили перейти ко второму, сначала деактивируйте плагин Tampermonkey.

После установки расширения Вам требуется убедиться, что оно активировано. Для Chrome картина будет следующей: появится пиктограмма с буквой «S» в правом верхнем углу браузера:

Следующим шагом будет загрузка стиля с сайта разработчика: .

На открывшейся странице Вам нужно будет воспользоваться большой зеленой кнопкой — мимо нее трудно промахнуться:

Судя по скорости выпуска релизов, автор очень старается устранить все имеющиеся на данный момент недочеты. Поэтому, рекомендую Вам добавить эту страницу в закладки, чтобы спустя несколько дней (недель) скачать доработанный стиль для Вконтакте, который уже не будет настолько сырым.

А пока пусть у Вас будет всё так же, как у счастливчика, оставившего такой отзыв:

Уважаемые читатели, если у вас есть альтернативные методы решения возврата к старому дизайну Вконтакте — не стесняйтесь оставлять их в комментариях! Также ждем отзывов тех, кому помогли изложенные рекомендации.

Всем хорошего настроения!

Статья Как вернуть старый дизайн Вконтакте — отключаем новую версию была изменена: Май 4th, 2017 автором Netobserver

Сравнение интерфейса Вконтакте и Фейсбука давно стало аналогом холиваров между андроидоманами и «яблокофилами»: с каждой стороны можно набрать целую армию, которая будет яростно отстаивать свою точку зрения. Многим известно, что нынешний образ Вконтакте – это оптимизированный и очищенный от всего лишнего образца эдак 2006 года. И именно это для многих и было решающим фактом в пользу vk.com, по сравнению с вечномутирующим Фейсбуком: стабильность интерфейса и его простота. Поэтому первоапрельская новость стала более чем неожиданной: нас ждет новый интерфейс Вконтакте !

И, судя по , дизайнеры Вконтакте, подождав 10 лет, снова зашли Facebook, огляделись и решили: «Круто, нам надо сделать так же!»… И ведь, правда, сделали…
Анонсируя данную первоапрельскую «нешутку» операционный директор настаивал на том, что новый интерфейс Вконтакте – результат более чем полуторалетних тщательных изучений и проработки каждого элемента сайта, и основная цель всех этих действий – «переход на новый уровень развития» .
Благодаря изменениям интерфейс Вконтакте будет выглядеть практически одинаково на любом устройстве (планшет/ПК/смартфон и т.д.), не нужно будет привыкать к управлению соцсетью на каждом отдельном гаджете.

Также утверждается, что Vk.com теперь будет «проще для восприятия». Зачем упрощать и так простое и понятное, правда, не уточняется. Озвучено, что изменению подверглись шрифты, увеличена ширина экрана, а под «новые полезные функции» определили доп.пространство.

Переработана и колонка основного меню (та, что слева): названия разделов стали короче и сопровождаются теперь пиктограммами-иконками, разделы «Новости» и «Сообщения» вообще перекочевали наверх.

Человек, знакомый с интерфейсом Facebook, может сейчас возмутиться: «Ну ведь ни капли не похоже!».

Ну как сказать, ни капли. Давайте присмотримся к такой картинке:

Огромное спасибо дизайнерам Вконтакте, что не стали заимствовать и левую колонку! Сплагиатить «тонко и со вкусом» ведь тоже уметь надо.

Отдельно анонсировалась . В марте о ней говорили в контексте «вплетения» в старый интерфейс. В первоапрельском обзоре видоизменений соцсети о ней уже сообщается как о неотъемлемой части нового облика vk.com. Итак, что поменялось? Как утверждает А. Рогозов – всё. Каждый элемент блока «Новости» был «отредизайнен». Под «Новости» отвели часть правой колонки, добавили разделение «Новостей» на категории (Фото/Видео, Друзья, …), там же разместились и другие элементы «старых Новостей» (например, «Рекомендации»). Но самое важное, на чем разработчики vk.com акцентировали внимание еще при презентации «Новой ленты» — размещенный обособленно переключатель на «алгоритмический механизм». Не заметить его просто нельзя: вот он, тумблер «Сначала интересные» внизу правой колонки:

По замыслу разработчиков это должно упростить переходы между беседами, сделать более информативными сигналы о новых сообщениях. Индикация следующая: непрочитанные сообщения – точка справа от «беседы» — синяя; если собеседник онлайн, возле мини-аватарки будет зеленый индикатор. Иии… тут возникает очередной, вполне справедливый вопрос: когда заявляют, что «переписывая» раздел «с нуля» всё равно получают сглаженный-прилизанный, но Facebook?

«Вконтактовцы» вообще постарались, чтобы новый интерфейс Вконтакте стал как можно более «очевидным». И для этого в «шапку» вывели еще один индикатор – «Уведомления». Чтобы пользователь не пропустил чего-нибудь важного: дня рождения друга, чьего-нибудь «лайка», запроса в «друзья» и т.д.

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

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

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

Есть одно но: если уважаемый читатель сейчас зашел проверить свою vk-страничку и вернулся сюда с резонным недоумением вроде: «Что за бред они тут несут! Всё ж как было». Объяснением этому служит не горячечный бред у автора, а тот факт, что тестирование нового интерфейса vk.com решили на «ограниченной аудитории». И читатель, к счастью (а может, к сожалению) в эту аудиторию не попал. Однако, для тех, у кого есть непреодолимая тяга к «новизне», и у кого «горит» вопрос, как перейти к новому дизайну Вконтакте у себя, разработчики оставили право добровольно присоединиться к обкатке нового дизайна. Для этого они разместили на странице

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

17 августа 2016 года все пользователи социальной сети ВКонтакте переведены на новый дизайн. По заявлениям представителей соцсети на создание обновленного дизайна ушло более 1.5 лет. С 1 апреля 2016 года пользователи могли по желанию перейти на обновленный дизайн для тестирования. Это позволило понять, что нравится/не нравится пользователям, исправить более 2500 мелких ошибок. Благодаря внедренным обновлением улучшилось взаимодействие с системой и скорость загрузки, появилось больше пространства для нововведений.

Что нового в обновленном ВК?

Скорость и стабильность

Разработчики устранили ошибки, сказывающиеся на стабильности работы платформы. Переписаны и оптимизированы все разделы. Отказ от устаревшей, неподдерживаемой браузерами технологии Flash в пользу HTML5 обеспечивает стабильную работу аудио и видео-проигрывателей на мобильных устройствах.

В обновленном варианте VK улучшена доступность для слабовидящих пользователей.

Новый дизайн VK: пользовательский интерфейс

Рабочая область стала шире, расстояние между блоками и элементами увеличилось, увеличился размер шрифта, тем самым обеспечивается гораздо больше пространства для навигации. Добавлен правый блок для быстрого переключения между подразделами.

Обновленный сервис Сообщения

В обновленной версии ВК доступны два варианта отображения диалогов. В классической версии имена собеседников вынесены в правый блок:

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

Для смены интерфейса диалогов, надо войти в настройки через иконку шестеренки внизу экрана.

Навигация в верхней панели страницы

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

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

Разработчики приводят следующие результаты эффективности нововведений:

Первые отклики пользователей на новый дизайн VK

• невозможность остаться на старой, привычной версии
• трудности в обнаружении привычных опций (так, настройки страницы, которые прежде находились в левой панели, сейчас перенесены в верхнюю панель и открываются по клику на аватар профиля. Выпадающее меню доступно только по клику, а не по наведению мышки).
• сходство с дизайном ФБ
• узкое поле для отображения контента
• сбой в добавлении контента (фото, аудиозаписи)
• пропажу комментариев

Во время перехода пользователи заметили сбои в работе сайта, в частности периодически становились недоступными новости, аудиозаписи, диалоги.

Написать про новый дизайн? Ну наканецта!

!!! Внимание!!! В общем, сразу предупреждаю, что я оцениваю дизайн не только как пользователь, но и как дизайнер (в том числе имеющий отношение к вебу) и напишу много не только про сам дизайн, но и про то, почему так много недовольных. И будет многа букав!

Насчет того, почему все так непривычно:

Как только первого апреля (из-за чего все очень сомневались в серьезности обновления) стал доступен новый дизайн с ограниченным бета-тестированием, я сразу зашел в блог Вк и подключился. После этого принялся скакать по всем разделам и смотреть что да как там. В первый же день нашел около пяти багов, которые сразу отправил администрации для исправления. Не исправили только один, который считают логическим (то, что нельзя переслать изображение другу например из сообщества или ленты и после этого сохранить его в альбом. логика в том, что мол сам отправил - значит зачем сохранять), но эта штука была и в прошлом дизайне.

После этого я опубликовал в своем сообществе с краткой информацией о редизайне и голосованием. Стало интересно, как первые пользователи отреагируют. Большинство жаловались на то, что не могут найти какой-то функционал, например тумблер в сообщениях (который легко находится если навести мышку на край диалогового окна). Да, такие элементы интерфейса очень непривычные на фоне всего того, что было в рунете в последнее время. Но это не проблема нового дизайна. Это проблема того дизайн-мышления, которое сформировалось в рунете за последние годы. У нас очень редко делают прогрессивный и хороший (!) дизайн, который становится удобнее и эволюционирует плавно и равномерно, позволяя пользователю привыкать к новым элементам, более интуитивным и правильным с точки зрения UX (user experience - та часть дизайна интерфейсов, которая отвечает за доступность пользователю и удобство). Вместо этого мы имеем резкие скачки у самых прогрессивных разработчиков, которые вызывают волну недопонимания со стороны пользователей. И все это на фоне огромного количества сайтов с ужасным дизайном, который неудобен но просто напросто привычен. А все потому, что делают сайты обычно либо дешево, либо по принципу "вот как у них надо". Те, кто имеют потенциал и могут творить прогресс, просто напросто не работают за те деньги, которые предлагают в рунете, и уходят делать хорошо и дорого к зарубежным ребятам. Вот это все очень печально и вот почему введение нового дизайна Вк напоминает крещение Руси. Но через некоторое время пользователи привыкнут, запомнят где что изменилось и поймут, что все не так плохо.

Насчет того, что "косите под фейсбук, ну хоть лента без чужих лайков!".

Дело в том, что дизайн эволюционирует и пока что оптимальным считается , который называют так же дизайном форм и содержания. Его разработал не так давно Google и многие его подхватили.

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

Давайте вспомним как те же телефоны выглядели лет 10-15 назад. Каждая модель Nokia была чем-то совершенно новым: все эти выдвижные панели, раскладные во все стороны экраны, безумнейшие расположения клавиатур - это все было очень круто. При этом не помню жалоб на непонимание новинок, все ведь было такое новое, интересное и крутое!

Но с прогрессом все свелось к простой пластинке с кнопкой сверху и двумя сбоку (или тремя сзади как у LGE). Теперь продукт либо как у кого-то, либо новый и не понятный. Сейчас нет смысла изобретать велосипед, тем более если он будет менее удобен, чем тот, который уже есть. Просто напросто теперь дизайн устройств и интерфейсов, веб-дизайн пришли к оптимуму и лучше сделать становится все труднее. Крупные производители не на столько глупые, что копируют друг у друга, они на столько грамотные, что принимают те правила, которые определяют удобство, и они наконец пришли к общей концепции.

То же касается и дизайна в социальных сетях. Разработчики в последнюю очередь хотят чтобы им сказали, что они украли дизайн. Нет. Никто не осудит вас, если вы сделаешь стул похожий на тысячи других стульев. Икеа так и делает: они делают до боли банальные, но простые и хорошие вещи. Тогда в чем же проблема с веб-дизайном?

Теперь вот мое субъективное "думаю" насчет уже самого нового Вк:

Стало лучше. Вот правда. Старая версия менялась на столько мало, что она уже скорее похожа на старые тематические форумы из двухтысячных, чем на современную социальную сеть. Теперь мобильная версия и приложения стали иметь много общего с сайтом. Это ведь замечательно. Появилась логичная связь между ними. В сообществах исчезли эти уродские многоэтажные аватары на пол страницы с "Подпишись" и так далее. Теперь оповещения можно проверить кликом не уходя со страницы, это ведь просто лайки и ответы, а не графа для отдельного созерцания. Фотографии с ответами теперь дополняют друг друга при открытии, а не уходят в бесконечность вниз.

Насчет сообщений: Я общаюсь в Вк много (5-20 диалогов в день) и вот этот новый формат меня очень радует. Те же, кто не доволен, спокойно могут перейти на старый формат нажав на шестеренку внизу экрана и изменив настройки. Все должны быть довольны, разве нет?

В то же время я согласен