podcast quotes-left quotes-right search menu arrow-up arrow-up2 google-plus3 facebook2 instagram telegram twitter vk youtube android rss2

Версия для печати Блоггерам

Новый интерфейс веб-версии ВКонтакте

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

Внешний вид

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

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

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

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

Сообщения

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

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

Музыка

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

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

Уведомления

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

Новости

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

Оптимизация

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

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

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

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

1. Главный раздел сайта – Новости – стали уже. Парадоксально, что необходимость редизайна обосновывалась стремлением более эффективно использовать экран. По факту, если сравнить ширину записей в старой и новой версии, новости лишь сузились на 28px.

2. Новости – как и все остальные разделы – стали ниже на 42px. Из-за фиксированной шапки вертикальное пространство сайта стало меньше, нужно больше проматывать. Это серьезное изменение к худшему: именно вертикальный скролл представляет собой дефицит на большинстве дисплеев.

3. При просмотре главного раздела сайта – Новостей – утрачивается фокус на контенте. В новой версии возник визуальный мусор в виде редко используемой фиксированной правой колонки. С учетом фиксированной шапки и узкой ширины, просмотр новостей стал вдвойне захламлен.

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

5. Статичная левая колонка при промотке старых записей личных страниц не только не дает нужной информации, но и сужает горизонтальное пространство для просмотра записей по сравнению со старой версией. Аналогичная ситуация – при просмотре записей в группах и пабликах.

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

7. Старый логотип “ВКонтакте” в силу композиции лучше вписывался в горизонтальную шапку, чем новый логотип “VK”. Я нарисовал оба логотипа достаточно давно (первый около 10 лет назад, второй – около 5), но в русскоязычной версии не заменял старый логотип международным именно в силу этого – достаточно очевидного – обстоятельства.

Итог: старый дизайн ВКонтакте, не менявшийся несколько лет, безусловно, нуждался в ряде доработок и эстетическом переосмыслении в рамках новых стилей. Однако проведенный редизайн не только не соответствует стандартам 15-16 года (таким, как Material), но и снижает юзабельность ресурса.

Все перечисленные элементы нового дизайна были вслепую скопированы с Фейсбука образца 2012. Фейсбук в эти годы был вынужден наращивать прибыльность в рамках IPO, поэтому в проектировании дизайна жертвовал интересами пользователей ради добавления новых рекламных блоков. Отсюда появилась и правая колонка в Новостях и Фотографиях, и снижение фокуса на контенте ради рекламы.

Сегодня, когда монетизация ВКонтакте переносится в “умную” ленту и мобильные клиенты, подобные шаги не обоснованы. В 2016-м году Facebook должен был копировать наработки ВКонтакте, а не наоборот.

Инфографика

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

Заключение

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

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

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

P.S. Пользуясь случаем, приглашаю подписаться на официальное сообщество Mobile-Review.com ВКонтакте, чтобы получать оперативные уведомления о наших новых статьях и обзорах!

Евгений Вильдяев (e.vildyaev@mobile-review.com)
Twitter    Instagram    Блог Vildyaev.com

Опубликовано — 18 августа 2016 г.

Мы в социальных сетях:

blog comments powered by Disqus

Есть, что добавить?! Пишите... eldar@mobile-review.com

 

Новости:

24.03.2017 ZTE потерпела убытки в 4 квартале из-за штрафа в США

24.03.2017 Цены и варианты Xaiomi Mi 6 и Mi 6 Plus попали в сеть

24.03.2017 В сервисе Google Авиабилеты для России теперь можно планировать поездки и на поезде

24.03.2017 Samsung продемонстрировал концепты умных часов на базе Gear S3

24.03.2017 Meizu M621C-S прошел сертификацию TENAA

24.03.2017 EZVIZ представила на российском рынке полнофункциональную систему «умный дом»

24.03.2017 Флагман Nokia получит сдвоенную камеру с оптикой Carl Zeiss

Hit

24.03.2017 Видео на канале: Обзор смартфона 4Good R407

24.03.2017 В России представлены игровые ноутбуки Lenovo Legion Y520 и Legion Y720

24.03.2017 Google избавит Hangouts от поддержки SMS

24.03.2017 Panasonic сделает крупного испанского разработчика автомобильных систем своей дочерней компанией

23.03.2017 Fossil представила более 300 моделей умных часов

23.03.2017 Le XiubaleR получит Helio X20 и Android 7.1.2

23.03.2017 LG Pay будет запущен в Корее в июне

23.03.2017 Casio представила версию смарт-часов Pro Trek WSD F20 с сапфировым стеклом

23.03.2017 Два смартфона Meizu с быстрой зарядкой зарегистрированы в Китае

23.03.2017 Красный iPhone оказался аномально популярным в Китае

23.03.2017 Яндекс увидел угрозу для своих «Денег» в СП Сбербанка и Alibaba

23.03.2017 Apple запустила вебсайт «Бизнес» в России

Hit

23.03.2017 Видео на канале: Обзор Huawei P10

23.03.2017 «Связной» и «Евросеть» могут объединить

23.03.2017 Panasonic представил для тайваньского рынка новый смартфон – ELUGA PURE

23.03.2017 В Карты Google возвращается возможность делиться с друзьями своим местоположением

22.03.2017 ZTE представила обновление линейки Nubia в Китае

22.03.2017 Huawei представит смартфон линейки Honor 5 апреля

Подписка
 
© Mobile-review.com, 2002-2017. All rights reserved.