Андрей Смирнов
Время чтения: ~8 мин.
Просмотров: 0

Веб версия вконтакте что это

Веб-версия «ВКонтакте» получит новый дизайн

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

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

Для создания соревновательного момента и мотивационного духа были закуплены MacBook Pro и iPad Air, которые и получили победители. Достойная награда за проделанную работу, не так ли?

Победителями конкурса (исходя из данных в соц сети) стали Павел Шумаков, Павел Князев, Денис Прокопов, Илья Гришин и Богдан Кононец. Каждый из них получил топовый MacBook Pro и возможность отправиться в Сан-Франциско для посещения конференции UX Week 2014.

Бронзу взяли Артем Носенко, Павел Григорьев, Шарыпин Денис, Евгений Зиновьев, которые получили «утешительные призы» в виде iPad Air.

Топовые работы:

Как видите, если вы являетесь пользователями iPhone и iPad, то при просмотре работ не покидало некое чувство дежавю. Как показывает практика, тенденции моды как-раз таки крутятся вокруг дизайн iOS 7/iOS 8.

О выборе окончательного варианта и финального обновления интерфейса пока ничего не известно.

С вами был ArviZami

Вконтакте проводит тестирование собственного мессенджера

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

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

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

Мессеннджер реализован в нескольких вариантах: под операционные системы macOS и Windows. Бета-версия программы уже доступна для скачивания на специальной странице «Вконтакте».

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Редакция: Команда webformyself.

«ВКонтакте» запустила бета-версию редизайна сайта — Офтоп на TJ

«ВКонтакте» отметила 1 апреля не первоапрельским розыгрышем: у веб-версии соцсети запустилась новая версия дизайна, запланированная ещё в 2014 году. TJ успел потестировать её заранее и выяснил, какие главные нововведения появились на сайте.

«Не прошло и десяти лет», — пишет операционный директор «ВКонтакте» Андрей Рогозов в блоге компании. Действительно, капитального изменения дизайна веб-версия соцсети не получала с самого основания «ВКонтакте» в октябре 2006 года.

Главное, что изменилось — сайт «ВКонтакте» стал шире. Если раньше он был примерно 765 пикселей в ширину (пережиток эпохи популярного разрешения экрана 800 на 600 точек), то теперь за счёт появления правого меню его увеличили до 975 пикселей, адаптировав под наиболее распространённое разрешение 1366 на 768 точек.

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

Всеобщее увеличение означает и появление рекламных блоков большего размера: площадь маленьких баннеров выросла в 1,84 раза, больших — в 2,21.

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

Вместо исчезнувших с панели разделов появился блок уведомлений, подобный тому, что присутствует на Фейсбуке. Когда происходит что-то новое, напротив иконки звонка появляется красный счётчик.

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

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

Изменился и стиль репостов: теперь они выглядят как цитирование в письмах. На аватарках друзей в ленте появился зелёный значок: это значит, что сейчас пользователь находится онлайн (раньше для этого использовалась текстовая подпись).

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

В просмотрщике фотографий комментарии теперь располагаются справа — по аналогии с Фейсбуком.

В профилях пользователей появился блок с основной статистикой по аккаунту: числу подписчиков, общих друзей, фотографий и видео (напоминает Твиттер). Визуально увеличился блок недавно опубликованных снимков.

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

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

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

«ВКонтакте» обновила веб-версию сайта новыми возможностями – Apple-iPhone.ru

Веб-версия почти лучше приложения.

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

Мобильная версия «ВКонтакте» продолжает обрастать функциями. С 20 февраля она пополнилась:

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

Возможностью включить или выключить двухфакторную аутентификацию.
Настройками источников в пользовательской ленте новостей.

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

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

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

Доступ к мобильной веб-версии «ВКонтакте» можно получить по адресу m.vk.com.

Что еще почитать:

Вернуться в начало статьи «ВКонтакте» обновила веб-версию сайта новыми возможностями

Редизайн Вконтакте под 1440пк+ / Хабр

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

Боль

Помимо ширины экрана я выделил еще 2 проблемы.

Теория — способы стать шире

1. Физическое растяжение

Плюсы:
+ Легко реализовать

Минусы:
− Контент становится не читаемым
− Нужно полностью пересматривать некоторые разделы сайта (например, друзья)

2. Параллельное изложение

Плюсы:
+ Посты располагаются линейно, не разрываясь комментариями
+ Комментарии к постам видны сразу без дополнительных переходов

Минусы:
− Неравномерная плотность информации на экране
− Версия под 1024пк с большим трудом может быть создана или вынуждена отличаться от широкой
− Нужно полностью пересматривать некоторые разделы сайта

3. Смещаемые панели

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

Минусы:
− Не привычный для веб-пользователей вариант
− Сайт расположен не в центре экрана, а слева
− Большой обьем архитектурной работы
− Отсутствие линейного просмотра, требуется клик по новости для прочтения комментариев

Плюсы:
+ Требует мало изменений в текущем интерфейсе

Минусы:
− Не ясно как работать с 2 режимами одновременно и зачем

5. Две колонки

Плюсы:
+ Легко компоновать информацию
+ Равномерная плотность данных на экране

Минусы:
− Раздваивается внимание при чтении новостей
− Фейсбук

6. Карточки

Плюсы:
+ Легко масштабируется под любое разрешение

Минусы:
− Трудно воспринимать контент (трудно переучиваться)
− Нужно полностью пересматривать все разделы сайта

Практика — мое решение

На небольших (<1440пк) экранах окно чата сворачивается.

При желании оно открывается поверх основного контента. Сценарий ведения переписки во время чтения новостей работает также.

Сама панель пользователей с последними переписками остается на экране во всех разделах сайта:

Детали за кадром

Если всмотреться в скриншоты, то видны и другие изменения в интерфейсе:

1. Фон. Появился фон для повышения контраста блоков.

2. Разделение на блоки. Посты расклеились на независимые блоки.

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

4. Пропало прежнее верхнее меню. Все его функции уже были задублированы в разделах сайта. На его место встал уровень вкладок. Таким образом удалось сократить один этаж навигации. Фильтры (редко используемая вещь) переехали в выпадающий список. Пропал еще один этаж навигации.

5. Два режима просмотра друзей. Один заимствован из веб-версии, другой из планшетной. Трудно оценить какой популярнее и удобнее.

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

На этом все, спасибо за внимание

Рейтинг автора
5
Материал подготовил
Максим Иванов
Наш эксперт
Написано статей
129
Ссылка на основную публикацию
Похожие публикации