Как владельцу сайта создать публичную страницу в социальной сети Вконтакте

Приложения ВК

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

Для того, чтобы установить ВК для смартфона или планшета, рекомендуем посетить официальный магазин разработчика вашей ОС. Для Андроида это PlayMarket, для Iphone — Apple Store.

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

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

Как восстановить доступ к аккаунту

Если пароль был утерян, то предусмотрена возможность восстановления доступа к личному кабинету:

1. Перейти на официальный сайт:
2. В шапке нажать по вкладке «Войти».

   

1. В перечне выбрать аккаунт Google.
2. Под формой ввода ключа доступа щелкнуть «Забыли пароль?».

   

1. Указать примерный последний пароль от аккаунта.
2. Нажать «Далее».

   

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

   

1. Щелкнуть по кнопке «Отправить».
2. Произойдет автоматическая переадресация на страницу создания нового ключа доступа.

ВК моя страница — возможности

После того как Вы совершите вход Вконтакте на вашу страницу, Вам станет доступен весь функционал социальной сети:

• Читать и отправлять сообщения другим пользователям
• Добавлять других участников в друзья
• Вступать в группы и сообщества по интересам, а также создавать свои
• Комментировать и лайкать понравившиеся посты
• Прослушивать музыку и просматривать видео И многое другое. Если у вас еще остались какие-либо вопросы, пожалуйста, задавайте их ниже в комментариях.

Регистрация личного кабинета

Чтобы создать личный кабинет – нужен аккаунт Google. На видеохостинге Youtube не предусмотрено регистрации.

Как создать аккаунт Google

Инструкция:

1. Выполнить переход на страницу: https://www.google.ru/.
2. В шапке щелкнуть по кнопке «Почта».

   

1. Нажать «Создать аккаунт».

   

1. В выпадающем списке выбрать «Для себя».

   

1. Указать фамилию, имя и отчество.
2. Придумать адрес электронного ящика и пароль.
3. Нажать «Далее».

   

1. Написать номер мобильного телефона, резервный электронный ящик, дату рождения и пол.
2. Щелкнуть «Далее».

   

1. Чтобы подтвердить номер телефона, требуется нажать кнопку «Отправить».
2. Ввести код подтверждения в соответствующее поле и нажать «Подтвердить».
3. Принять условия лицензионного соглашения.

Как написать в техподдержку Вконтакте?

Давайте представим, что возникла проблема, которую может решить только техподдержка в контакте, например у вас украли страницу! Первым делом надо найти сайт техподдержки Вконтакте, они уже пару раз меняли адрес. Актуальной ссылкой является данная https://vk.com/support?act=new.

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

Возможности учетной записи

Функции, доступные после регистрации аккаунта:

• доступ к сервису Youtube Music;
• оформление подписок на каналы;
• создание собственного канала;
• использование встроенного сервиса «Творческая студия» для редактирования видео;
• оформление платных подписок, для просмотра контента без ограничений;
• просмотр фильмов и сериалов;
• подключение оповещений о выходе нового материала;
• сохранение понравившихся видеороликов в библиотеку;
• изменение темы оформления главной страницы;
• настройка безопасного режима для детей;
• доступ к прямым трансляциям;
• связь со службой технической поддержки;
• редактирование персональных данных;
• подключение дополнительных аккаунтов.

Как создать канал

Личный кабинет позволяет пользователям создать свой канал и выкладывать на него видеоролики:

1. В правом верхнем углу экрана щелкнуть по кнопке, отмеченной на рисунке.

   

1. В выпадающем списке кликнуть «Создать канал».

   

1. Выбрать наименование канала: «С вашим именем» или «С другим названием».

   

1. Произойдет автоматическая переадресация на страницу с настройками.

Обзор встроенного сервиса «Творческая студия»

Описание основных разделов:

1. Панель управления каналом. Здесь размещается статистика по каналу и рейтинг наиболее популярных комментариев. В этом разделе пользователи могут добавлять и редактировать видео.

   

1. Контент. Во вкладке размещается информация о загруженных материалах на канал и список прямых трансляций.
2. Плей-листы. Здесь юзеры могут выполнить сортировку видео по тематике.
3. Аналитика. Это расширенный вариант статистики. Во вкладке «Обзор» представлена сводная статистика по времени просмотра контента. В пункте «Взаимодействие» отображается средняя длительность просмотра всех материалов.

   

1. Комментарии. Перечень комментариев, которые оставили подписчики канала.
2. Субтитры. Загрузка и просмотр субтитров к выбранному видеоролику.
3. Настройки. Основная информация о канале, описание контента, теги, предоставление прав доступа другим пользователям, списки модераторов, пользовательское соглашение.

Как загрузить видео на канал

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

1. Щелкнуть по кнопке, которая отмечена на рисунке.

1. В перечне выбрать «Творческая студия».

   

1. Нажать на кнопку «Создать».

   

1. В выпадающем списке щелкнуть «Добавить видео».
2. Кликнуть по вкладке «Выбрать файлы».

   

1. Дождаться загрузки материала и заполнить поля, отмеченные на картинке.

   

1. При необходимости добавить теги, подсказки, ключевые слова и параметры доступа.
2. Щелкнуть «Загрузить».

Способы пополнения ВКонтакте и вывода денег из VK Pay

Пополнение счета VK Pay происходит с любой банковской карты. Как с пластиковой, так и с виртуальной. Переводить средства с популярных электронных платежных систем, таких как PayPal и WebMoney, QIWI или Яндекс.Деньги напрямую нельзя.

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

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

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

Типы и лимиты кошельков VK Pay, тарифы и комиссии

Физлицам предоставляется возможность создавать разные типы кошельков:

• базовый – для сумм до 15 000 рублей. Здесь ограничение на размер финансовых операций – 40 000 рублей в месяц. Доступы опции пополнения счета и оплаты покупок.
• расширенный – для этого типа аккаунта разрешается хранить на своем счету до 60 000 рублей. В месяц допускается проводить переводы на 200 000 рублей. Добавлена функция вывода денег на карту.
• премиальный – в этом кошельке ограничение составляет 600 000 рублей на счете. Лимиты для транзакций отсутствуют.

Для юридических лиц лимит на хранение денежных средств можно увеличить до 5 млн. руб.

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

VK by design / Блог компании ВКонтакте / Хабр

ВКонтакте — это множество интерфейсов для разных платформ. Сегодня Вы узнаете о том, как мы работаем над этими интерфейсами, создавая дизайн своих продуктов. Немного о нас. В команде дизайна трудятся шестеро увлечённых творческих ребят 22-24 лет. Мы универсальны: дизайнер не прикован к одному направлению на века и может сегодня заниматься мобильной версией, а завтра — каким-то сервисом из десктопной.

Инструменты и подходы

Наши мобильные приложения состоят из более чем 500 разных экранов. Плюс полчища интерфейсов из веба, плюс m.vk.com. Нужно уметь эффективно организовывать работу со всем этим богатством.
Например, с иконками. Их действительно много. Один усидчивый дизайнер недавно перерисовал больше ста штук:

Раньше на каждом экране приложения использовались свои иконки в разных цветах и размерах. Например, newsfeed_search, wall_search_gray и т.д. Теперь мы сделали иконки универсальными и можем переиспользовать их. Всего одна иконка поиска вместо пяти разных.

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

Все основные компоненты для каждой платформы собираются в коллекцию — UI Kit. Вот как это выглядит:

Мы создали собственную дизайн-систему, которая использует одни и те же иконки, кнопки и цвета в приложениях для Android и iOS. Стараемся придерживаться единого стиля на всех платформах вплоть до мелких деталей — не забывая, впрочем, об их отдельных особенностях вроде специфических контролов, теней у карточек или наличия сепараторов.

В 2015 году мы полностью перешли с Photoshop на Sketch для проектирования наших интерфейсов. Для распределения задач мы используем Trello, а рабочие файлы синхронизируются в Dropbox. Создаём прототипы в Principle, Framer и Origami, пробуем новые инструменты и плагины.

Ставим цели

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

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

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

Навигация

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

Сам по себе таббар — ни разу не новинка. Сейчас это стандартный подход к навигации на Android и iOS. У нас он когда-то тоже был:

Обратите внимание на 2011 год — всё довольно просто, если функциональность приложения вмещается в пять вкладок.

Тогда все фичи в первую очередь внедрялись в вебе, и в лучшем случае воплощались в API заметно позже, а то и вообще никогда. Но времена менялись: всё больше пользователей обзаводились смартфонами, парадигма Mobile First набирала обороты, и приложения стали уметь гораздо больше. На подходе были новые занимательные разделы и сервисы, и одной нижней панели им катастрофически не хватало.

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

И, кажется, таббар — идеальный вариант. На дворе MMXVII, табы прочно обосновались в гайдлайнах Apple и Google. Так мы решим свою задачу — вынесем самое нужное на расстояние одного тапа и сохраним всё разнообразие возможностей в привычном меню.

Что ж, отлично. Осталось понять, что будет во вкладках. Здесь нужно отметить, что идеологически мы почти не практикуем A/B тестирование UX на больших выборках живых людей. Даже глобальный редизайн полной версии сайта после выкатки на часть пользователей допиливался только в отношении каких-то мелких деталей. Принципиальные вопросы вроде приоритета разделов мы решаем ретроспективно, планируя будущее на основе обширного опыта из прошлого.

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

А что же старое доброе меню? Здесь мы дали себе волю в создании концептов:

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

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

Нашим пользователям нужно постоянно открывать что-то новое для себя. Хочется находить интересные записи, не ограничиваясь своей лентой новостей. И это должно быть максимально просто.
Рекомендации — это обновлённый раздел с большими амбициями. Теперь он не спрятан в глубине новостной ленты, а вынесен на видное место в новой навигации. Здесь мы предлагаем контент талантливых авторов с тематиками, которые интересны именно Вам. По сути, это такая залипательная штука, где можно найти что-то качественное и незнакомое с учётом личных предпочтений.

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

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

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

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

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

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

И самое главное — мы покрасили лайк. Да, теперь он красный (ну почти, #FF3347), сочный и заметный. Больше никаких сомнений, лайкнули Вы эту роскошную статью или ещё только собираетесь. Мы давно к этому шли. Первые эксперименты с цветом сердечка мы начали ещё в 2014 году, в процессе создания нового дизайна веб-версии ВКонтакте.

Аудиоплеер

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

Нужно было придумать удобный способ отображения большого количества контента в плеере. И вот что у нас получилось:

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

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

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

Подводим итоги

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

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

habr.com

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

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

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

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

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

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

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

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

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

С вами был ArviZami

appstoreshop.com

Что такое сервис ВК Пай

Совсем недавно пользователи соцсети ВКонтакте стали замечать новый раздел в основном меню своей страницы. Между пунктами «Игры» и «Товары» появилась необычная ссылка – VK Pay.

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

• переводить деньги друзьям через свой аккаунт;
• продавать и покупать товары в сообществах;
• пополнять счет мобильного телефона;
• выводить заработанное на банковскую карту;
• можно покупать голоса;
• передавать деньги за онлайн игры;
• платить за Интернет и телевидение;
• погасить штрафы ГИБДД.

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

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

Единственное условие – пополнение своего баланса происходит со счета привязанной к аккаунту ВКонтакте банковской карты.

К сожалению доступен сервис еще не всем. Пользователи ВКонтакте из Украины, Беларуси, Казахстана пока лишены возможности создавать кошелек этой платформы.