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

Впервые новый дизайн стал доступен для бета-тестеров 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

 

Новости:

21.05.2019 Samsung представила в России новый смартфон – Galaxy M20

21.05.2019 Мультимедийную систему «Яндекс.Авто» предустановят на 2 миллиона автомобилей

21.05.2019 MEIZU приглашает на презентацию нового смартфона

Hit

21.05.2019 Redmi Note 7 уже здесь!

21.05.2019 Google анонсировала новые «умные» очки для бизнеса – Glass Enterprise Edition 2

21.05.2019 Xiaomi огласила финансовые результаты за первый квартал 2019 года

Hit

20.05.2019 Видео на канале: БЛИЦ | Huawei без Android! Что грозит пользователям и покупателям

Hit

20.05.2019 Видео на канале: НЕФОРМАТ | Прозрение

Hit

20.05.2019 Видео на канале: Проверяем качество олеофобного покрытия в домашних условиях

Hit

20.05.2019 Видео на канале: ОБЗОР | BQ 6040L MAGIC

Hit

20.05.2019 Видео на канале: МЫСЛИ | США отнимет Android у Huawei

Hit

20.05.2019 Видео на канале: ОБЗОР | Samsung Galaxy A70

20.05.2019 Яндекс по ошибке удалял виртуальные серверы активных пользователей

20.05.2019 Redmi Note 7S – крепкий «середнячок» за небольшие деньги

20.05.2019 VIVO Y3 – недорогой смартфон с огромным аккумулятором и 128 Гб встроенной памяти

20.05.2019 «Убийца» флагманов от Xiaomi анонсируют 28 мая

20.05.2019 Google приостановила отношения с Huawei после внесения китайской компании в «черный» список

17.05.2019 Redmi 7A все ближе к официальному представлению

17.05.2019 Oppo K3 появился на официальном сайте компании

17.05.2019 Oppo A9x представлен официально

17.05.2019 Meizu M16Xs появился на TENAA

Hit

17.05.2019 Видео на канале: APPLE - ВСЁ! Компания, ориентированная на потребителя

Hit

17.05.2019 Видео на канале: ПЕРВЫЙ ВЗГЛЯД | ASUS Zenfone 6 флагман с поворотной камерой

Hit

17.05.2019 Видео на канале: ОБЗОР | Лучший смартфон Xiaomi по доступной цене

Hit

17.05.2019 Видео на канале: НЕФОРМАТ | Ты и вы

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