! Новый интерфейс Вконтакте: это точно не Facebook

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


Согласно данным Alexa Internet (ресурса, на котором собрана статистика посещаемости разных сайтов), третьим по популярности сайтом в России и в Украине является ВКонтакте. Более того, SimilarWeb (компания, обрабатывающая данные об интернет-сайтах) называет ВК самым популярным сайтом России и Украины и вообще четвертым по популярности сайтом в мире. На его страницах находятся несколько десятков миллионов пользователей в день.

А в последнее время, помимо того, что пользователи просто интересуются самой сетью ВК, появились еще и запросы такого плана: . Что же это означает?

Немного истории и современности

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

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

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

Что же на самом деле изменилось?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Новости

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

Сообщения

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

Уведомления

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

Фотографии

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

Прочее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если старый интерфейс ВК совсем перестал вас радовать, то вы можете запросто установить новый дизайн в ВК, который был создан в 2016 году. Чтобы переключится на новый интерфейс и увидеть свою страничку в необычном ракурсе, нужно перейти на специальный блог- ресурс https://new.vk.com/blog Под описанием того, как создавалось обновление, вы увидите кнопку, которая позволяет в 2 клика усовершенствовать свой профиль.

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

В отличие от Инста, который всего лишь поменял логотип, перемены дизайна ВК стали намного глобальнее – изменились практически все странички, начиная от сообщений, которые вместо показа друг за другом раскрываются перед пользователем в большом разделенном надвое окне, и заканчивая аудио. Теперь при нажатии кнопки F5 при открытой музыке, трек, который вы слушали, автоматически будет поставлен на паузу.

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

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

Как сделать новый дизайн вконтакте 2016

Если вы отправили заявку на новое оформление своей странички, но уже в течении 2-3 дней ничего не произошло, можно или сделать новый дизайн ВК, с помощью оригинального расширения STYLISH.

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

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

Новый дизайн вконтакте 2016

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

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