Быстрее, шире, новее: «ВКонтакте» запустила бета-версию редизайна сайта Статьи редакции
«ВКонтакте» отметила 1 апреля не первоапрельским розыгрышем: у веб-версии соцсети запустилась новая версия дизайна, запланированная ещё в 2014 году. TJ успел потестировать её заранее и выяснил, какие главные нововведения появились на сайте.
«Не прошло и десяти лет», — пишет операционный директор «ВКонтакте» Андрей Рогозов в блоге компании. Действительно, капитального изменения дизайна веб-версия соцсети не получала с самого основания «ВКонтакте» в октябре 2006 года.
Главное, что изменилось — сайт «ВКонтакте» стал шире. Если раньше он был примерно 765 пикселей в ширину (пережиток эпохи популярного разрешения экрана 800 на 600 точек), то теперь за счёт появления правого меню его увеличили до 975 пикселей, адаптировав под наиболее распространённое разрешение 1366 на 768 точек.
Левое меню лишилось дублирующихся приставок в ссылках на разделы: «Моей» осталась только «Моя страница». Порядок разделов в нём теперь соответствует мобильным приложениям: «Моя страница» по-прежнему главная, затем идёт лента новостей, сообщения, друзья и так далее. Ненужные пункты (кроме четырёх первых) можно скрыть.
Всеобщее увеличение означает и появление рекламных блоков большего размера: площадь маленьких баннеров выросла в 1,84 раза, больших — в 2,21.
Изменилась и шапка сайта: оригинальный русскоязычный логотип «ВКонтакте» заменили международным значком VK.com. Убрали ссылки на поиск людей, сообществ и раздел с помощью по соцсети, но добавили ссылку на страницу и редактирование информации о себе, а также увеличили размер музыкального плеера.
Вместо исчезнувших с панели разделов появился блок уведомлений, подобный тому, что присутствует на Фейсбуке. Когда происходит что-то новое, напротив иконки звонка появляется красный счётчик.
Новую запись можно опубликовать прямо из ленты новостей, как в Твиттере или Фейсбуке. В комментариях к записям сразу доступны четыре кнопки для прикреплений: фото, видео, аудио и документы. Раньше они были вынесены в список, открываемый по наведению мышки.
В ленте новостей поменялось расположение времени публикации и кнопок «Мне нравится» и «Поделиться». Визуально отдаётся приоритет ссылок, опубликованных с «родной» для соцсети обложкой, а обычные ссылки теперь выглядят значительно меньше, так как заголовок внизу больше не отображается.
По умолчанию в ленте по-прежнему работает хронологическое отображение записей, однако алгоритмическую ленту можно включить при помощи кнопки в правом меню. В этом случае новости поменяют порядок: сначала будут показываться те, которые алгоритм «ВКонтакте» посчитает наиболее интересными. По наблюдениям TJ, предпочтение отдаётся записям от друзей и от сообществ, посты которых часто лайкает пользователь и его друзья.
Изменился и стиль репостов: теперь они выглядят как цитирование в письмах. На аватарках друзей в ленте появился зелёный значок: это значит, что сейчас пользователь находится онлайн (раньше для этого использовалась текстовая подпись).
Раздел сообщений — ещё шире, чем главная страница (примерно 1090 пикселей): в нём уместили сразу левое боковое меню, список диалогов и окно с выбранной беседой.
В просмотрщике фотографий комментарии теперь располагаются справа — по аналогии с Фейсбуком.
В профилях пользователей появился блок с основной статистикой по аккаунту: числу подписчиков, общих друзей, фотографий и видео (напоминает Твиттер). Визуально увеличился блок недавно опубликованных снимков.
Во «ВКонтакте» рассказали TJ, что пока это бета-версия дизайна. Попробовать её смогут миллион пользователей, первыми подключившимися к тестированию: для этого нужно нажать соответствующую кнопку в ленте и подать заявку прямо из записи в блоге «ВКонтакте».
Пользователи смогут включить новый интерфейс для отображения по умолчанию, однако при необходимости есть возможность откатиться обратно на старую версию дизайна.
В дальнейшем в соцсети собираются собрать обратную связь от пользователей и внести в новый дизайн некоторые исправления. Когда именно дизайн станет доступен для всех пользователей, пока не известно.
МАААААААААААААААААМ
А чо?
Самое топовое нововведение на данный момент
Нужен функционал как в Apple music. По нажатию на кнопку "Воспроизвести следующей", трек добавляется в очередь снизу! Сейчас же он сверху становится.
Очень удобно накидать треков из разных групп и не добавляя в свои аудио слушать их.
Комментарий недоступен
Вконтакте теперь выглядит на тиджорнал
*как
А выглядит очень даже хорошо.
Конечно где-то придётся привыкать, но в целом очень гармонично.
Мне перовоапрельская тема понравилась:
Наконец-то я её увидел.
Все хорошо, кроме кружочков на аве. В приложении смотрится хорошо, но вот на десктопе не пришей...
Спасибо TJ, я привык к кружочкам на аве😂😂
Кружки - это классно
а мне нравится 😊
В "Вебограме" круглые авы чуть не с самого начала (к слову, новая панель диалогов "ВК" будто скопирована оттуда), и смотрятся так хорошо и естественно, что разработчики "Телеграма" сейчас и в кроссплатформенный десктопный клиент их внедряют.
Две мои вредные предъявы:
1) В некоторых местах закруглённые аватарки выглядят очень спорно.
2) Лайки с другой стороны - ещё один финт в сторону, когда разрабы занимаются и страдают нелогичной фигнёй. При этом в комментах оставив всё по прежнему. Искусственно созданный диссонанс.
В остальном весьма сносно.
О, щас начнётся Вконтакте не тот, Дуроввернистену, Добродееввернидизайн )))
Зато теперь есть нормальный способ вернуть 2007-й
Комментарий недоступен
Стена, верни Дурова!
Дуров, верни Дурова
так ты гей или натурал?
Комментарий удален модератором
Новый дизайн нормальный, но эта шапка вверху, которая постоянно висит и крадет место на моем экране, даже когда я скролю вниз, просто выбешивает. Нахуй такой редизайн.
а мне удобно 😊
"В дальнейшем в соцсети собираются собрать обратную связь от пользователей и внести в новый дизайн некоторые исправления."
Готов дать им обратную связь хоть сейчас, куда писать?
На моем ноуте эта хуйня занимает 48 пикселей, что составляет украденные 6% высоты экрана, которые не несут никакой нагрузки. И за что "дизайнеры" зарплату получают?!
Какой странный человек: шапка в приложениях его не пугает (хотя размер экрана меньше), а на десктопе прям бесит.
Кинули мобильную версию виндоусфона на ПК, вот это инновации
Ждал почти три года )
Сообщения вообще неудобно сделали, пиздец как.
Первая реакция - я будто открыла мобильную версию сайта на ноуте. Все почему-то тормозит. На дисплее с разрешением 1366 на 768 точек, под который якобы сделан интерфейс, все очень мелкое. Раньше можно было сделать масштаб 150% и все было супер, а теперь при увеличении масштаба все куда-то съезжает, а в нормальном масштабе лента как была маленькая, так и осталась. Наверху все время висит синяя хуйня, которую ничем не спрятать. И, блять, какого хрена столько пустого места, это вообще нормально?
а до нового дизайна, свободного места было меньше? :)))
Как вариант - не растягивать окно во весь экран. Это же не продуктивно) Да и большая часть сайтов в более узком окне выглядит лучше, тот же TJ.
Комментарий удален модератором
Это же бета.
С чего все тут обострились?
Так а никто и не обострился. Народ высказывает своё мнение, пишет о багах. Всё хорошо)
Комментарий недоступен
"У Вас в Internet explorer верстка ползет".
Если нажать на своей странице на аватарку - увидите чистый фейсбук. Странное решение
Вы начали забывать главное.
История, мать ее.
https://tjournal.ru/p/happy-bday-vk
Блин вот это плохо, потому что также стало и при просмотре фотографий.
В целом ничего, правда заметил уже пару пиздецов в UI и верстке и все гигантское какое-то на 1366*768.
Ну и да, в России народные волнения очень быстро стихают, но я не такой: ДУРОВ, ВЕРНИ СТЕНУ!
и тройной скролл в профиле это мощно
Комментарии к фотографиям справа. Зачем-то.
Ну и рамка вокруг фотографии профиля ни к чему.
А так вроде неплохо вышло.
Как зачем, копия должна соответствовать оригиналу.
Непонятно, но терпимо, кроме одной вещи - ЧТО С СООБЩЕНИЯМИ? ПОЧЕМУ ОНИ В НИЖНЕЙ ПРАВОЙ ЧАСТИ? ПОЧЕМУ ТАК НЕУДОБНО?
Я не понимаю, почему они выкатили слева сразу все. Ну сделали бы архив как у фейсбука, раз уж все остальное по аналогии.
Кстати, кто умеет писать плагины для Хрома? Нужна сворачивалка списка диалогов)
Менюшка не фиксированная, а появляется только при обратном скролле наверх. Пиздос.
Диалоги тупо у веб-версии Telegram спиздили.
Да да, конечно: https://vc.ru/p/facebook-izmenyaet-interfeys-lichnyih-soobshheniy
2012 год.
Комментарий недоступен
https://readymag.com/uxnoname/VK/ и сказать больше нечего
Весёлая статья. Спасибо, поржал :)
Почему не поставят неотключаемую алгоритмическую ленту? Хронометрическая сортировка новостей давно никому не нужна и всех задолбала.
У всех минусующих спина белая.
Комментарий удален модератором
Чет я не понял, а оно основной домен не заменяет, если ты к бете присоединился? Я на vk.com вижу старый дизайн, а на new.vk.com - новый.
Комментарий недоступен
Если подписываешься на тестирование, то при нажатии на свою страницу тебя кидает по адресу new.vk.com, а не vk.com, насколько я понял
Если ты включил, то переадресует с вк.ком на новый.
Это ведь шутка, да? Почему везде написано "это не шутка"? Так не честно!
Збс окажется, если завтра объявят, что это была шутка и хрен вам, а не редизайн.
А почему ширина прыгает? В сообщениях и профиле/ленте, например
Ща они позвонят разрабам Фейсбука и уточнят, как они это фиксили.
Тоже заметил, но посчитал, что фича, а не баг
Мне уже нравится. Что-то сильно захотелось вернуться из iPhone в ноут
Не склоняется имя на странице пользователя в списке превьюшек фотографий. Так и не нашёл, куда за репортить.
возмущалась, кидала скрины друзьям, еще через 20 минут привыкла, уже полюбила, а потом не нашла, где смотреть сообщения группе. откатила до старой.
Мне никогда не нравился фейсбуковский просмотр фотографий.
Зачем ты обманываешь маму, Никита? Ты же зигуешь. о/
Красота же
Ой всё, меня бомбит! Тянуться до значка лойса очень далеко так еще он и очень маленький 👿
Кстати, это относится и дизайну TJ
Почему первым на курсор попадает дизлайк, а потом уже, через сотни пикселей лойс? Бесит, если меня одного, то и хуй с ним в принципе)
НАКОНЕЦ-ТО
Интересно, но надо будет привыкать 🤔
Комментарий недоступен
По любому шутка к 1 апреля
Так интерфейс такой на поддомене ведь открывается, а не на основном вк.
Мне понравилось
собственно, никаких откровений. Дизайн стал ближе к тому, что уже есть в приложениях, разве что цветовая гамма более светлая
Выглядит неплохо, некоторые элементы маловаты на первый взгляд (вроде лайков в комментариях), но в целом вызывает желание пользоваться, а не отплевываться.
По первым ощущениям, сделали как на ондроиде. Ну в целом нормально.
Все хорошо, но хотелось бы по русски Вконтакте на лого, и как в дизайне Григрьева возможно сть кроме своей авы слева или справа ставить большое фото
И Телеграм на русском да?
Почему нельзя было добавить возможность для выставления ширины? На широкоформатниках столько пустого пространства =( Сука
Комментарий недоступен
с шире вы погорячились....
1 апреля: день взрыва пуканов вк юзеров
не понял а чо убрали отдельную страницу где можно на лайки дрочить?
яж тока на ней и сидел в вк!
Никуда не убрали, на неё можно перейти из уведомлений.