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

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

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

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

Как обновить дизайн Вконтакте

Через некоторое время после моего согласия принять участие в тесте ко мне пришло сообщение вот такого содержания:

сообщение-от-админ-ВК

Я перешел по ссылке и сразу же очутился в новой версии ВК. Скажу честно, первые секунды я был приятно удивлен. Новый дизайн смотрелся очень красиво и современно.

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

Овал доминирует

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

Обновленный-интерфейс-Вконтакте-моя-страница

Моя страница

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

Также, ниже мы видим блок с информацией о количестве друзей, подписчиков, фотографий и видеозаписей. Думаю, данный блок был добавлен по причине того, что чаще всего люди при посещении чьей-либо страницы обращают внимание именно на эти данные. А теперь им не придется ради этого пролистывать страницу вниз. Кстати, эти данные являются ссылками, при клике на которые появляются соответствующие данные.

Один из самых заметных нововведений — это появление раздела с уведомлениями, прямо как в Фейсбуке. Думаете совпадение?

уведомления-ВК

Также был видоизменен блок с публикациями. Теперь намного легче найти ту или иную запись. Для этого можно воспользоваться поиском либо перейти в раздел «Мои записи».

записи-в-новой-версии-ВК

Еще одна новая функция, которая меня очень порадовала — это возможность отметить публикацию доступной только для друзей. Для этого нужно всего-навсего нажать на кнопку замочка:

поиск-по-публикациям

Также можно заметить, что вёрстка Вк претерпела некоторые изменения. Например, теперь левый виджет является фиксированным, и больше не исчезает при прокрутке страницы вниз. Я считаю что это очень удобно и можно было внести это изменение еще раньше.

фиксированный-виджет-нового-ВК

Новости

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

новости-в-обновленном-интерфейсе-ВК

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

Что немаловажно, есть возможность отображать в новостях только статьи нажав на соответствующий пункт меню.

Сообщения

Изменениям подвергся и раздел сообщений. Если быть точнее, в него добавлен блок с диалогами.

сообщения-в-новом-дизайне-Вконтакте

Думаю, это добавит удобства в процессе переписки.

Друзья

Можно приятно удивиться перейдя в раздел «Друзья». Дело в том что слева у нас появился новый блок под названием «Возможные друзья».

Всегда думал о том, почему в Фейсбуке есть такой виджет, а во Вконтакте нет. Теперь отечественная социальная сеть исправила ситуацию.

Группы

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

сообщества-ВК

Также был добавлен готовый виджет с самыми популярными сообществами.

Фото

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

фото-в-новом-интерфейсе-Вконтакте

Также стоит заметить, что все разбросанные прежде опции были собраны в одном блоке в нижней части фото.

Сортировка пунктов меню

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

пункты-меню-ВК

Видеопроигрыватель

В новом видеопроигрывателе Вк появились еще 2 новые функции: показ в обратном порядке и управление автовоспроизведением.

Редактирование, настройки

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

настройки-Вк

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

Один из таких обещаемых новшеств: появление каталога товаров и возможность их нахождения через сквозной поиск, наподобие Ebay и Aliexpress. В общем, поживем увидим.

А на этом у меня все. Надеюсь, данная статья была для вас полезной. Если это так:

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

2 Comments

  1. Классно, наконец-тот Вк решили сделать редизайн, а то уже давно отстают по все параметрам. Автору респект за скриншоты)

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вы можете использовать следующие теги HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

четыре × 5 =

Закрыть