Впервые с момента своего открытия в октябре 2006 года социальная сеть «ВКонтакте» обновила дизайн. Вёрстка сайта адаптирована на самое популярное разрешение экрана 1366х768 точек вместо прежнего 800х600. Изменилась шапка сайта и оформление абсолютно всех разделов.
Бета-версия нового интерфейса пока запущена в стадии бета-тестирования, её по желанию можно активировать с этой страницы (потом есть возможность откатиться назад).
«Мы увеличили ширину экрана и шрифты, избавились от лишних деталей и сделали сайт проще для восприятия. Появилось дополнительное пространство для новых полезных функций. Также мы обновили левое меню: сократили названия пунктов, добавили иконки и перенесли наверх самые востребованные разделы — Новости и Сообщения, — сказано в официальном блоге (да, с сегодняшнего дня возобновляется официальный блог). — Записи в ленте стали заметнее. Списки новостей теперь в отдельном блоке справа вместе с поиском и комментариями. Включить умную ленту новостей стало проще — переключение в режим «Сначала интересные» находится сразу под этим блоком».
Главный принцип нового дизайна ВКонтакте — на всех устройствах он выглядит похоже
К изменениям готовились долго и тщательно, изучая и продумывая каждый элемент. Конкурс на обновлённый интерфейс объявили ещё в июле 2014 года. Работа продолжалась полтора года.
Сообщения
Непрочитанные сообщения помечаются синей точкой, которая исчезает после прочтения, а статус онлайн — зелёной точкой.
Уведомления
На страницах людей и сообществ теперь можно подписаться на уведомления о новых записях, чтобы не пропускать важные новости. При появлении нового события у иконки «колокольчика» в шапке сайта появится красный индикатор.
Фотографии
Фотографии стали крупнее, а просмотр организован в горизонтальной вёрстке.
Павел Дуров
Из подвала сайта убрали ссылку на основателя проекта.
Постепенно новый дизайн выкатят для всех пользователей социальной сети.
См. также:
Что не так с редизайном «ВКонтакте»
Комментарии (97)
Gallifreian
01.04.2016 16:29+1Опять 1 апреля? Рутрекер вон тоже шуточки шутит всякие.
Darthman
01.04.2016 16:34-1Не уверен. В мобильных клиентах аватарки давно круглые уже сделали. И в целом очень похоже на приложение как мобильное, так и вин10 десктопное.
Darthman
01.04.2016 16:33+3Как-то очень скайпоподобно выглядит.
denis_g
01.04.2016 17:05+7Какая-то помесь Фейсбука с Гуглоплюсом. Но в целом ничего.
P.S. Даже жаль, что я им не пользуюсь.
P.P.S. Да, я буду держать вас в курсе.
Neuromantix
01.04.2016 17:05+3Они умудрились совмести две вещи, которые я больше всего ненавижу — «плоский» дизайн и алгоритмическую ленту. А недоразрешение 1366х768 наверное переживет и меня. А главное — я сбегают от всего этого из ФБ в ВК, а теперь бежать некуда.
DenZzeuro
01.04.2016 17:24+1Не стоит переживать из-за непонятных вам алгоритмов в ленте новостей. Справа есть переключатель, который отключит интересные новости и будет показывать записи в хронологическом порядке, от новых к старым, как вы привыкли.
StalkerJS
05.04.2016 13:53Это «недоразрешение» совершенно внезапно оказывается едва ли не самым популярным сейчас.
Biblusha
01.04.2016 17:08+5Раньше сообщения были по центру экрана, а сейчас их сдвинули вправо. Неудобно стало переписываться...
loginsin
01.04.2016 17:19+1Как теперь скриншотить переписку, чтоб остальные чатики в скриншот не попадали и при этом не заниматься телодвижением по обрезанию скриншота? :-(
LbICbIY
01.04.2016 18:46Яндекс (диск) сегодня выкатили обновление, где сразу предлагают сделать скриншот области
Sild
02.04.2016 15:34+1Ещё могут посоветовать пару дистрибутивов, где выделение области снимка экрана есть нативно.
Plone
01.04.2016 17:22-3"… самое популярное разрешение экрана 1366х768"
2016-й год… Facepalm.ChymeNik
01.04.2016 18:02+5Вы думаете, у всех уже должны быть 4К мониторы?
Nexus_VI
01.04.2016 18:32-1Ну хотя бы под FullHD..
Soul_in_Gun
02.04.2016 07:25-2FHD — прерогатива геймеров, киноманов и прочих "кому это надо". Большинство девайсов — ноутбуки и прочие "мелкашки" где FHD не такой уж и частый гость. Особенно в соцсетях.
Nexus_VI
02.04.2016 14:16+2FHD — это адекватное разрешение для мониторов 13"+, а 1366х768 популярен только из-за жадности производителей ноутбуков.
Soul_in_Gun
03.04.2016 13:20Дело не только в "жадности производителей" (да и не столько) — в FHD достаточно мелко на 13\15' экранах что-то смотреть (а если такой экран ещё и сенсорный — под Win это превращается в пытку). И это сильно дороже не для производителя, но для потребителя выходит. Особенно когда большинство использует интегрированное видео, где FHD равно снижению производительности.
Syzd
04.04.2016 12:35Я один не понимаю, как так в ноутбуках 13/15' FHD мелко, а вот в телефонах/планшетах 3,5 — 7' FHD и выше — в самый раз и надо! Может потому и мелко в ноутбуках, что качества экрана и точек не хватает.
p.S. не один прочитал ниже комменты.Soul_in_Gun
04.04.2016 22:22Проблема, очевидно, в умении "масштабировать" элементы UI ОС. И как все мы прекрасно знаем работы над этой проблемой только-только начались в Win10, более ранние версии вообще "за проблему это не считают".
gxcreator
04.04.2016 21:18Мелко — это когда ОС не умеет масштабировать интерфейс
Soul_in_Gun
04.04.2016 22:21Замечу что "умеет масштабировать" из десктопных-популярных ноль целых н-десятых. Win10 не смотря на заверения справляется весьма слабо, про более поздние версии молчу. Так что тут прямая зависимость и ожидание подвижек в этом направлении, а пока что планшет с 8' и 1280х800 мельчит некисло и приходится ставить 125% масштаба, хоть это даже не 1366х768 о котором споры — FHD 10' ещё больше страдают от этого.
Плюс — нет смысла ориентироваться на высокое разрешение. Когда в "моде" был 1024х768 всегда ориентировались на "шаг ниже", т.е. 800х600 или даже 640х480, так что не вижу смысла в споре — пока в каждом дешёвом устройстве не будет FHD, а в "адекватном топе" 8к — жаловаться смысла не будет.
masterL
01.04.2016 19:00+31366*768 стандартное разрешение для 15 и 13 дюймовых ноутбуков в диапазоне 15-30 тысяч рублей на данный момент.
Sleepwalker_ua
01.04.2016 19:38+3Извините, но сейчас половина современных бюджетных ведроидов (смартов и планшей) имеет разрешение близкое к HD, т.е. 1280х720, а во все ноутбуки дешевле 450 баксов повально ставят 1366х768 (да и в половину буков из диапазона 450-550 тоже, кстати). Не говоря уже о том, что многие имеют далеко не геймерские FullHD\2k\4k у себя дома.
Не говоря уже о тех, кто пользуется техникой годичной давности и старее. Меня, например, вполне устраивает бук 2007 года выпуска в качестве средства просмотра киношек, не мешая остальным домочадцам, а так же для всяких офисов и посиделок в интернете. Если запилить дизайн под FullHD, мне перманентно придется сидеть с зумом процентов на 150 и терпеть жуткое мыло и поплывший стиль.Plone
01.04.2016 19:53Э-эм. Я не пытаюсь спорить, как, похоже, многим показалось.
Я прочел статью и посмотрел статистику. Я ей верю. Это меня и огорчает.
Меня удивляет маниакальное желание производителей толкать шлак.
Даже учитывая разницу розничных цен на матрицы разного размера, это нельзя оправдать экономическими соображениями.
Даже подбирая себе рабочий ноут, сталкиваюсь с тем, что 90% предложений приходится отметать из-за матрицы с мизерным разрешением. Это с учетом того, что я смотрю ноутбуки от 1000$.
Разрешения 800х600 — из эпохи Windows 95. 1024x768 — Windows 2000.
В телефон почему-то можно воткнуть матрицу FullHD+.Sleepwalker_ua
01.04.2016 20:33+1Просто не всегда нужно иметь фуллхд в бюджетной железке, которая работает на встроенном видео предпредпоследнего поколения и используется исключительно для социалочек, косынки, киношек и пакета майкрософт офис. При прочих равных такой бук будет стоить баксов на 30-40 дороже… А эффект в принципе себя не оправдает, даже при условии что система будет поддерживать высокую плотность DPI, ведь на бук обычно смотрят примерно с полуметра, а на экран монитора и того дальше, сантиметров 50-80.
И сделать матрицу на 5" совсем не то же самое, что сделать матрицу на 15-20" — шанс на дефект гораздо выше, стоимость, соответственно, тоже.
Хотя FullHD уже практически освоен производителями буков и мониторов во всех сегментах и даже плавно съезжает к бюджетному уровню, пройдет еще года 3, а то и все 5, пока хотя бы 51% пользователей всех прослоек переедет на этот стандарт.
osvirt
04.04.2016 06:19В дебри полезли…
Дело в том, что про адаптивный дизайн, похоже знают все, кроме группы ВК.
Ширина всего содержимого ВК вписана в 960px (а ширина ленты из-за доп. меню справа стала 795px!!! 795, КАРЛ!!!). Этот формат стал модным(читай «стандартом»), когда 1024*768 стало в большинстве своём минимальным разрешением, а пользователей интернетов с меньшим разрешением экрана стало настолько мало, что на них все решили забить (в конце концов «ваш монитор давно пора выкинуть на помойку, потому что он вредит вашему зрению»).
И даже если принять за истину то, что сейчас мало кто сидит в ВК за большим монитором, а разрешение экранов в среднем по больнице 1366*768, то почему бы не увеличить общую ширину страницы на эти 400 пикселей? В конце концов можно и статистику пособирать, не?
И ещё основное меню… зачем оно прячется? В чём смысл? Ну ладно, если бы лента расширилась, когда менюха спряталась. Но нет!
Doktor_Gradus
04.04.2016 13:02Извините, но у вас маркетинг головного мозга :)
Большинство людей не заморачиваются разрешением вообще. Буквы видно и ладно. Красный от зелёного можно отличить — вообще зашибись. И для этого разрешения 1366*768 более чем достаточно.
А вот желание иметь разрешение 4к в наручных часах — это и есть маркетинг головного мозга.Plone
04.04.2016 21:46Только не надо переходить на личности и ругать чужой мозг. И приписывать странные желания.
Ну, а так, возможно, вы и правы. Если предположить, что только 5% владельцев компьютеров (к примеру) используют компьютер для работы (и, соответственно, вероятнее всего используют нормальный монитор), то такой расклад возможен.
delimer
01.04.2016 17:40+3Очень плоский дизайн, блоки сливаются со светлым фоном. Добавил тень к блокам — стало выглядеть лучше.
joxi.ru/L21zjzQF6q9daAuSide
01.04.2016 17:53-1Поверьте, всегда найдутся те, кому нравится и те, кому нет. Юзерстили не запрещали, вроде :)
M_org
03.04.2016 04:29Ваш вариант заставил смахнуть меня слезу ностальгии по Windows ME. Но она быстро высохла.
deadbyelpy
01.04.2016 17:40+1И опять забыли про широкие экраны.
«Дырки» по краям, на моем 1920x1080 совсем не радуют.
0xd34df00d
01.04.2016 18:04+3На моём 3840x2160 не радуют ещё больше :(
xEzhik
02.04.2016 12:22+2Будьте добры, скиньте скрин старого и нового дизайна на 4к мониторе. Уж больно интересно, как оно будет выглядеть.
0xd34df00d
02.04.2016 17:32Ха, а я его включить не могу, оказывается. По кнопочке внизу страницы получаю лишь это:
Ramiel2009
01.04.2016 18:12В глаза бросаются баги:
иногда при нажатии каких-либо кнопок вылазят ругательства на различные модули
лента подтягивает автоматом новые посты через раз
гифки иногда при разворачивании вылазят за рамки развернутого поста
и прочее…
LbICbIY
01.04.2016 18:49+1Очень не хватает опции сжатия интерфейса как в gmail:
У меня люди поделены по спискам и теперь для добавления человека в список нужно прокручивать до трёх экранов. Раньше хватало одного экрана.
Roseluck
01.04.2016 19:42Так похоже на Фейсбук, что я искренне решил, что это тонкая первоапрельская шутка. Завтра, видимо, узнаю, прав ли я.
Dageron
01.04.2016 21:00Вот интересно, что за "интересные записи", "интересные новости". Это по какому критерию они будут такие? Набрали больше всего лайков и репостов — стали интересными? Так же, как на youtube "популярные" видео? Это ж как теперь будут сладко потирать руки многочисленные "оптимизаторы", "пикчеры", "паблишеры", занимающиеся
накруткойраскруткой очередного клона мдк?
adlkhkmlln
01.04.2016 21:44+3Сайт, который приятно отличался от прочих своим дизайном, удобством и неповторимостью, теперь выглядит как скайп. Good job.
norlin
01.04.2016 21:59Очень круто сделали, лично для меня только два крупных минуса: сдвинутый вправо чатик и сильно уменьшенные фотки из-за комментариев справа. Не очень понимаю, почему в статье про это пишут "Фотографии стали крупнее".
Animan
02.04.2016 12:51Лично мне неудобно что индикаторы онлайна и статуса отправленных/полученных мессаг замельчили.
Cr558
02.04.2016 01:03-5А я вот хочу, чтобы ВК закрылся вместе с ФБ. И все вернулось к ламповому ЖЖ, RSS, сайтам знакомств(туда согнать всех кто полюбил соцсети), аське и миллиону форумов. Никаких тебе инстаграммов с суши, твиттеров ни о чем, +100500 в ютубе и не дай боже ивангая или как там это зовется, крч дом2 из ютуберов, перисокопов 90% ни про что, даже скайп можно убрать, аська была загадочнее, о а чаты еще живы? Я бы променял планшет с 3гигами озу на нокию с вап и 4096 цветами экрана, и сидел по безумно дорогому трафику выискивая миди файлики… Теперь люди даже стандартные мелодии не меняют, а раньше… человек еще не достал телефон, а уже ясно дорогой или нет, моно, поли или о, боже мп3 играет!
Минутка ностальгии.
BluVelvet
02.04.2016 02:39+1Да, да, раньше было небо ярче и трава зеленее, а ваши чатики rss и даже нокла с асечкой никуда не исчезли. И WAP трафик точно такой же дорогой.
Cr558
02.04.2016 14:12-2самоирония ваще-то, а вот про соцсети правда. одно из самых бесполезных мест, кроме как для мх владельцев и рекламщиков.
ksr123
03.04.2016 04:29Отличное место для общения, для анонсов мероприятий (для меня, как для организатора концертов это очень вижно), для обменом музыкой, картинками, видеороликами да чем угодно!
ЖЖ живее всех живых, нормальные форумы тоже. Хотя много форумов умерло, и их реально жалко — они удобнее нитевидных обсуждений в ВК.
teifo
02.04.2016 04:56Я вот по привычке навел курсор мышки на колокольчик, думал менюшка раскроется и покажет какие уведомления пришли. Оказалось это не работает, а ведь чего проще то :(
Animan
02.04.2016 12:50А лично мне очень не нравятся меню реагирующие так. Это неудобно имхо. Редко где они сделаны правильно, где-то была статья, что для удобства там надо писать прямо геометрический алгоритм хороший.
teifo
03.04.2016 05:44В моем случае, я делаю это тогда, когда надо быстро посмотреть есть ли что-то важное, чтобы остальное разгрести потом, оставив непрочтенными часть уведомлений. Я так думаю ВК сможет нанять специалистов которым это под силу, было бы желание.
DirtyDog
02.04.2016 07:37-1У меня почему-то пишет "Мы оповестим Вас, как только редизайн станет доступен.", хотя, судя по комментам, у людей обновляется дизайн сразу. Правда уже второе апреля. Неужели таки розыгрыш?
HabrDev
02.04.2016 11:13Видимо первый миллион тестеров уже набрался и те, кто не успел попасть в их число, будут ждать своей очереди на обновление
juray
02.04.2016 13:23Как вы смогли подвал увидеть? Он же как горизонт — удаляется по мере приближения к нему, из-за подгрузки ленты.
Ладно, это сарказм, есть же еще страницы фиксированного размера (настройки, и т.п.). Но как же заколебал подобный принцип на куче сайтов — делать подгружаемую ленту (даже на страницах конкретных статей — дочитал до конца, на тебе сразу следующую статью) и при этом размещать инфу в подвале, который в принципе получается недоступен.
Алсо, у меня дизайн отображается старый и сегодня, и вчера тоже был — и Дуров в подвале на месте. И никаких анонсов
Мне неачинает мерещиться, что первоапрельская шутка — не само изменение дизайна а вот эта вот статья?
pasetchnik
03.04.2016 17:21Неужели, только мне не нравятся эти вездесущие круглые аватары?
Особенно на мобильнике, где они и так маленькие…
max_trushin
03.04.2016 17:21А мне очень нравится открыть на iMac 27 окошко браузера под ширину VK и полную высоту. Теперь места остается меньше.
EmmanuelGoldstein
03.04.2016 17:22Верхней панели диалогов очень не хватает.
Раньше можно было открыть несколько и быстро между ними переключаться, а теперь надо каждый раз искать среди всех.
А ещё в шрифте, который теперь используется в диалогах, тильда не изогнута. Просто прямая палка. Это нервирует.
vkflare
03.04.2016 17:25Есть три вещи в этом дизайне, которые я не понял.
1) На /im два скроллинг блока. Ожидалось, что
а) можно скроллить левый блок с друзьями, когда курсор левее этого блока
б) можно скроллить правый блок с историей переписки, когда курсор правее этого блока
Сейчас для перематывания надо наводить курсор на каждый из них.
2) Почему из apps?act=apps пропали неопубликованные приложения (закрытые беты) и почему в меню слева может быть только пять приложений?
3) Зачем вся синяя шапка целиком приклеена к верху страницы, если все, что от нее нужно — показывать уведомления? Отвлекает и мозолит глаз.
Остальное, в принципе, не так важно, поскольку легко фиксится stylish/greasemonkey/whatever
osvirt
03.04.2016 17:27Уберите правое меню туда, где оно не будет урезать ширину основного контента.
Ну ужасно же.
conio
03.04.2016 17:29А я думаю, что очень даже неплохо. Привыкания особого не требует, прежний вектор сохранён. Именно отсутствие радикальных изменений с обновлённым видом и делает редизайн как минимум не провальным, на мой взгляд. Ну а заимствования были всегда, и если они были применены удачно, то и ладно.
DenZzeuro
Многое в их дизайне заимствовано.
BelBES
По моему, так сейчас большинство сайтов когда рапортуют о редизайне, показывают по сути один и тот-же стандартный "унисекс" (в смысле, что адаптированный под планшеты и десктопы одновременно) дизайн с небольшой адаптацией под "корпоративные цвета" и т.п.
Может, конечно, я ничего в дизайне не понимаю..../
Egor1240
Соглашусь. Фотографии как будто на Я.Фотки смотрю.
M_org
О господи, а что, надо было делать все не так как привыкли пользователи и в разрез с их уже накопленным опытом?
Может вы и на выход авто новых реагируете так, дескать фигня какая — руль и 4 колеса, я это уже видел!
DenZzeuro
Ну так они же и сделали всё не так, как привыкли пользователи и в разрез накопленного опыта. О чем ваш вопрос?
А касательно аналогии с автомобилями, то вы должны понимать, что у вазовских жигулей и ролл-ройс двери и руль находятся в одном и том же месте, но дизайн разный. К тому же я нигде не сказал, что их заимствование это плохо, я только константировал факт. В 2006 году эту социальную сеть вдохновлял фейсбук и в 2016 ничего не изменилось. Хотя с их бюджетом и командой, они могут творить такое, что сделает их лучшими не только в России, но и в целом мире.