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 г.

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

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

 

Новости:

22.09.2017 ONYX BOOX Chronos: доступный 9,7-дюймовый букридер

22.09.2017 NVIDIA запускает новую версию комплекта SHIELD TV – только с пультом ДУ

22.09.2017 «Лаборатория Касперского» обнаружила новую модификацию мобильного троянца, крадущего банковские данные

Hit

21.09.2017 Видео на канале: Обзор Nokia 6

Hit

21.09.2017 Видео на канале: Можно ли разблокировать Samsung Galaxy Note 8 фотографией лица

21.09.2017 Браузер Opera Developer 49 поддерживает видео в формате VR

21.09.2017 Выпущена Android One версия смартфона Moto X4

21.09.2017 BlaBlaCar в России интегрируется в Google Карты

21.09.2017 «Яндекс» покажет Путину прототип своего беспилотного автомобиля

21.09.2017 Google и HTC объявили о подписании соглашения о сотрудничестве

20.09.2017 Слухи: HTC завтра объявит о продаже части своего бизнеса Google

20.09.2017 Amazon представил обновленный 10,1-дюймовый планешет Fire HD 10

20.09.2017 MEIZU представила новый бюджетный смартфон – MEIZU M6

20.09.2017 Aquaris U2 и Aquaris U2 Lite – недорогие смартфоны среднего уровня от испанской BQ

20.09.2017 ФСБ и Роскомнадзор начали борьбу с кэшем Google

20.09.2017 iOS 11 уже доступна для загрузки

19.09.2017 «Лаборатория Касперского» готовит антивирус для автомобилей

19.09.2017 Google поможет стартапам раскрутиться с помощью Startup with Google

19.09.2017 LEXAND Kids Radar – детские умные часы-трекер для отслеживания детей родителями

19.09.2017 Это свершилось! Адреса, номера телефонов и контакты теперь преобразуются в ссылки в Gmail

19.09.2017 Россвязь работает на механизмом блокировки мобильных телефонов по IMEI

Hit

18.09.2017 Видео на канале: Обзор смартфона OnePlus 5

18.09.2017 ESET: хакеры майнят криптовалюту через браузеры российских пользователей

Hit

18.09.2017 Видео на канале: Обзор смартфона Moto G5s

18.09.2017 «Билайн» обновил тарифную линейку для своих бизнес-клиентов

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