Новый дизайн вконтакте. Новый интерфейс веб-версии вконтакте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы сменить тему вы можете на выбор использовать:

• специальный браузер;
• расширения для браузеров.

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

• безопасность данных;
• быстродействие при работе с оформленной страницей;
• возможность выбора оформления из огромного каталога или самостоятельное создание темы;
• бесплатное использование.

В некоторых случаях существует система VIP. При таком раскладе, установка определенных тем потребует от вас финансовых затрат.

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

Способ 1: использование браузера Orbitum

Этот способ установки тем для ВКонтакте сейчас имеет минимальный спрос среди пользователей, так как требует установки целого браузера Orbitum , который, к тому же, нужно скачать. При этом, положительным фактором для любителей Хрома , Яндекса или Оперы , является то, что создан он на базе Chromium .

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

Чтобы поставить тему на VK таким образом, необходимо следовать простенькой инструкции.

Вы также можете самостоятельно создать тему оформления полностью бесплатно.

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

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

Способ 2: конструктор тем для ВКонтакте VKMOD

Данный способ изменения дизайна ВКонтакте уже не требует скачивания отдельного браузера, так как VKMOD – это расширение. Устанавливается данное дополнение исключительно в интернет-обозреватель Google Chrome.

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

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

В будущем данное расширение наверняка будет стабилизировано и адаптировано под новый дизайн.

Способ 3: Get-Style

Расширение Get-Style относится к такому числу дополнений, которые всегда идут в ногу со временем. Связано это с тем, что в настоящее время дизайн ВКонтакте динамично меняется – появляются различные новые элементы или перемещаются в другое место уже существующие, но на Гет-Стайл по прежнему публикуются качественные стили.

Что же касается данного расширения – оно поддерживает как старый дизайн VK, так и абсолютно новый. При этом, существенных багов при использовании дополнения Get-Style не наблюдается.

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

Данное расширение является лучшим во всем интернете, так как предоставляет пользователям:

• интеграцию расширения в Хром, Оперу, Яндекс и Фаерфокс ;
• большой каталог тем;
• собственный конструктор;
• бесплатную установку тем.

Установить и использовать данное дополнение возможно, придерживаясь подробной инструкции.

После всех проделанных действий можно приступать к установке расширения.

Обязательно обновите страницу прежде, чем устанавливать тему.

Последнее, что осталось сделать – это изменить стандартную тему ВКонтакте. Делается это крайне просто.

В большинстве случаев обновление происходит автоматически.

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

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

При выборе способа изменения оформления ВКонтакте рекомендуется учитывать все за и против. То есть, в некоторых случаях, например, если вы используете систему только для посещения нескольких социальных сетей, лучше всего выбрать Orbitum. Но при условии использования Яндекса, Оперы, Фаерфокса или Хрома не только для соцсетей – лучше всего установить максимально стабильное расширение.

Что в итоге выбрать – решаете только вы. Желаем вам удачи при выборе темы для ВК.

Тема этой статьи — новый дизайн ВКонтакте. Снова поменялось , теперь можно установить горизонтальную обложку в группе. Оформление вашего сообщества ВК с такой шапкой намного интереснее. Откровенно говоря, здесь не требуются знания Photoshop. А можно без особых навыков сделать красивую картинку даже в PowerPoint, Fotor, Canva, Pixlr Editor.

Перейдя в группу можно заметить, что в тех группах стали видны кнопки «Закрепленная запись», «Информация» и «Жмите меню». А раньше они были скрыты. Естественно, всё оформление групп сразу поехало.

Загрузка новой обложки

А теперь давайте разберемся, как же включить возможность установки горизонтального шапки. Давайте мы кликнем на кнопку«Управление».

Затем кликаем на последнюю, и загружаем новую обложку группы ВКонтакте. Вот тут и можно понять, что файл загрузки может быть любой величины! Но не меньше, чем размер 1590×400 px. Создаем прототип обложки в любом редакторе. Далее мы можем выделить и сохранить ту область, которая соответствует требованиям ВК. Вот подсказка, где найти изображение для обложки, каким редактором воспользоваться, чтобы

Чем интересен новый дизайн ВКонтакте?

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

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

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

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

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

Как сделать обложку группы Вконтакте онлайн

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

P.S. Надеюсь эта информация Вам пригодится.

P.S.S. Включайте свою креативность и удачи Вам во всех начинаниях!