«ВКонтакте» представила новый дизайн веб-версии соцсети — Соцсети на vc.ru
По словам операционного директора «ВКонтакте» Андрея Рогозова, работа над новым дизайном сайта велась на протяжении последних полутора лет.
Главный принцип нового дизайна «ВКонтакте» — на всех устройствах он выглядит похоже и узнаваемо. Пользователю веб-сайта легко найти нужный раздел в мобильном приложении, и наоборот.
Мы увеличили ширину экрана и шрифты, избавились от лишних деталей и сделали сайт проще для восприятия. Появилось дополнительное пространство для новых полезных функций. Также мы обновили левое меню: сократили названия пунктов, добавили иконки и перенесли наверх самые востребованные разделы — «Новости» и «Сообщения».
— Андрей Рогозов, операционный директор «ВКонтакте»
Интерфейс новой версии сайта российской соцсети выполнен в концепции «островов»: основной контент страниц — записи сообществ и пользователей — находится в блоках с белым фоном. Весь сайт получил голубой фон.
«Новости»
Списки новостей теперь находятся в отдельном блоке справа — вместе с поиском и комментариями. Появился отдельный переключатель для «умной ленты новостей»:
Аватарки сообществ и пользователей стали круглыми
У предпросмотра контента прикрепленной ссылки появилась рамка, отделяющая его от текста записи
Фотографии
Описание снимка и комментарии в режиме просмотра теперь отображаются справа от фотографии. По словам Рогозова, это сделано для того, чтобы лучше задействовать пространство широкоформатных экранов — «больше не нужно прокручивать экран вниз, чтобы просматривать фотографии и одновременно видеть комментарии к ним». Похожее решение используется в Facebook.
Шапка сайта
Полностью переработана шапка сайта — она растянута на всю ширину страницы. Исчезли прежние элементы меню («Люди», «Сообщества», «Игры», «Помощь»). Теперь здесь расположены центр уведомлений, быстрый доступ к разделу «Музыка» и меню профиля.
В новом дизайне используется только международная версия логотипа «ВКонтакте» — VKВ центр уведомлений приходят сообщения о новых отметках «Мне нравится», заявках на добавление в друзья, упоминаниях, днях рождения и прочем. Кроме того, на страницах людей и сообществ теперь можно подписаться на уведомления о новых записях.
Центр уведомлений
Профиль пользователя
В дизайне профиля пользователя разработчики использовали элементы из мобильных приложений «ВКонтакте». Например, появился блок с количеством подписчиков, друзей, фотографий и видеозаписей, который позволяет сразу перейти в соответствующий раздел.
Меню профиля в шапке сайта
Создание новой записи
Сообщество
Все элементы управления сообществом теперь спрятаны в меню.
Сообщения
Список диалогов теперь отображается списком, а не табами — на одном экране отображается список последних бесед и текущий открытый чат. По словам Рогозова, раздел сообщений «переписан с нуля».
«О компании» и блог соцсети
Полностью переделан раздел «О компании». Он выполнен в виде лендинга с основными фактами о компании, ссылками на официальные сообщества и контакты представителей соцсети.
Также «ВКонтакте» анонсировала возобновление блога компании. Первая запись посвящена запуску нового дизайна сайта.
Из подвала сайта исчезла ссылка на профиль основателя соцсети Павла Дурова
Новый дизайн веб-версии «ВКонтакте» будет доступен в тестовом режиме пользователям, которые успеют нажать на кнопку «Присоединиться к тестированию». Постепенно обновленная версия появится и у остальных пользователей соцсети.
vc.ru
Новый интерфейс Вконтакте: это точно не Facebook?!
Сравнение интерфейса Вконтакте и Фейсбука давно стало аналогом холиваров между андроидоманами и «яблокофилами»: с каждой стороны можно набрать целую армию, которая будет яростно отстаивать свою точку зрения. Многим известно, что нынешний образ Вконтакте – это оптимизированный и очищенный от всего лишнего интерфейс Facebook образца эдак 2006 года. И именно это для многих и было решающим фактом в пользу vk.com, по сравнению с вечномутирующим Фейсбуком: стабильность интерфейса и его простота. Поэтому первоапрельская новость стала более чем неожиданной: нас ждет новый интерфейс Вконтакте!
И, судя по скриншотам из анонса, дизайнеры Вконтакте, подождав 10 лет, снова зашли Facebook, огляделись и решили: «Круто, нам надо сделать так же!»… И ведь, правда, сделали…Анонсируя данную первоапрельскую «нешутку» операционный директор настаивал на том, что новый интерфейс Вконтакте – результат более чем полуторалетних тщательных изучений и проработки каждого элемента сайта, и основная цель всех этих действий – «переход на новый уровень развития» социальной сети vk.com.
Благодаря изменениям интерфейс Вконтакте будет выглядеть практически одинаково на любом устройстве (планшет/ПК/смартфон и т.д.), не нужно будет привыкать к управлению соцсетью на каждом отдельном гаджете.
Также утверждается, что Vk.com теперь будет «проще для восприятия». Зачем упрощать и так простое и понятное, правда, не уточняется. Озвучено, что изменению подверглись шрифты, увеличена ширина экрана, а под «новые полезные функции» определили доп.пространство.
Переработана и колонка основного меню (та, что слева): названия разделов стали короче и сопровождаются теперь пиктограммами-иконками, разделы «Новости» и «Сообщения» вообще перекочевали наверх.
Человек, знакомый с интерфейсом Facebook, может сейчас возмутиться: «Ну ведь ни капли не похоже!».
Ну как сказать, ни капли. Давайте присмотримся к такой картинке:
Дублировать наиболее востребованные разделы в шапке? Да нее, «Вконтакте» такое сами придумали.Огромное спасибо дизайнерам Вконтакте, что не стали заимствовать и левую колонку! Сплагиатить «тонко и со вкусом» ведь тоже уметь надо.
Отдельно анонсировалась новая лента новостей Вконтакте. В марте о ней говорили в контексте «вплетения» в старый интерфейс. В первоапрельском обзоре видоизменений соцсети о ней уже сообщается как о неотъемлемой части нового облика vk.com. Итак, что поменялось? Как утверждает А. Рогозов – всё. Каждый элемент блока «Новости» был «отредизайнен». Под «Новости» отвели часть правой колонки, добавили разделение «Новостей» на категории (Фото/Видео, Друзья, …), там же разместились и другие элементы «старых Новостей» (например, «Рекомендации»). Но самое важное, на чем разработчики vk.com акцентировали внимание еще при презентации «Новой ленты» — размещенный обособленно переключатель на «алгоритмический механизм». Не заметить его просто нельзя: вот он, тумблер «Сначала интересные» внизу правой колонки:
Пользователей соцсети ждет также совершенно новый блок «Сообщения». Разработчики рапортуют, что он «переписан с нуля». Теперь на экране одновременно будет отображаться как активный чат, так и список последних диалогов:
По замыслу разработчиков это должно упростить переходы между беседами, сделать более информативными сигналы о новых сообщениях. Индикация следующая: непрочитанные сообщения – точка справа от «беседы» — синяя; если собеседник онлайн, возле мини-аватарки будет зеленый индикатор. Иии… тут возникает очередной, вполне справедливый вопрос: когда заявляют, что «переписывая» раздел «с нуля» всё равно получают сглаженный-прилизанный, но Facebook?
Учиться у более опытных и успешных конечно нужно. Но кто говорил, что нужно и во всём подражать?«Вконтактовцы» вообще постарались, чтобы новый интерфейс Вконтакте стал как можно более «очевидным». И для этого в «шапку» вывели еще один индикатор – «Уведомления». Чтобы пользователь не пропустил чего-нибудь важного: дня рождения друга, чьего-нибудь «лайка», запроса в «друзья» и т.д.
Если на сайте происходит какая-либо активность, затрагивающая пользователя, «колокольчик» сразу обзаведется красной меткой.
Раздел «Фотографий», также очень востребованный раздел соцсети Вконтакте, откровенно говоря, был не таким уж и удобным. И его «офейсбучивание» — практически под копирку – отличный пример того, что хорошее подражание может идти на пользу:
Вот такой теперь к «Вконтактика» интерфейс фотопросмотра: фотки крупнее, горизонтальная ориентация «viewer-а», комментарии не где-то шлейфом внизу страницы, а на удобном месте – справа от «объекта комментирования».А вот вам Facebook. Как для чего? Для того чтобы сыграть в «Найди 5 отличий»!Анализировать все-все изменения, которые вскоре «свалятся на голову» всем пользователям Вконтакте было бы весьма утомительно – ведь операционный директор соцсети заверил, что был затронут «каждый интерфейс сайта». Для того, чтобы, «проникнуться» новым интерфейсом, в который нарядят Вконтакте, достаточно и рассмотренных разделов.
Есть одно но: если уважаемый читатель сейчас зашел проверить свою vk-страничку и вернулся сюда с резонным недоумением вроде: «Что за бред они тут несут! Всё ж как было». Объяснением этому служит не горячечный бред у автора, а тот факт, что тестирование нового интерфейса vk.com решили на «ограниченной аудитории». И читатель, к счастью (а может, к сожалению) в эту аудиторию не попал. Однако, для тех, у кого есть непреодолимая тяга к «новизне», и у кого «горит» вопрос, как перейти к новому дизайну Вконтакте у себя, разработчики оставили право добровольно присоединиться к обкатке нового дизайна. Для этого они разместили на странице https://new.vk.com/blog в самом ее низу кнопку «Присоединиться к тестированию»:
Она будет активна только в случае, если пользователь сначала авторизовался в vk.com, а затем зашел на страницу блога Вконтакте.
Ответ сайта при подаче заявки на доступ к новому интерфейсу vk.com
Перейти в блог vk.com, чтобы установить новый дизайн Вконтакте 2016.
Похожее
netobserver.ru
Новый дизайн вконтакте увидит свет в 2016 году
Добрый день. Сегодня, 01 апреля 2016 года ( да-да, это не шутка, или все таки шутка???) в 13-00 операционный директор вконтакте Андрей Рогозин опубликовал на блоге — new.vk.com/blog/redesign2016 информацию о том, что привычный и полюбившийся за 10 лет существования социальной сети вконтакте дизайн претерпит значительные изменения. Грубо говоря будет проведен обширный «редизайн».
Социальная сеть vkontakte.ru ( VK.COM ) появилась в октябре 2006 года. За это время было проделано много работы по технической части — добавлялись и убирались сервисы, возможность покупать и дарить голоса сменилась подарками и тд, но дизайн как таковой оставался неизменным.
Как заявляют разработчики на создание нового облика социальной сети ушло около полутора лет. Был проработан и изменен каждый элемент. Теперь дизайн сайта можно будет назвать по-настоящему современным.
Основное направление изменений — мобильные устройства. Теперь сайт будет проще для восприятия, а функционал мобильной версии вплотную приблизится к «полной» компьютерной версии.
Давайте поговорим об основных изменениях.
1. Для удобства пользователей было изменено боковое меню, названия пунктов были сокращены. А самые «горячие» кнопки — новости и сообщения были перенесены наверх.
2. Была изменена лента новостей и фильтры в ней. Добавилась кнопка «сначала интересные».
3. В личных сообщениях теперь непрочитанные сообщения выделяются синей точкой, а понять в сети или нет пользователь можно понять но горящей зеленой точке-индикатору.
4.Все что связано с уведомлениями, начиная от отметок «мне нравится» до «заявок в друзья» вызываются по специальной кнопке-колокольчику.
5.Фотографии теперь отображаются горизонтально в журнальной верстке. Данное нововведение придется «по-вкусу» владельцам широкоформатных мониторов.
Изменения по дизайну и функционалу по заявлениям разработчиков ВК.КОМ коснутся всех разделов без исключения.
Команда вконтакте уже запустила тестовый режим. Чтобы увидеть обновленный дизайн VK.COM вам нужно перейти по ссылке —
https://new.vk.com/blog
Откликнуться на заявку внизу страницы и получить уведомление о том, что:
Ваша заявка принята.
Мы оповестим Вас, как только редизайн станет доступен
ЗАЯВКА НА ТЕСТИРОВАНИЕ НОВОГО ДИЗАЙНА ВКОНТАКТЕ ПРИНЯТА
Теперь Вам остается только ждать. По прогнозам пользователей новый редизайн покажут сперва первым 5 000 000,00 человек, а потом уже через месяц всем остальным пользователем VK.COM.
Описывайтесь в комментариях у кого уже обновился дизайн вконтакте. Как он вам? Стало лучше и удобнее?