[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Daria Khokhlova", "author_type": "self", "tags": ["\u043c\u043d\u0435\u043d\u0438\u044f","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d","badoo","\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b","acronis","\u043d\u043e\u0432\u044b\u0439_\u0434\u0438\u0437\u0430\u0439\u043d","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","redmadrobot","\u0441\u0442\u0443\u0434\u0438\u044f_\u043e\u043b\u0435\u0433\u0430_\u0447\u0443\u043b\u0430\u043a\u043e\u0432\u0430","\u043c\u0430\u043d\u0443\u0444\u0430\u043a\u0442\u0443\u0440\u0430","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d_\u0441\u043e\u0446\u0441\u0435\u0442\u0438","depot_wpf","\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d_\u0432\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","catzwolf"], "comments": 161, "likes": 62, "favorites": 18, "is_advertisement": false, "section_name": "default" }
Daria Khokhlova
53 712

Российские дизайнеры и представители отрасли о редизайне «ВКонтакте»

1 апреля 2016 года социальная сеть «ВКонтакте» представила редизайн своего сайта. Новый дизайн запущен в тестовом режиме — он доступен пользователям, которые успели нажать кнопку «Присоединиться к тестированию».

Редакция vc.ru собрала мнения российских экспертов отрасли о проведённом редизайне.

Работа над новым дизайном сайта велась на протяжении последних полутора лет. Обновились все разделы сайта — профили пользователей, списки друзей, новостная лента, страницы сообществ и так далее:

Олег Чулаковоснователь и арт-директор «Студии Олега Чулакова»

Стало на порядок лучше. Это колоссальная работа. Всё увеличилось, кегль шрифта увеличился (*плачет от радости*). В статье на vc.ru многие вещи рассказали, не вижу смысла повторяться.

Напишу свои предложения по улучшению.

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

Подчеркивание ссылок при наведении — полумера. Нужно двигаться дальше и полностью отказываться от подчеркиваний, делать цветовую идентификацию ссылок. Все интерактивные элементы — синие, это хорошее правило, можно и без подчеркиваний обойтись. Хочется, чтобы десктопная версия «ВКонтакте» стала ещё ближе к мобильной, а мобильная версия стала более прогрессивной — взаимодействия а-ля Tinder при работе с фотографиями и так далее. Более живое и человечное приложение хочется.

Help нужно менять на человеко-ботов.

Разнесение управления (меню) и контента на разные слои — это прогресс. Можно двигаться дальше, упрощать интерфейс и выносить многие функции на верхний всплывающий слой, чтобы они:

  • Не занимали место.
  • Были доступны тогда, когда они нужны.

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

В сообществах теперь контакты и другая важная информация теперь прибивается справа. Это круто и важно. Нужно двигаться дальше в плане повышения привлекательности сообществ для бизнеса.

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

Павел Шумаковпродуктовый дизайнер в Badoo, бывший дизайнер «ВКонтакте»

Шире. Лучше. Функциональнее. Это действительно долгожданное событие. И пользователи, несомненно, будут вознаграждены за столь долгое ожидание. Их ждёт новый, я бы сказал, чистый дизайн.

Новый сайт «ВКонтакте» — это большой шаг как для компании, так и для пользователей. Новые возможности, новые разделы.

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

Может показаться, что не хватает контрастов. Дизайн выглядит более чем однородным. Но это даёт команде дизайнеров маневренность для расставления акцентов в дальнейшей работе.

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

Проблему с футером так и не решили, на страницах с постоянно подгружающимся контентом он становится недоступен. Слева, под меню он бы всегда был на виду и доступен на всех страницах.

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

Александр Загорскийкреативный директор брендингового агентства Depot WPF

Интересная ситуация с новым дизайном «ВКонтакте»: когда смотришь на обновлённую версию, кажется, что так оно и должно быть, кажется даже, что оно так и всегда было, и что совсем ничего не изменилось, а открыв старый дизайн, удивляешься, как мы вообще могли жить с таким страшным интерфейсом и не замечать этого? Схожий эффект возникает, когда берёшь какой-нибудь iPhone 4 со старой операционной системой (до-«флетовой» эпохи), разглядываешь его и улыбаешься, думая, как тебе когда-то это вообще могло нравиться.

Шаг, на который решилась «Вконтакте», и результат, который мы все видим — практически идеальный эволюционный переход.

Сергей Гальцевведущий дизайнер Redmadrobot

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

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

Полтора года — очень большой срок для подготовки редизайна. Ресурсы и возможности компании явно позволяли сделать это намного быстрее. В мире проектирования интерфейсов (особенно мобильных) очень короткие циклы, и то, что было остро модно и актуально, перестает быть таковым уже спустя полгода. Об этом необходимо помнить в том числе во время работы над масштабным редизайном — то есть либо делать выбор в пользу нейтральных решений, которые не устаревают так стремительно, либо рисковать и пытаться заглянуть в будущее. Хоть новый сайт и оставляет после себя приятное впечатление, не удается отделаться от ощущения, что с редизайном запоздали как раз на эти полтора года, в течение которых шла его подготовка.

«ВКонтакте» выглядит лучше, чем Facebook, но сделать качественный продукт с точки зрения интерфейса вслед за кем-то, конечно, проще, чем выпустить его первым.

Артемий Альтманкреативный директор digital-агентства Catzwolf

Обновленный интерфейс сайта, на мой взгляд, выполнен очень удачно. Сменить дизайн «ВКонтакте» пора было уже очень давно, команда явно с этим затягивала. Новый сайт соответствует последним тенденциям в веб-дизайне и проектировании интерфейсов. Сайт стал ещё более походить на своего собрата Facebook, что в целом хорошо. Унифицирование двух основных соцсетей воспитывает общие принципы в поведении пользователя на сайте, делает интерфейсы понятными на интуитивном уровне.

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

Цветовая гамма изменилась в лучшую сторону, такой оттенок синего намного приятнее для восприятия. Переработка верхнего меню — очень правильный ход, там было слишком много дублирующих пунктов и лишнего, сейчас стало чище, функциональнее. Отдельно хочется отметить типографику на сайте: на мой взгляд, шрифт Open Sans, который сейчас используется в новой версии, имеет ряд проблем, он может себя по-разному вести на разных экранах и устройствах, сглаживание может очень сильно отличаться не в лучшую сторону. Я думаю, этот момент будет дорабатываться на процессе тестирования.

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

Дмитрий Провоторовменеджер проектов «Мануфактура IT Production & Graphic Design»

Суперинтересные мелочи:

  • Аудиоплеер занимает главенствующее место. Всем известно, за что люди любят «ВКонтакте». Интересно, какое количество пользователей слушает музыку там? Думаю, что большинство, если плеер занял такое важное место.
  • На скриншотах в блоге очень правильная вещь — ссылка на раздел «Реклама» заняла удобное место слева в меню. Но почему это не сделали в интерфейсе? Она осталась в подвале. Я прямо чувствую скрежет зубов тысяч пользователей, которые пытаются «поймать» её в разделах с бесконечной прокруткой. Думаю, докрутят ещё.
  • Реорганизация меню. «Новости» и «Сообщения» победили «Друзей», «Группы» и всех остальных.
  • В «Новостях» вижу две надписи «Поиск». Догадываюсь, в чем отличия, но догадываться — это не очень хорошо для интерфейса.
  • «Сначала интересные» — это мягкий переход к новому типу новостной ленты? Чтобы не было «Дуров, верни стену!»?
  • Кнопка «Присоединиться к тестированию» нового интерфейса — очень хорошая. Очень. Я прошу вас, присоедините меня. Я сам этого хочу. Нет, вы меня не заставляете.

Классно. Как на моём iPad. Давно пора. Дальше будут к большим переменам двигаться маленькими шагами, уверен.

Дмитрий Борисенковстарший дизайнер по пользовательским интерфейсам компании Acronis

Ничтоже сумняшеся, включил новый дизайн и обрадовался сразу. Стало чище, приятнее глазу и душе. Первый раз я так обрадовался, когда ребята из «ВКонтакте» придумали затенять фон при просмотре видео. Смотришь себе подборку видео с котиками, которые пугаются лежащих за их спиной огурцов, и фон не отвлекает. Чистейшее удовольствие!

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

А ведь было время, что я пользовался «ВКонтакте» в первую очередь ради аудиозаписей. Полез со старым привычным паттерном действий к ним, а там почти тю-тю. Лежат в самом низу. И, похоже, скоро их не станет совсем. Хотя и такой шаг уже вполне ожидаем.

Отдельное спасибо, что по умолчанию оставили хронологическую ленту. Я-то сам себе её включу, дабы потестировать, но зато многие другие точно бы стали переживать.

Дмитрий Поташниковменеджер по продукту Yota

Новый дизайн социальной сети «ВКонтакте» отвечает последним тенденциям в дизайне интернет-сервисов и интерфейсов. Его успешность можно будет оценить только через определённое время, когда обновленная веб-версия соцсети станет доступна всем пользователям ресурса.

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

#Мнения #редизайн #badoo #дизайнеры #acronis #новый_дизайн #интерфейсы #Redmadrobot #Студия_Олега_Чулакова #Мануфактура #редизайн_соцсети #Depot_WPF #редизайн_вконтакте #catzwolf

Статьи по теме
«ВКонтакте» представила новый дизайн веб-версии соцсети
Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

Прямой эфир

Хакеры смогли обойти двухфакторную
авторизацию с помощью уговоров
Подписаться на push-уведомления