Редизайн вконтакте 2019 – Обновление ВКонтакте 5.0 с новым дизайном вышло для Android и iOS

Содержание

Мобильное приложение «ВКонтакте» скоро получит редизайн

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

Навигация меню

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

Лента новостей

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

Поиск и рекомендации

Раздел рекомендаций станет более удобным для пользователей. Абсолютно весь контент будет выдаваться в виде карточек. 

Аудиоплеер

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

Редактор историй

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

Ждём!

rozetked.me

«ВКонтакте» ждет масштабный редизайн сайта


Иллюстрация new.vk.com

 

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

 Новый дизайн сайта, над которым команда соцсети работала 1,5 года, стал более современным. Главный принцип нового дизайна «ВКонтакте», по словам операционного директора «ВКонтакте» Андрея Рогозова, состоит в том, что соцсеть на всех устройствах выглядела похоже и узнаваемо.

 

Андрей Рогозов, операционный директор «ВКонтакте»


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

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

 

В разделе «Новости» переработаны все элементы. Записи в ленте стали заметнее. Списки новостей теперь появляютсяв отдельном блоке справа вместе с поиском и комментариями. Включить умную ленту новостей можно будет переключением в режим «Сначала интересные», расположенным сразу под блоком. 

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

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

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

Также обновились и разделы, рассказывающие о «ВКонтакте»: «О компании», «Продукты» и «Работа ВКонтакте». 

 

 

www.sostav.ru

Что думают эксперты и пользователи про новый дизайн «ВКонтакте» / Хабр

1 апреля 2016 года социальная сеть «ВКонтакте» представила редизайн своего сайта. Новый дизайн был тогда запущен в тестовом режиме. Работа над ним велась полтора года. 17 августа произошел окончательный переход. Все пользователи социальной сети были принудительно переведены на новый дизайн.

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

Мнения, как всегда, разделились. Пока эксперты и пользователи в волю высказываются. Какие выводы из этого сделают разработчики нового дизайна?

Однако «срез общественного мнения» выглядит так:

Более того, негативных отзывов на порядок больше. На платформе change.org появилась петиция в защиту старого дизайна сайта.

«Мы не навязываем и не принуждаем этим жестом к тому, чтобы отказались от нового дизайна. Однако у человека должна быть альтернатива — выбирать, чем пользоваться, а что игнорировать», — пишет автор петиции Максим Литманен. Петицию подписали более 41 тысячи человек (по состоянию на 17 00 МСК, четверг).

«Дуров, верни себя!»

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

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

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


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

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

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

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

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

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

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

• Аудиоплеер занимает главенствующее место. Всем известно, за что люди любят «ВКонтакте». Интересно, какое количество пользователей слушает музыку там? Думаю, что большинство, если плеер занял такое важное место.

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

• Реорганизация меню. «Новости» и «Сообщения» победили «Друзей», «Группы» и всех остальных.

• В «Новостях» вижу две надписи «Поиск». Догадываюсь, в чем отличия, но догадываться — это не очень хорошо для интерфейса.

• «Сначала интересные» — это мягкий переход к новому типу новостной ленты? Чтобы не было «Дуров, верни стену!»?

• Кнопка «Присоединиться к тестированию» нового интерфейса — очень хорошая. Очень. Я прошу вас, присоедините меня. Я сам этого хочу. Нет, вы меня не заставляете.
Классно. Как на моём iPad. Давно пора. Дальше будут к большим переменам двигаться маленькими шагами, уверен.

Мы взяли комментарии у других экспертов и задали им свои вопросы.

Денис Шумов, арт-директор m18.ru

Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?

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

Насколько оправдано время, потраченное на разработку нового дизайна? Оптимально ли, по вашему мнению, соотношение время-результат?

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

Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?

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

Что категорически не нравится?

Таких вещей нет.

Илья Божко, дизайнер компании ТМ

Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?

Нет не согласен, разработчики ВК поступили правильно, запустив открытый бета-тест нового интерфейса, подготовив пользователя к обновлению. Поддерживать два стиля очень трудно.

Насколько оправдано время, потраченное на разработку нового дизайна? Оптимально ли, по вашему мнению, соотношение время-результат?

Сейчас сказать сложно, результат будет виден только через некоторое время.

Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?

В целом — да. Есть моменты, которые требуют доработки, но в целом редизайн удался.

Что категорически не нравится?

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

Какие элементы дизайна кажутся удачными?

Более продуманные элементы управления, иконки уведомления и аудиозаписи в шапке, страница сообщения.

Дмитрий Чута, CEO/Founder в Chapps

Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?

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

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

Насколько оправдано время, потраченное на разработку нового дизайна? Оптимально ли, по вашему мнению, соотношение время-результат?

Цифры, конечно, на первый взгляд кажутся завышенными, но только для тех, кто не работал с крупными проектами с миллионами очень разных и активных юзеров. Big data — это всегда сложно. У меня такой опыт есть и я постараюсь объяснить. Например, дизайнер захотел сменить размер аватарки, для сайта с 5000 юзеров — это не проблема. Но сделать серверный ресайз 400 миллионов аватарок (сколько там сегодня юзеров в VK?) — это уже ресурсоемко.

А если я скажу, что нужно еще и десять дополнительных ресайзов сделать, чтобы оптимизировать загрузку… уловили? Работа над дизайном такого проекта имеет всегда очень много ограничений, с которыми дизайнерам нужно сталкиваться и часто придумывать очень нестандартные решения. Мне даже дизайнерами таких людей сложно назвать, так как с разработчиками и маркетологами они проводят больше времени, чем над рисованием макетов. Юзеры всегда будут судить работу поверхностно, и тут ничего не сделать.

Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?

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

Что категорически не нравится?

Чисто субъективно мне хочется вернуть «Уведомления», как было раньше: без вывода их в отельную иконку с дропдауном, а еще поле поиска сделать больше и сам поиск сделать лучше и умнее.

Какие элементы дизайна кажутся удачными?

Как я уже сказал, радикальных изменений в дизайне нет, а самые удачные решения всегда незаметны, даже мне.

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

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

habr.com

Что не так с редизайном «Вконтакте» / Хабр

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


Правда убрали же

На первый взгляд всё вроде даже неплохо. То есть, конечно, шок и неожиданность — но с другой стороны, кто об этом не знал? А кто не знал — ну кто не понимал, что интерфейс ВК уже морально и практически устарел? К чему всё идёт стало понятно, ещё когда они (месяц назад или чуть больше) обновили мобильное приложение.


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

О плохом


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

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

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

С точки зрения обычных юзеров всё не так критично — под раскрывашку спряталась только ссылка «добавить в закладки» да новая функция «подписаться на уведомления». Но на вопрос: зачем? какую пользу от этой радикальной экономии пространства мы получаем? — это никак не отвечает.

Кстати, по ходу этой оптимизации, похоже, одну ссылку даже потеряли: не знаю, то ли лыжи не едут, то ли я необутый, но куда подевались сообщения сообществ в новом интерфейсе — ума не приложу. Их раньше и в мобильном приложении не хватало, а теперь, в порыве энтузиазма всеобщей мобилизации, их ещё и с десктопной версии куда-то продевали. Лучше бы сделали всё наоборот.


Сообщение видишь? А оно есть!

В саппорт написал, посмотрим.

Цвета. Это, конечно, вкусовщина, я даже не спрашиваю ЗАЧЕМ надо было менять цвет интерфейса — вопрос в том, ПОЧЕМУ ИМЕННО НА ТАКОЙ. Если вы хотели высветлить и сделать визуально легче, то вы промахнулись: новый цвет вконтакте выглядит слегка выцветшим, как будто кто-то нарисовал новый дизайн ВК на бумаге, а потом забыл на месяц под тусклым питерским солнцем — у нас тут как раз солнышко стало, наконец, появляться.

Скажем, если бы они сделали новый фирменный цвет голубым — было бы и ярко и свежо. Может, даже слишком ярко — вот «Твиттер» недавно приглушил свои цвета. Т.е., видимо — ну, я надеюсь, по крайней мере, — в ВК как-то анализировали вопрос, психологов там и колористов вызывали в башню Зингера на допрос — и выбрали именно этот тусклый синий по каким-то очень умным и веским причинам. Хотелось бы услышать, каким, а то пока выглядит так, будто у вас в «Фотошопе» краска закончилась. Хорошая, кстати, была бы идея для Adobe как наказывать пиратов.

Я очень надеюсь, что это всё не зря, и я привыкну к этим новым цветам, жизнь «как раньше» буду в кошмарных снах видеть — но пока общее впечатление от картины — как будто мне в глаза добанули прожектором, и я слегка ослеп — ничего не вижу, только какие-то очертания.

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

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

Новое меню. Мне будет не хватать горизонтального верхнего меню, пожалуй. Скажем, одним из частых способов использования ВК для меня было в два клика: Главная → Комментарии — перейти к новым комментам моих постов. Эти два клика сохранились, но теперь они расположены не вверху, а по разные стороны от текстовой колонки:


Было


Стало

В чём смысл? Всеобщей мобилизацией это не объяснишь: в мобильной версии нет, конечно, верхнего горизонтального меню. Но и правого бокового тоже нет — как-то всё в одно левое основное умещается. Кстати, мне всегда нравилось, как уведомления о лайках и комментах реализованы в приложении: там это две вкладки в пункте меню «Уведомления» — к счастью, это сохранилось и в новой версии аппика. Деление на ответы/комментарии, рассованные по разным углам интерфейса веб-версии ВК мне были абсолютно непонятны, но я с этим мирился, полагая атавизмом прошлых времён. Но радикальность нынешней реформы сути не поменяла: до сих пор комменты в одном месте — в отдалённом пункте меню справа, а уведомления о лайках и прочем всё равно в другом: теперь они переехали под колокольчик в шапке. ЗАЧЕМ? Почему нельзя их сделать рядом? Почему нельзя признать важность этих упнктов для людей, и вынести уведомления и комменты в левое основное меню? Да, это порушит внутреннюю логику — мол, левое меню для разделов сайта — ДА И ПОФИГ. В приложении же так и сделано — и ничего удобнее вы всё равно, вероятно не придумаете.

О хорошем


По традиции — ложка мёда.

Уведомления о входе.

Прямо очень порадовали:

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

Новая ширина колонки. Это был, безусловно, самый бесящий момент старого ВК — что при прокрутке на странице пользователя/сообщества менялась ширина текстовой колонки.

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

За сохранение старого.

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

Лимб


Здесь у меня будут изменения, которые пока вызывают сомнения, но не готов их резко записать в недостатки.

Комментарии справа от фотографий. Здесь можно похихикать на тему сложных взаимоотношений ВК с Инстаграмом, чей недавний конкурент у них пока так и не зашёл — а теперь они врубили, получается, тяжёлую артиллерию. Вообще, решение вывести комменты на первый экран выглядит разумным — это же веб-версия, всё равно у всех широкоэкранные дисплеи, пускай, в кои-то веки, пустое место слева/справа будет работать и пользу приносить. Но вот странность: в «Фейсбуке», например, реализованы оба способа вывода: по умолчанию — а-ля Инста…, простите, Вконтакте, но если кликнуть на дату записи, то откроется олдскульный режим с комментами внизу. И я обычно кликаю на дату, потому что мне, почему-то, так удобнее. Текстовая колонка шире, комменты читать проще — а в узкой правой колонки ничего длинее «Ыыы», «Лол», «Какая же ты красивая!» и «Первый нах» толком и не помещается как будто. Но может я один такой странный? Ыыыы, лол. В общем, в лимб.

Резюме


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

Осталось дождаться ответов на заданные вопросы, и, надеюсь, исправлений описанных неудобств.

Но пока я всё-таки посижу на старом дизайне, спасибо.

UPD Дважды лол:

Нецензурный комментарий на VC.ru под сборищем хвалебных отзывов капитанов индустрии: vc.ru/p/vk-opinions#comment257970

И тут сразу же VC под шумок собрало экспертное мнение отрасли, думает будет горячий материал, все в шоке. Что они вообще несут? Какое отношение эти люди имеют к дизайну? Почему под видом экспертного мнения мне в уши заливают какую-то хуйню?

Совсем нецензурный, но весёлый и точный разбор косяков нового редизайна: readymag.com/uxnoname/VK
Самым большим блядством оказалось несомненно уменьшение ширины ленты и без того маленькой как зарплата россиянина. Если раньше визуально она была шире даже за счет того что аватарка постера находилась правее, то сейчас это дерьмо слилось в одну сраную кучу.

habr.com

20 концепций редизайна Вконтакте / Вдохновение (Веб-дизайн) / Постовой

С момента моей последней публикации прошло почти полгода. Это печально. Я не забил на блог, как многие подумали. Простая, банальная нехватка времени. Есть и относительно хорошие новости. На данный момент ждет своего запуска еще один мой проект — каталог jQuery плагинов, но, как это ни печально, на его заполнение времени также не хватает. Если у кого-то есть возможность, можете помочь.
Итак. По делу. Я просто не мог пропустить одно событие, так как оно вызвало много шумихи в рунете и, думаю, будет интересно многим. В одном из наиболее влиятельных и многочисленных сообществ «Вконтакте», посвященному самому сайту “Вконтакте”, недавно закончился конкурс на редизайн VK. Было выбрано 5 победителей, дизайны которых, по сути, оставляют желать лучшего. Я не вникал в критерии и сам процесс отбора призеров, но во время проведения мероприятия на просторах интернета переодически встречал конкурсантов с их вариантами редизайна, которые были значительно лучше тех, кто выиграл.
Речь сегодня пойдет не только о победителях, но и о проигравших и вообще не участвующих в конкурсе, так как их работы также заслуживают внимания и являются, в некоторых случаях, более интересными и креативными.
Когда-то очень давно я уже писал топик с подборкой дизайнов социальных сетей. Можно считать, что это продолжение темы.
Итак, к вашему вниманию подборка редизайнов социальной сети “Vkontakte”.


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

1 место
2 место
3 место
4 место
5 место

Другие редизайны «Вконтакте»
Редизайн «Вконтакте» от Slava Kornilov
Автор выложил и бесплатный исходник дизайна в PSD.

Редизайн «Вконтакте» от Stas Morozov
Редизайн «Вконтакте» от Viktor Kozyriev
Редизайн «Вконтакте» от Heyllow Lab
Редизайн «Вконтакте» от David Svezhintsev
Редизайн «Вконтакте» от Rustem Sirazetdinov
Редизайн «Вконтакте» от Evgeniy Makavelli
Редизайн «Вконтакте» от Vitaly Rubtsov
Редизайн «Вконтакте» от Denis Nazarov
Редизайн «Вконтакте» от Rom Mar
Редизайн «Вконтакте» от Andre Prakapenka
Редизайн «Вконтакте» от Sem Dzh
Редизайн «Вконтакте» от Denis Efremov
Редизайн «Вконтакте» от Dima Trubchyk
Редизайн «Вконтакте» от Ruslan True

postovoy.net

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

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

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

Соцсеть изменила порядок и названия (в частности, были убраны дублирующие слова «Мои») элементов в левом меню. В соответствии с мобильными приложениями, первым следует «Моя Страница», далее — «Новости», «Сообщения», «Друзья» и т.д. Кроме того, каждый пункт сопровождает собственная иконка. «Лишние» элементы при необходимости можно скрыть из виду.

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

Секция с сообщениями была полностью переделана. Теперь она состоит из двух частей: списка диалогов (слева) и текущей беседы (справа). «Лайки», заявки на добавление в друзья, упоминания, дни рождения друзей теперь собраны в одном месте — в разделе «Уведомления». Их можно просмотреть, нажав на иконку с изображением колокольчика в шапке сайта.

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

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

Источник: блог «ВКонтакте»

Поделитесь новостью:

hitech.vesti.ru

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

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

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

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

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

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

Раздел сообщения полностью переработан. Теперь недавние диалоги и текущий открытый чат умещаются на одном экране.

В разделе «Новости» теперь можно выбрать вид ленты — хронологическая либо интеллектуальная. Хронологическая показывает новости в том порядке, в котором они публикуются. Интеллектуальная же выберет самые интересные для пользователя новости, как это реализовано у Facebook.

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

Соцсеть «ВКонтакте» была создана в октябре 2006 года Павлом Дуровым. За 10 лет существования сайта дизайн менялся незначительно. Самое заметное нововведение соцсети было связано с изменением расположения раздела «Новости» в 2010 году. Тогда новостной сервис появился на том месте, где раньше была «Стена». Это возмутило некоторых пользователей, так как они долго копили на ней записи — поздравления с праздниками, открытки, нарисованные с помощью сервиса «Граффити», и многое другое. Часть пользователей разместила на своих аватарах надпись «Дуров, верни стену! Мы против микроблога». После этого ленту перенесли в раздел «Мои новости» и вернули «Стену».

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

Следите за новостями Apple в нашем Telegram-канале, а также в приложении MacDigger на iOS.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook, Google+ или через RSS, чтобы быть в курсе последних новостей из мира Apple, Microsoft и Google.

Поделись этой статьей с друзьями

www.macdigger.ru

Добавить комментарий

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

Закрыть
Menu