Новый дизайн вк блог. Новый дизайн Вконтакте — горизонтальная обложка группы

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

Внешний вид

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

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

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

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

Сообщения

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

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

Музыка

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

Иконки аудиозаписей также стали круглыми.

Уведомления

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

Новости

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

Оптимизация

Разработчики отметили, что полностью отказались от Flash и перешли на HTML5 для аудио и видеоконтента. Решение здравое, и как пользователь Safari я его полностью поддерживаю.

Критика от Павла Дурова

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

Ниже цитата оригинального поста Павла:

Инфографика

Ниже - немного инфографики из официального блога ВКонтакте:

Заключение

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

На мой взгляд, внешний вид сайта стал приятнее и современнее. Некоторые вещи сделали удобнее, некоторые красивее. Однако критика Павла Дурова также справедлива, прежде всего для ширины новостной ленты. Что мешало сделать её еще шире, учитывая, что места достаточно?

А что скажете вы, уважаемые читатели? Нравится ли вам новый дизайн ВКонтакте? Если нет, то почему?

P.S. Пользуясь случаем, приглашаю подписаться на

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сообщения

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

Видеозаписи

Аудиозаписи

Альбомы

Страница

Новости

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

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

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

Новости

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

Сообщения

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

Уведомления

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

Фотографии

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

Прочее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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