При проектировании нового интерфейса разработчики постарались сделать так, чтобы на всех устройствах он выглядел похоже и узнаваемо. Пользователю веб-сайта легко найти нужный раздел в мобильном приложении, и наоборот. «Мы тщательно изучали, продумывали и создавали заново каждый элемент. Сегодня мы делаем следующий шаг и переходим на новый уровень развития сайта, чтобы сделать его более современным », — заявляет соцсеть.
Среди основных изменений выделяются увеличенные ширина экрана и шрифты, а также отказ от лишних деталей с целью улучшения восприятия. Появилось дополнительное пространство для новых полезных функций. Кроме того, обновлено левое меню: сокращены названия пунктов и добавлены иконки, а наиболее востребованные разделы (новости и сообщения) перенесены наверх.
Новости
Переработано отображение каждого элемента, а записи в ленте стали заметнее. Списки новостей собраны в отдельном блоке справа вместе с поиском и комментариями. Включить «умную» ленту новостей стало проще — опция «Сначала интересные» находится в правой части.
Сообщения
Данный раздел, по сути, создан с чистого листа. В обновлённом интерфейсе на одном экране располагаются список последних бесед и текущий открытый чат. Переключаться между беседами и реагировать на новые сообщения стало проще. Непрочитанные сообщения помечаются синей точкой, которая исчезает после прочтения, а статус онлайн — зелёной точкой.
Уведомления
Отметки «Мне нравится», заявки на добавление в друзья, упоминания, дни рождения друзей и другие события собираются в новом разделе уведомлений. На страницах людей и сообществ теперь можно подписаться на уведомления о новых записях, чтобы не пропускать важные новости. При появлении нового события у иконки «колокольчика» в шапке сайта появится красный индикатор.
Фотографии
Снимки в альбомах и при обзоре всех изображений стали крупнее и отображаются в специальной журнальной вёрстке. Фотопросмотрщик располагается горизонтально, чтобы лучше задействовать пространство широкоформатных экранов. Комментарии выводятся справа от фотографии: больше не нужно прокручивать экран вниз, чтобы просматривать фотографии и одновременно видеть комментарии к ним.
Прочее
Кроме того, обновлены разделы «О компании», «Продукты» и «Работа ВКонтакте». Поначалу улучшенный дизайн будет доступен в рамках тестирования ограниченной аудитории. Постепенно он станет доступен для всех.
1 апреля 2016 года социальная сеть ВКонтакте официально представила новый интерфейс, работа над которым велась в течение около полутора лет. Новый интерфейс приобрел свежий и современный вид, хотя и сохранил основные элементы и цветовое оформление старого.
Основная идея заключается в том, чтобы сделать один общий интерфейс на всех платформах, будь то компьютер или смартфон.
Для того чтобы подключиться к новому дизайну ВКонтакте, нужно выполнить следующие несложные действия:
- Написать в тех. поддержку просьбу о подключении к новому дизайну. В качестве темы сообщения следует указать: доступ в редизайн.
- Дождаться ответа, после которого вам откроется возможность пользоваться новым интерфейсом.
Первое, что бросается в новом интерфейсе, «стена» профилей и групп теперь всегда остается широкой. В старом дизайне, например, лента наверху оставалась узкой, а вот при прокрутке вниз расширялась, причем это расширение происходило резко. При публикации длинных постов это иногда вызывало неудобства.
Уведомления теперь можно просматривать щелкнув на колокольчик на верхней панели. Таким образом уведомления оказываются всегда на виду.
Также при прокрутке вниз, колонка содержимого (друзья, видео, аудио) теперь не уходит вверх, а остается всегда на виду. Хотя меню по прежнему при прокрутке уходит вверх, за край экрана (на мой взгляд, было бы лучше, если бы меню также оставалось всегда на виду).
Аватарки стали круглыми.
Новый дизайн диалогов позволяет видеть ваших собеседников в то самое время, когда вы с кем-то переписываетесь.
А вот диалоги теперь доступны в дух режимах, в новом и классическом. Вы в любое время можете переключиться к классическому виду, но вкладки открытых диалогов будут располагаться не сверху, а с боку справой стороны.
На боковой панельке будут доступны непрочитанные сообщения, а также сообщения, которые были отмечены как важные.
Теперь, при прикреплении видео или картинок к диалогу или комментарию, вы можете добавить одновременно несколько объектов. Для этого нужно кликнуть на круглешок-галочку, расположенную в левом верхнем углу.
Более подробнее вы можете узнать о новом дизайне ВК, когда «пощупаете» его в живую.
Впервые новый дизайн стал доступен для бета-тестеров 1 апреля, позднее перейти на новую версию с возможностью отката мог любой пользователь социальной сети. Смешно сказать, но я это сделал буквально в начале августа, а тут уже и финальный релиз подготовили. Итак, чем же порадовали нас ВКонтакте?
Внешний вид
У меня не очень хорошее зрение, и даже в очках на моем 21.5-дюймовом экране шрифты сайта ВКонтакте выглядели мелковато. Конечно, можно было вручную прозумировать сайт или изменить только размер букв, но тогда в некоторых местах слетала верстка, что выглядело не очень красиво. Еще меня очень раздражали огромные поля по бокам. Практически 2/3 экрана просто пустовали!
В новой версии сайт визуально стал шире, увеличился размер шрифтов, а также превьюшки изображений, это очень здорово. Конечно, о вкусах не спорят, но, на мой взгляд, с точки зрения дизайна ВК однозначно стал лучше, во всяком случае, лично мне пользоваться им теперь значительно приятнее.
Все аватарки и иконки групп стали круглыми, кого-то это может раздражать, я же не вижу в таком отображении ничего плохого.
При открытии фотографий комментарии теперь отображаются справа, а не снизу, я, кстати, считаю этот вариант отображения более информативным.
Сообщения
Для переписок теперь доступны два варианта отображения. В первом, классическом, вы видите только сам диалог, а во втором - список последних контактов, с которыми вы общались. Второй вариант напоминает реализацию мессенджеров для планшетов и, на мой взгляд, очень практичен. Чтобы включить второй вариант, нужно нажать на шестеренку настроек в нижней части экрана.
Администраторов групп порадует возможность быстро заходить в свои группы из левой панели и сразу же видеть непрочитанные сообщения из пабликов.
Музыка
Пульт управления музыкой теперь всегда находится в верхней панели, а не только когда вы её слушаете. Это удобно и позволяет быстро включить текущий трек без необходимости перехода на страницу аудиозаписей.
Иконки аудиозаписей также стали круглыми.
Уведомления
Кто-то ругается, что ВКонтакте скопировали уведомления и всю верхнюю строку состояния у Facebook, но я не вижу в этом ничего плохого, в конце концов, главное, что стало удобнее. При нажатии на колокольчик отображаются последние действия с вашей учетной записью: ответы, лайки репосты и т.д.
Новости
Многие боялись, что ВКонтакте скопирует систему отображения контента у Facebook, и вот это случилось, правда, в отличие от FB, разработчики ВК дают пользователям выбор, использовать ли новую сортировку или нет, я считаю это правильным. К слову, ВКонтакте уже давно требовалась подобная фильтрация, потому что новостная лента уже давно заполнена репостами друзей из всяких групп типа «дневников миллионеров» и «одинокая львица перестала лениться».
Оптимизация
Разработчики отметили, что полностью отказались от Flash и перешли на HTML5 для аудио и видеоконтента. Решение здравое, и как пользователь Safari я его полностью поддерживаю.
Критика от Павла Дурова
Павел Дуров на своей странице раскритиковал новый дизайн ВКонтакте и привел целых семь причин, почему могли сделать лучше. Я согласен не со всеми из них, например, отображение фото, как мне кажется, стало лучше и правая панель с комментариями вполне уместна. Также я считаю более удобным закрепление левой и верхней панелей при прокрутке. А вот ширину ленты новостей действительно можно было сделать больше, ведь сейчас у ВК всё равно приличное количество свободного места по бокам.
Ниже цитата оригинального поста Павла:
Инфографика
Ниже - немного инфографики из официального блога ВКонтакте:
Заключение
Когда я впервые увидел новый дизайн ВКонтакте, он напомнил мне увеличенную копию мобильного приложения для iPhone, впрочем, это неудивительно, просто позабавило то, что редизайн приложения состоялся раньше, чем редизайн сайта. Но несмотря на схожесть, всё-таки сайт и клиент ВК визуально не копируют друг друга полностью.
На мой взгляд, внешний вид сайта стал приятнее и современнее. Некоторые вещи сделали удобнее, некоторые красивее. Однако критика Павла Дурова также справедлива, прежде всего для ширины новостной ленты. Что мешало сделать её еще шире, учитывая, что места достаточно?
А что скажете вы, уважаемые читатели? Нравится ли вам новый дизайн ВКонтакте? Если нет, то почему?
P.S. Пользуясь случаем, приглашаю подписаться на
Всем привет. А знали ли вы, что с 1 апреля 2016 года, вконтакте выпустила обновленную версию? Не первоапрельская ли шутка была? Давайте разбираться вместе…
Итак. Ещё в апреле этого года, на официально блоге вконтакте, был опубликован пост о том, что вк представляет новый дизайн. Всё в таком же стиле, синий и белый. Но само оформление выглядит иначе…
Сначала, обновление было доступно не всем, и тестировалось некоторое время, чтобы пользователи могли оценить новшества, а специалисты из контакта, тем временем собрать необходимую информацию из аналитики, что и как пользователь делает, чтобы понять насколько удобен новый шаблон и функционал сайта.
Спустя время, у ряда аккаунтов, была возможность перейти на новую версию, подав заявку через специальную ссылку, которая, как заявляют появляется слева, от основного меню, под ссылкой Мои настройки:
присоединиться к тестированию
использовать новую версию сайта по умолчанию
Тоже самое и на официальном блоге вконтакте, была доступна специальная кнопка:
Вроде всё просто! Да только одно НО…
Обновить вк на новую версию, было доступно не всем подряд, а ограниченному числу пользователей. То есть социальная сеть, заранее открыла или периодически открывает такую возможность, чтобы люди могли присоединиться к тестированию. И всего, такая возможность была на 1 млн. аккаунтов. И те, кто успели подать заявку, те и смогли протестировать. Остальным же обещают, что будет это позже и для всех!
То есть, получается, что ещё не окончательно вк обновился, и идет BETA — ТЕСТИРОВАНИЕ.
Поэтому, ожидайте окончательного релиза.
Или, быть может, у вас получилось обновиться? Напишите ниже в комментариях, поэтому поводу!
Что пишут люди? (последние изменения…)
А тем временем, вокруг этого процесса идёт столько разговоров, что каждый, то и дело спешит заявить, как обновил вк на компьютере.
Так, одни пишут, что ссылка доступна. А у других ничего не получается. А те, кто смог подать заявку, то опять же, ждал окончательного решения более 2 недель. В ответ приходит официальный ответ от службы поддержки вк, и обновленная версия становится доступной.
В общем, не так всё просто ещё. Хотя может у вас и получится быстро, но большинству останется ждать окончательного релиза.
Как видите, у одних получается обновить вк, а у других нет! Правильно говорят, что у всех по-разному…
Какие обновления ждут вконтакте?
Переходим на блог соц. сети, и читаем следующее:
Работа над новым дизайном велась на протяжении последних полутора лет. Мы тщательно изучали, продумывали и создавали заново каждый элемент. Сегодня мы делаем следующий шаг и переходим на новый уровень развития сайта, чтобы сделать его более современным.
Главный принцип нового дизайна ВКонтакте - на всех устройствах он выглядит похоже и узнаваемо. Пользователю веб-сайта легко найти нужный раздел в мобильном приложении, и наоборот.
Мы увеличили ширину экрана и шрифты, избавились от лишних деталей и сделали сайт проще для восприятия. Появилось дополнительное пространство для новых полезных функций. Также мы обновили левое меню: сократили названия пунктов, добавили иконки и перенесли наверх самые востребованные разделы - Новости и Сообщения.
Новости
Переработано отображение каждого элемента. Записи в ленте стали заметнее. Списки новостей теперь в отдельном блоке справа вместе с поиском и комментариями. Включить умную ленту новостей стало проще - переключение в режим «Сначала интересные» находится сразу под этим блоком.
Сообщения
Раздел сообщений переписан с нуля. В обновленном интерфейсе мы поместили на одном экране список последних бесед и текущий открытый чат. Переключаться между беседами и реагировать на новые сообщения стало проще. Непрочитанные сообщения помечаются синей точкой, которая исчезает после прочтения, а статус онлайн - зелёной точкой.
Уведомления
Отметки «Мне нравится», заявки на добавление в друзья, упоминания, дни рождения друзей и другие события собираются в новом разделе уведомлений. На страницах людей и сообществ теперь можно подписаться на уведомления о новых записях, чтобы не пропускать важные новости. При появлении нового события у иконки «колокольчика» в шапке сайта появится красный индикатор.
Фотографии
Фотографии в альбомах и при обзоре всех фотографий стали крупнее и отображаются в красивой журнальной верстке. Фотопросмотрщик ориентирован горизонтально, чтобы лучше задействовать пространство широкоформатных экранов. Комментарии выводятся справа от фотографии: больше не нужно прокручивать экран вниз, чтобы просматривать фотографии и одновременно видеть комментарии к ним.
Другие разделы
Изменения коснулись каждого интерфейса сайта без исключения. Обновились и разделы, рассказывающие о ВКонтакте: «О компании», «Продукты» и «Работа ВКонтакте». Также мы возобновили собственный блог. Здесь команда ВКонтакте будет делиться новостями о продуктах и нововведениях.
Сегодня мы запускаем новый дизайн в тестовом режиме на ограниченную аудиторию. Постепенно он станет доступен для всех.
Редизайн Вконтакте: подробно и обо всем!
Как сделать обновление Вконтакте?
В чем существенная разница?
Главная достопримечательность нового дизайна – сам сайт стал шире (вместо 765 пикселей теперь 975). Вы обращали внимание на зияющие белые пустоты по бокам своей странички Вк? Теперь такая раздражающая нерациональность резать глаз больше не будет. Новая бета-версия предусматривает заполнение имеющегося пространства за счет блока полезных функций.
Раздел «Сообщения» стал практически неузнаваем, ведь он был переписан кардинально. Теперь вы будет видеть активный чат и список своих бесед. Для того чтобы все это было максимально читаемо, ширина отдела доведена до 1090 пикселей (вместе с боковым меню). Довольно-таки удобно, ведь теперь не надо каждый раз возвращаться назад для подключения дополнительной беседы.
Как это выглядит?
Сообщения
Просмотр фотографий
Видеозаписи
Аудиозаписи
Альбомы
Страница
Новости
Теперь вы знаете, как установить новый формат любимой сети. А вам понравился редизайн Вк? Отпишитесь в комментариях, а также читайте про — это классно!
