Популярная социальная сеть «ВКонтакте » изменила дизайн. Как сообщает операционный директор компании Андрей Рогозов, новый внешний вид соцсети является результатом плодотворной работы специалистов, которая велась последние полтора года.
Вконтакте
Команда дизайнеров преследовала главную цель – сделать так, чтобы сайт на всех устройствах выглядел узнаваемо. Похоже, им удалось этого достичь, и теперь пользователи веб-версии без труда могут найти нужный раздел в мобильном приложении, и наоборот.
Исчезли лишние элементы, появилось дополнительное пространство для новых функций и увеличилась ширина экрана и шрифты, благодаря чему интерфейс стал удобнее для восприятия. Меню слева претерпело существенные изменения – сокращены названия пунктов и добавлены иконки, а наиболее популярные разделы «Новости » и «Сообщения » теперь находятся вверху.
В «Новостях » каждый элемент отображается по-новому. Списки новостей, поиск и комментарии расположились в отдельном блоке справа. Если вы не хотите просматривать все новости, нажиме на раздел «Сначала интересные », находящийся непосредственно под этим блоком.
Что касается «Сообщений », то его дизайнеры создали полностью с нуля. Теперь диалоги и текущий чат находятся на одном экране, что намного упростило процесс переключения между беседами. Синей точкой помечаются непрочитанные сообщения, а зеленая сигнализирует о том, что в данный момент пользователь находится в сети.
Раздел «Ответы » исчез совсем, а узнать, кто поставил отметку «Мне нравится » вашей фотографии, видео или другой публикации, можно в «Уведомлениях ». Здесь же отображаются все заявки на добавление в друзья, упоминания и именники. Если вы боитесь пропустить новенькое на странице интересующего вас человека или в сообществе, вы можете подписаться на уведомления. Как только будет сделана новая публикация, у значка в виде колокольчика в верхней части экрана появится соответствующий индикатор.
Хорошие новости для любителей публиковать и смотреть фотографии – теперь снимки отображаются в более крупном формате и в журнальной верстке (т.е. без пробелов между ними). 
Тема этой статьи — новый дизайн ВКонтакте. Снова поменялось , теперь можно установить горизонтальную обложку в группе. Оформление вашего сообщества ВК с такой шапкой намного интереснее. Откровенно говоря, здесь не требуются знания Photoshop. А можно без особых навыков сделать красивую картинку даже в PowerPoint, Fotor, Canva, Pixlr Editor.
Перейдя в группу можно заметить, что в тех группах стали видны кнопки «Закрепленная запись», «Информация» и «Жмите меню». А раньше они были скрыты. Естественно, всё оформление групп сразу поехало.
А теперь давайте разберемся, как же включить возможность установки горизонтального шапки. Давайте мы кликнем на кнопку«Управление».
Затем кликаем на последнюю, и загружаем новую обложку группы ВКонтакте. Вот тут и можно понять, что файл загрузки может быть любой величины! Но не меньше, чем размер 1590×400 px. Создаем прототип обложки в любом редакторе. Далее мы можем выделить и сохранить ту область, которая соответствует требованиям ВК. Вот подсказка, где найти изображение для обложки, каким редактором воспользоваться, чтобы
Главное: появилось больше места для информации. Теперь здесь можно написать название группы, цель ее создания, призыв к действию и так далее. Такое оформление будет логически завершенным и более функциональным. Но можно оставить и старый дизайн, это дело вкуса каждого.
Когда вы будете оформлять горизонтальную обложку то заметите, что внутреннее меню теперь как-то выпадает из общего контекста. Думаю, лучше будет закрепить картинку для перехода в меню. И использовать его для размещения wiki-страниц в группе.
В тоже время, мне бы хотелось, чтобы разработчики добавили еще какую-то возможность для установки именно красивого перехода на Вики страницы.
Хочется отметить, что с 2016 года разработчики социальной сети Вконтакте активно стараются настроить эту сеть для продвижения бизнеса. Сделать ее более удобной для бизнеса что ли. С моей точки зрения это очень хорошо и очень востребовано у многих интернет предпринимателей.
Но самое важное, по моему мнению, им нужно тщательно продумать систему «Банов», чтобы предприниматели могли спокойно работать, не мешая тем пользователям, которые пришли развлекаться в соцсеть.
Включайте свою креативность и выбирайте, что вам больше нравится горизонтальная обложка или уже привычный дизайн Вконтакте. Создание онлайн и установка новой обложки наглядно, по шагам, представлена в видео под статьей.
P.S. Надеюсь эта информация Вам пригодится.
P.S.S. Включайте свою креативность и удачи Вам во всех начинаниях!
«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Социальная сеть ВКонтакте обновила пользовательский интерфейс. Теперь быстрее, проще, легче. Но это только по словам разработчиков. Пользователи жалуются на сложности нахождения привычных опций. Это четко доказывает, что привычки сильны, и кардинальная смена интерфейса - не всегда хорошо.»
17 августа 2016 года все пользователи социальной сети ВКонтакте переведены на новый дизайн. По заявлениям представителей соцсети на создание обновленного дизайна ушло более 1.5 лет. С 1 апреля 2016 года пользователи могли по желанию перейти на обновленный дизайн для тестирования. Это позволило понять, что нравится/не нравится пользователям, исправить более 2500 мелких ошибок. Благодаря внедренным обновлением улучшилось взаимодействие с системой и скорость загрузки, появилось больше пространства для нововведений.
Разработчики устранили ошибки, сказывающиеся на стабильности работы платформы. Переписаны и оптимизированы все разделы. Отказ от устаревшей, неподдерживаемой браузерами технологии Flash в пользу HTML5 обеспечивает стабильную работу аудио и видео-проигрывателей на мобильных устройствах.
В обновленном варианте VK улучшена доступность для слабовидящих пользователей.
Рабочая область стала шире, расстояние между блоками и элементами увеличилось, увеличился размер шрифта, тем самым обеспечивается гораздо больше пространства для навигации. Добавлен правый блок для быстрого переключения между подразделами.
В обновленной версии ВК доступны два варианта отображения диалогов. В классической версии имена собеседников вынесены в правый блок:
Новый интерфейс предлагает пользователю список последних диалогов и окно активного чата. По мнению разработчиков, в таком режиме проще переключаться между диалогами и сообщениями.
Для смены интерфейса диалогов, надо войти в настройки через иконку шестеренки внизу экрана.
Все уведомления теперь отражаются в верхней панели страницы, а не привычно возле каждого из пунктов меню. Здесь теперь отразятся уведомления о новых сообщениях, лайках, комментариях, а также управление аудиозаписями. После запуска музыкальной композиции, иконка ноты сменяется кнопками управления аудиозаписями.
По заявлениям разработчика в обновленной версии переписан каждый элемент для ускорения загрузки и ответа системы на действия пользователей. Навигация стала проще, функции доступнее, внедрять новые функции легче. Так, пользователям уже доступны подсказки для стикеров, изображения-граффити в диалогах, дополненный фоторедактор.
Разработчики приводят следующие результаты эффективности нововведений:
Во время перехода пользователи заметили сбои в работе сайта, в частности периодически становились недоступными новости, аудиозаписи, диалоги.
Социальная сеть «ВКонтакте» объявила о выпуске полностью обновленных мобильных и iOS. В них изменилось буквально все - появились как новые функции для пользователей, так и переработанный пользовательский интерфейс. Обновление ранее в этом месяце.
Новые для ведущих мобильных платформ лишились бокового навигационного меню, открывающегося по нажатию на меню-гамбургер. Отныне используется так называемый таббар - единая панель в нижней части экрана, которая объединяет ключевой функционал социальной сети. Таким образом, теперь переключаться между новостями, сообщениями, уведомлениями и поиском пользователи могут буквально в одно касание.
Кроме того, крупнейшее обновление «ВКонтакте» для Android и iOS также представляет совершенно новые разделы рекомендаций и поиска. В них попадают записи, видео, прямые трансляции, истории, сообщества и личные страницы, которые могут быть интересны пользователю. В основном это будут начинающие музыканты, фотографы и писатели. В основе работы рекомендаций лежит новый алгоритм «Прометей» - с помощью него социальная сеть планирует продвигать качественный контент.
Раздел уведомлений с новым дизайном теперь включает все оповещения и заявки в друзья - как в веб-версии «ВКонтакте». Также лайки стали красного цвета, а счетчик просмотров показывается на каждой записи без необходимости открытия отдельного поста.
Обновление станет доступно для установки в Google Play и App Store в течение ближайших суток. Или вы можете скачать его на Трешбоксе.
Сравнение интерфейса Вконтакте и Фейсбука давно стало аналогом холиваров между андроидоманами и «яблокофилами»: с каждой стороны можно набрать целую армию, которая будет яростно отстаивать свою точку зрения. Многим известно, что нынешний образ Вконтакте – это оптимизированный и очищенный от всего лишнего образца эдак 2006 года. И именно это для многих и было решающим фактом в пользу vk.com, по сравнению с вечномутирующим Фейсбуком: стабильность интерфейса и его простота. Поэтому первоапрельская новость стала более чем неожиданной: нас ждет новый интерфейс Вконтакте !
И, судя по , дизайнеры Вконтакте, подождав 10 лет, снова зашли Facebook, огляделись и решили: «Круто, нам надо сделать так же!»… И ведь, правда, сделали…
Анонсируя данную первоапрельскую «нешутку» операционный директор настаивал на том, что новый интерфейс Вконтакте
– результат более чем полуторалетних тщательных изучений и проработки каждого элемента сайта, и основная цель всех этих действий – «переход на новый уровень развития» .
Благодаря изменениям интерфейс Вконтакте будет выглядеть практически одинаково на любом устройстве (планшет/ПК/смартфон и т.д.), не нужно будет привыкать к управлению соцсетью на каждом отдельном гаджете.
Также утверждается, что Vk.com теперь будет «проще для восприятия». Зачем упрощать и так простое и понятное, правда, не уточняется. Озвучено, что изменению подверглись шрифты, увеличена ширина экрана, а под «новые полезные функции» определили доп.пространство.
Переработана и колонка основного меню (та, что слева): названия разделов стали короче и сопровождаются теперь пиктограммами-иконками, разделы «Новости» и «Сообщения» вообще перекочевали наверх.
Человек, знакомый с интерфейсом Facebook, может сейчас возмутиться: «Ну ведь ни капли не похоже!».
Ну как сказать, ни капли. Давайте присмотримся к такой картинке:
Дублировать наиболее востребованные разделы в шапке? Да нее, «Вконтакте» такое сами придумали. Огромное спасибо дизайнерам Вконтакте, что не стали заимствовать и левую колонку! Сплагиатить «тонко и со вкусом» ведь тоже уметь надо.
Отдельно анонсировалась . В марте о ней говорили в контексте «вплетения» в старый интерфейс. В первоапрельском обзоре видоизменений соцсети о ней уже сообщается как о неотъемлемой части нового облика vk.com. Итак, что поменялось? Как утверждает А. Рогозов – всё. Каждый элемент блока «Новости» был «отредизайнен». Под «Новости» отвели часть правой колонки, добавили разделение «Новостей» на категории (Фото/Видео, Друзья, …), там же разместились и другие элементы «старых Новостей» (например, «Рекомендации»). Но самое важное, на чем разработчики vk.com акцентировали внимание еще при презентации «Новой ленты» — размещенный обособленно переключатель на «алгоритмический механизм». Не заметить его просто нельзя: вот он, тумблер «Сначала интересные» внизу правой колонки:
По замыслу разработчиков это должно упростить переходы между беседами, сделать более информативными сигналы о новых сообщениях. Индикация следующая: непрочитанные сообщения – точка справа от «беседы» — синяя; если собеседник онлайн, возле мини-аватарки будет зеленый индикатор. Иии… тут возникает очередной, вполне справедливый вопрос: когда заявляют, что «переписывая» раздел «с нуля» всё равно получают сглаженный-прилизанный, но Facebook?
Учиться у более опытных и успешных конечно нужно. Но кто говорил, что нужно и во всём подражать? «Вконтактовцы» вообще постарались, чтобы новый интерфейс Вконтакте стал как можно более «очевидным». И для этого в «шапку» вывели еще один индикатор – «Уведомления». Чтобы пользователь не пропустил чего-нибудь важного: дня рождения друга, чьего-нибудь «лайка», запроса в «друзья» и т.д.
Если на сайте происходит какая-либо активность, затрагивающая пользователя, «колокольчик» сразу обзаведется красной меткой.
Раздел «Фотографий», также очень востребованный раздел соцсети Вконтакте, откровенно говоря, был не таким уж и удобным. И его «офейсбучивание» — практически под копирку – отличный пример того, что хорошее подражание может идти на пользу:
Вот такой теперь к «Вконтактика» интерфейс фотопросмотра: фотки крупнее, горизонтальная ориентация «viewer-а», комментарии не где-то шлейфом внизу страницы, а на удобном месте – справа от «объекта комментирования». 
А вот вам Facebook. Как для чего? Для того чтобы сыграть в «Найди 5 отличий»! Анализировать все-все изменения, которые вскоре «свалятся на голову» всем пользователям Вконтакте было бы весьма утомительно – ведь операционный директор соцсети заверил, что был затронут «каждый интерфейс сайта». Для того, чтобы, «проникнуться» новым интерфейсом, в который нарядят Вконтакте, достаточно и рассмотренных разделов.
Есть одно но: если уважаемый читатель сейчас зашел проверить свою vk-страничку и вернулся сюда с резонным недоумением вроде: «Что за бред они тут несут! Всё ж как было». Объяснением этому служит не горячечный бред у автора, а тот факт, что тестирование нового интерфейса vk.com решили на «ограниченной аудитории». И читатель, к счастью (а может, к сожалению) в эту аудиторию не попал. Однако, для тех, у кого есть непреодолимая тяга к «новизне», и у кого «горит» вопрос, как перейти к новому дизайну Вконтакте у себя, разработчики оставили право добровольно присоединиться к обкатке нового дизайна. Для этого они разместили на странице
