Новый интерфейс вконтакте как сделать. Новый дизайн «ВКонтакте» возмутил пользователей

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

Положительные изменения в новом дизайне ВК

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

  • Появилась регулировка размера шрифтов и ширины страниц.
  • Изменился оттенок заднего фона.
  • Верхняя полоса «потеряла» большинство вкладок, остался только логотип, значок «музыка» и «уведомления», поисковик и значок владельца аккаунта.
  • Значительно увеличились рабочие окна. Картинки и фото теперь отображаются в удобном формате большего размера.
  • Диалоговое окно разделилось на два сегмента: слева расположен чат с перепиской, справа ― избранные категории. Синяя точка извещает о том, что сообщение не прочитано.
  • На аватарке вместо слова online, светиться зеленая точка.
  • Улучшилось управление видеозаписями. Корректировать плей-лист можно непосредственно при прослушивании медиа-файлов. Также была добавлена дополнительная функция «Воспроизвести следующий».
  • Просматривая ленту новостей, можно выбирать только интересующую вас информацию. Справа есть блок с предложенными категориями для просмотра.
  • При просмотре фото, можно добавлять комментарии в блоке справа, что удалило потребность постоянного перелистывания страницы вниз.
  • Меню с настойками профиля переехало на шапку главной страницы.

Как установить новый дизайн Вконтакте

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

Теперь этот способ недоступен, поэтому обновить внешний вид страницы можно такими методами:

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


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


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

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

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

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

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

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

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

Хорошие новости для любителей публиковать и смотреть фотографии – теперь снимки отображаются в более крупном формате и в журнальной верстке (т.е. без пробелов между ними).

Дорогие друзья, давайте проведем полный обзор нового дизайна социальной сети Вконтакте 2016. Итак, здесь мы с вами разберем все особенности. А также постараемся ответить на популярные вопросы. Известно, что работа над новым дизайном ВКонтакте велась более полутора лет и была нам представлена 1 апреля 2016 года.

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

Что же конкретно поменялось?

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

Наконец-то увеличились шрифты

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

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

Значительно улучшились уведомления

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

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

Прошли улучшения и в разделе «Аудиозаписи»

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

Глобально изменилась лента новостей

В итоге, картинки стали крупнее по размеру и более заметны. Кроме этого, появилась правая колонка, в которой вы можете выбрать то, что на данный момент вас интересует (фотографии, видеозаписи, сообщества…)

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

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

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

P.S. Полагаю эта информация вам пригодится!

P.S.S. Более наглядно обновления Вконтакте 2016 можно увидеть в этом видео! Надеюсь на ваши отзывы!

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

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

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

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

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

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


Дублировать наиболее востребованные разделы в шапке? Да нее, «Вконтакте» такое сами придумали.

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

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

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


Учиться у более опытных и успешных конечно нужно. Но кто говорил, что нужно и во всём подражать?

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

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

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


Вот такой теперь к «Вконтактика» интерфейс фотопросмотра: фотки крупнее, горизонтальная ориентация «viewer-а», комментарии не где-то шлейфом внизу страницы, а на удобном месте – справа от «объекта комментирования».
А вот вам Facebook. Как для чего? Для того чтобы сыграть в «Найди 5 отличий»!

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

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

Крупнейшая российская соцсеть «ВКонтакте» впервые за 10 лет начала масштабное обновление дизайна, но изменения понравились не всем пользователям; они отмечают, что новый интерфейс стал слишком похож на дизайн Facebook, «Одноклассников», Twitter и Telegram.

«Новый интерфейс ВК делает меня страдать», – пишет @WowSuchRish .

«ВК обновил для меня интерфейс. Теперь не пойму, для чего мне второй ФБ», – пишет @Goudron .

«Новый дизайн ВК вообще не оч», – пишет @pashayancen .

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

«Новый дизайн ВК впечатляет», – пишет @artpruss .

«Захожу на рабочий аккаунт в ВК, а там новый интерфейс, сижу, как ребенок, нажимаю на кнопочки и всему-всему удивляюсь», – пишет @ciervoescolta .

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

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

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

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

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

Также в новых версиях приложений VK для iOS и Android появилась возможность включить «умную» ленту новостей. Новый алгоритм меняет порядок новостей, отображая интересные записи выше остальных, чтобы пользователь не упустил важные для себя сообщения. Также запущена новая функция – подсказки стикеров: при вводе ряда слов, фраз или emoji пользователю будут предложены подходящие по смыслу стикеры для отправки. Кроме того, появился автозапуск GIF-анимаций.