Редизайн Вконтакте: подробно и обо всем!

Как сделать обновление Вконтакте?

В чем существенная разница?

Главная достопримечательность нового дизайна – сам сайт стал шире (вместо 765 пикселей теперь 975). Вы обращали внимание на зияющие белые пустоты по бокам своей странички Вк? Теперь такая раздражающая нерациональность резать глаз больше не будет. Новая бета-версия предусматривает заполнение имеющегося пространства за счет блока полезных функций.

Раздел «Сообщения» стал практически неузнаваем, ведь он был переписан кардинально. Теперь вы будет видеть активный чат и список своих бесед. Для того чтобы все это было максимально читаемо, ширина отдела доведена до 1090 пикселей (вместе с боковым меню). Довольно-таки удобно, ведь теперь не надо каждый раз возвращаться назад для подключения дополнительной беседы.

Как это выглядит?

Сообщения

Просмотр фотографий

Видеозаписи

Аудиозаписи

Альбомы

Страница

Новости

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Страница в социальной сети ‒ это уже давно не просто формальная анкета. Это полноценный отпечаток личности, призванный передать индивидуальность современного человека. Но как можно остаться уникальным и не потеряться на миллионах однотипных страниц? Индивидуальный дизайн страницы вконтакте может решить эту проблему. Есть множество способов это сделать, мы остановимся только на простых в реализации и не требующих никакой оплаты.

Меняем тему вконтакте. Get Styles

Первый способ, который мы рассмотрим, предполагает установку специального плагина «GetStyles: Темы для контакта». Установить этот плагин можно на все популярные браузеры: FireFox, Opera, Yandex и конечно Google Chrome. Способы установки на все обозреватели, в принципе, сводятся к одной последовательности действий.

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

Такие несложные действия помогут изменить дизайн вконтакте на свой вкус.

Меняем тему вконтакте. Vktema.com

Еще одни плагин, на этот раз от vktema.com. Скачав этот плагин и попробовав его установить, вы получите предложение интегрировать дополнительный тулбар для своего web-обозревателя и разрешить авторазгрузку. Немного подозрительно, при этом если вы пойдете дальше, то после перезапуска браузера меню вашей страницы несколько изменится. В новой разделе «Менеджер тем» можно найти список тем для установки, который, конечно, очень отличается от представленного на сайте, но и в нем можно найти интересные темы, чтобы изменить дизайн страницы вконтакте под свое настроение.

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

Меняем тему вконтакте. Vkmod.net

Еще один способ, как изменить дизайн вконтакте предлагает проект Vkmod.net. Это расширение несколько проще и лучше предыдущего варианта. После установки предложенного файла и перезагрузки браузера на своей странице в «Настройках» можно обнаружить новую категорию «Мои темы». Тем здесь не в пример больше, можно подобрать дизайн в вконтакте практически на любой вкус. Добавлена возможность изменять цвет фона и даже цвет шрифта. Такая более тонкая настройка очень удобна и приятна для пользователя.

Меняем тему вконтакте. Orbitum

Orbitum ‒ браузер с полной интегрированной поддержкой всевозможных соцсетей. Состоит он из двух частей: левая служит для привязки аккаунта и общения, а правая ‒ для собственно серфинга и прочих задач стандартного браузера. Пользователи Orbitum также могут очень просто и удобно изменить дизайн вконтакте. Разработчики браузера предоставили встроенную возможность изменить тему своей страницы. Каталог предложенных тем насчитывает несколько тысяч вариантов, которые нужно только активировать.

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

Сегодня 27.09.2017 я с удивлением обнаружил, что в моём Айфоне, да и на других телефонах с ОС Андроид, появилась возможность обновить . Обновление Мобильного ВК приходиться принимать как данность, резкий переход к новому виду.

Быстрая навигация:

Новый вид мобильного приложения VK.

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

Что нового и хорошего?

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

Новое меню (Удобнее с большим экраном)

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

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

Теперь это самое меню находится внизу и его легко можно кликнуть большим пальцем.

Ответы «Колокольчик»

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

Улучшенный поиск

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

Для отключения безопасного поиска, по прежнему нужно переключаться в браузере (См. ).

Менее значимые изменения нового ВК.

Как только я поставил первый , как заметил что он стал красным, сразу же напомнило Инстаграм. Ранее при нажатии, он приобретал более тёмный, голубой цвет. Что сразу понравилось, так это очень акуратно выполнные элементы под новостями, лайки, сообщения, и просмотры. Теперь смотрятся более гармонично и стильно.

Кстати музыка Вконтакте теперь имеет лимит на прослушивание, как обойти такое нововведение (См. ).

Как вам новшества?

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

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

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