How can a website owner create a public page on the social network VKontakte?

VK applications

If the mobile or Web version of VKontakte is not very suitable for you, and you would like to always be with your friends, then the VK mobile application is suitable for you. It doesn’t matter what kind of portable device you have, there is a software product for each operating system.

In order to install VK for a smartphone or tablet, we recommend visiting the official store of the developer of your OS. For Android this is PlayMarket, for iPhone - Apple Store.

The VK application is very convenient and does not require constantly opening the browser, because this usually leads to a loss of time. An application shortcut will appear on your screen, and when you click on it, your VK page will immediately open.

Many people will now think that to install the VK application you will need a modern, powerful smartphone that will cost tens of thousands of rubles, but no. Almost any one will do, even the most budget-friendly one.

How to restore access to your account

If the password has been lost, it is possible to restore access to your personal account:

1. Go to the official website:
2. In the header, click on the “Login” tab.

   

1. Select your Google account from the list.
2. Under the access key entry form, click “Forgot your password?”.

   

1. Indicate the approximate last password for your account.
2. Click "Next".

   

1. You need to confirm that the user is the account owner. If the account is linked to a phone, a notification will appear on the device screen asking you to click the “Yes” button. If there is no link, then a letter with a confirmation code will be sent to the reserve email address.

   

1. Click on the “Submit” button.
2. You will be automatically redirected to the page for creating a new access key.

VK my page - opportunities

After you log into your VKontakte page, all the functionality of the social network will become available to you:

• Read and send messages to other users
• Add other members as friends
• Join groups and communities of interest, as well as create your own
• Comment and like your favorite posts
• Listen to music and watch videos And much more. If you still have any questions, please ask them below in the comments.

Registration of a personal account

To create a personal account, you need a Google account. Youtube video hosting does not provide registration.

How to create a Google account

Instructions:

1. Go to the page: https://www.google.ru/.
2. In the header, click on the “Mail” button.

   

1. Click “Create an account”.

   

1. Select “For yourself” in the drop-down list.

   

1. Indicate last name, first name and patronymic.
2. Create an email address and password.
3. Click "Next".

   

1. Write your mobile phone number, backup email, date of birth and gender.
2. Click "Next".

   

1. To confirm your phone number, you need to click the “Submit” button.
2. Enter the confirmation code in the appropriate field and click “Confirm”.
3. Accept the terms of the license agreement.

How to write to VKontakte technical support?

Let's imagine that a problem has arisen that can only be solved by technical support in contact, for example, your page has been stolen! The first thing you need to do is find the VKontakte technical support site; they have already changed the address a couple of times. The current link is this https://vk.com/support?act=new.

You will see this page, in the field indicated by the arrow you can ask any question that interests you. Also below there is a solution to the most popular questions, such as, what should I do if my page was hacked?

Account Features

Features available after registering an account:

• access to the Youtube Music service;
• registration of subscriptions to channels;
• creating your own channel;
• using the built-in “Creative Studio” service for video editing;
• registration of paid subscriptions to view content without restrictions;
• watching films and TV series;
• connecting notifications about the release of new material;
• saving your favorite videos to the library;
• changing the home page theme;
• setting up a safe mode for children;
• access to live broadcasts;
• communication with technical support;
• editing personal data;
• connecting additional accounts.

How to create a channel

The personal account allows users to create their own channel and upload videos to it:

1. In the upper right corner of the screen, click on the button marked in the figure.

   

1. In the drop-down list, click “Create channel”.

   

1. Select the name of the channel: “With your name” or “With a different name”.

   

1. You will be automatically redirected to the settings page.

Overview of the built-in service “Creative Studio”

Description of the main sections:

1. Channel control panel. Channel statistics and a rating of the most popular comments are posted here. In this section, users can add and edit videos.

   

1. Content. The tab contains information about uploaded materials to the channel and a list of live broadcasts.
2. Playlists. Here users can sort videos by topic.
3. Analytics. This is an advanced version of statistics. The “Review” tab provides summary statistics on the time spent viewing content. The “Interaction” item displays the average duration of viewing of all materials.

   

1. Comments. List of comments left by channel subscribers.
2. Subtitles. Download and view subtitles for the selected video.
3. Settings. Basic information about the channel, content description, tags, granting access rights to other users, lists of moderators, user agreement.

How to upload a video to a channel

The personal account allows users to upload their own content to the channel:

1. Click on the button marked in the figure.

1. Select “Creative Studio” from the list.

   

1. Click on the “Create” button.

   

1. Click “Add Video” in the drop-down list.
2. Click on the “Select files” tab.

   

1. Wait for the material to load and fill in the fields marked in the picture.

   

1. If necessary, add tags, tooltips, keywords and access parameters.
2. Click "Download".

Methods for replenishing VKontakte and withdrawing money from VK Pay

You can top up your VK Pay account from any bank card. Both plastic and virtual. You cannot transfer funds directly from popular electronic payment systems such as PayPal and WebMoney, QIWI or Yandex.Money.

However, do not be upset in advance, because these services provide the opportunity to issue virtual bank cards.

For example, to top up your VK Pai balance with QIWI, you need to get yourself a virtual card and transfer money through it.

There is also a withdrawal of money. The user can send them to both a bank card and a virtual card of the payment system.

Types and limits of VK Pay wallets, tariffs and commissions

Individuals are given the opportunity to create different types of wallets:

• basic – for amounts up to 15,000 rubles. Here the limit on the size of financial transactions is 40,000 rubles per month. Access options for replenishing your account and paying for purchases.
• extended – for this type of account you are allowed to store up to 60,000 rubles in your account. Transfers of 200,000 rubles per month are allowed. Added the function of withdrawing money to a card.
• premium - in this wallet the limit is 600,000 rubles on the account. There are no transaction limits.

For legal entities, the limit on storing funds can be increased to 5 million rubles.

When using the VKontakte payment system, no commission was charged for transferring money in any direction. Currently, withdrawal of funds from VK Pai to a bank card is up to 10 thousand rubles. - interest-free.

VK by design / VKontakte company blog / Sudo Null IT News

VKontakte has many interfaces for different platforms. Today you will learn about how we work on these interfaces when creating the design of our products. A little about us. The design team consists of six passionate creative guys aged 22-24 years old. We are universal: a designer is not chained to one direction for centuries and can work on a mobile version today, and tomorrow on some kind of desktop service.

Tools and approaches

Our mobile applications consist of more than 500 different screens.
Plus hordes of interfaces from the web, plus m.vk.com. You need to be able to effectively organize work with all this wealth. For example, with icons. There are really a lot of them. One diligent designer recently redrew more than a hundred pieces:

Previously, each application screen used different icons in different colors and sizes. For example, newsfeed_search, wall_search_gray, etc. Now we have made the icons universal and can reuse them. Just one search icon instead of five different ones.

Thanks to this approach, it has become easier to create new screens: there is no need to cut icons each time, the developer simply takes ready-made ones in the required size and uses the color from the layout. The icons in the collection have intuitive names, so you can find the one you need even without the help of a designer, which sometimes saves time.

All the main components for each platform are collected in a collection - UI Kit. This is what it looks like:

We created our own design system that uses the same icons, buttons and colors in both Android and iOS applications. We try to adhere to the same style on all platforms, down to the smallest details - without forgetting, however, about their individual features such as specific controls, shadows on cards, or the presence of separators.

In 2015, we completely switched from Photoshop to Sketch to design our interfaces. We use Trello to distribute tasks, and work files are synced in Dropbox. We create prototypes in Principle, Framer and Origami, try new tools and plugins.

Setting goals

The goal of any good design is to improve the user's life.
And the process always starts with the question: how can it be improved? This requires the collaboration of several teams: we study feedback, analyze scenarios of interaction with the product, and based on this we decide what would be nice to implement.

When the task gets to the designers, the functionality of the product has already been determined. We must decide how to make this product desirable to use, convenient, and ultimately, make the user's life better. The visual aesthetics of the interface is not of decisive importance, despite the popular belief that design is only about beauty. Convenience comes first for us.

Using cases from VKontakte mobile applications as an example, we will talk about what problems and goals the design team faces every day.

Navigation

In the VKontakte mobile application you can do almost everything that you can do in the full version of the site.
On the one hand, this is wonderful. On the other hand, we have too much of everything. Even the most killer new feature is doomed to go unnoticed in the side menu. At the same time, the most popular sections are not highlighted in any way. You need to make your apps easier to navigate without sacrificing functionality. We did this using the tabbar at the bottom of the screen.

Tabbar itself is by no means a new thing. This is now the standard approach to navigation on Android and iOS. We once had it too:

Pay attention to 2011 - everything is quite simple if the functionality of the application fits into five tabs.

Back then, all features were first implemented on the web, and in the best case, implemented in the API much later, or even never at all. But times were changing: more and more users acquired smartphones, the Mobile First paradigm gained momentum, and applications began to be able to do much more. There were new interesting sections and services on the way, and they were sorely lacking one bottom panel.

This is where the tabbar and I parted ways. All subsequent versions used only the side menu, which contained all the sections. We shuffled the items, redrawn the icons and played with colors, but nothing changed dramatically. It's time to put an end to this.

And it seems that tabbar is the ideal option. It's MMXVII, and tabs are firmly established in Apple and Google guidelines. This is how we will solve our problem - we will bring the most necessary things to a distance of one tap and preserve all the variety of possibilities in the usual menu.

Well, great. It remains to understand what will be in the tabs. It should be noted here that ideologically we almost never practice A/B testing of UX on large samples of living people. Even a global redesign of the full version of the site after rolling out to some users was completed only in relation to some small details. We decide fundamental issues like partition priority retrospectively, planning for the future based on extensive experience from the past.

After analyzing many different statistics, we (without much intrigue, however) chose four main sections: News, Search and Recommendations, Messages and Notifications. In the fifth tab we leave the menu where everything else will be.

What about the good old menu? Here we gave ourselves free rein to create concepts:

But, no matter how tempting it may be to change everything altogether, we must not scare you and not lose you in convenience. The classic list takes up less space, is familiar to everyone and is easy to use. That's what they decided on.

Search and Recommendations

Our users need to constantly discover something new for themselves.
I would like to find interesting posts without limiting myself to my news feed. And it should be as simple as possible. Recommendations is an updated section with greater ambitions. Now it is not hidden in the depths of the news feed, but is brought to a prominent place in the new navigation. Here we offer content from talented authors on topics that are of interest to you. In fact, this is such a sticky thing where you can find something of high quality and unfamiliar, taking into account personal preferences.

From a design point of view, the task was non-trivial. You need to be able to beautifully display different types of content and add a global search to all sections, so that one does not interfere with the other. We settled on the cards:

And that's why. It’s easy to flip through a strip of cards—it’s usually clear from the preview whether you want to read the entire longread or not. You don’t have to waste time and scroll through huge posts for a long time before you find the one you would like to focus on. By tapping on the card, the entire publication opens, and if you wish, you can continue scrolling through the feed in full-size mode or return to the preview mode.

Choosing an icon for this section was not easy. In the end, the loop's friendship won: after all, recommendations are also a search, just without a specific request.

Newsline

In March, we started showing a view counter next to posts. This was also supported in applications - but only on a separate screen with a post. Views are not showing in the news feed and this needs to be fixed.

But you can’t just go and add a counter. This is a new static icon and it is important not to confuse the user. We changed the style of action icons: from filled to outline. Such icons can be made more contrasting and larger, while maintaining the airiness of the interface - outline icons will not become visually “heavy”. They look more aesthetically pleasing, are not perceived as inactive, and introduce an element of play: you want to fill the “empty” icon with your action. Thanks to the different styles, you can easily understand what is waiting for your tap here, and what is just informative.

And most importantly, we colored the like. Yes, now it’s red (well, almost, #FF3347), juicy and noticeable. There are no more doubts whether you liked this luxurious article or are just about to. We have been working towards this for a long time. We began our first experiments with heart color back in 2014, in the process of creating a new design for the web version of VKontakte.

Audio player

After the spring reform of the audio section, a lot has changed - we now have playlists, track covers and new selections in recommendations.
The player itself remained the same. If you add all the controls that the user might need to the screen, it will look like a spaceship. But I don’t want to throw anything away.

It was necessary to come up with a convenient way to display a large amount of content in the player. And this is what we got:

We made the screen with the current song central, providing the ability to swipe to go to the lyrics and playlist. Thanks to this, the screens are not overloaded with controls, and the user can focus on exactly what he needs now. And a separate list icon will not allow you to get confused in the screens - you always know where to look for the playlist.

Story editor

Every week, several new masks appear in stories, and, of course, we want you to try them too.
It’s too lazy to go looking for a new mask in a large, detailed list. In addition, the bulky catalog takes up almost a third of the screen and covers part of the face. We decided to try another common approach to quickly switch between masks:

Let's sum it up

A variety of people work on translating the design into real methods, controls and screens.
We all have one thing in common - we believe that we make the lives of millions of users (including ourselves) better by thinking through every icon, every section, every service. How well we do this is up to you to evaluate. Very soon, updated VKontakte applications for Android and iOS will be officially launched, where some of the described concepts will be implemented.

“Instantly notice a like from a top chan, write to her “hi, how are you” and immediately return to memes in the feed - it’s easier than ever.”
Murtol Lazvachev, active user on VKontakte

habr.com

The web version of VKontakte will receive a new design

Most recently, the management of the largest domestic social network, VKontakte, held a competition in which participants had to redesign the web version of the service. We'll talk about delicious prizes, designer fashion trends and winners below.

The change in the design of VKontakte web pages became known back in July: “The design of the site will change, but not immediately. The purpose of this competition so far was only to find talented guys with whom we could continue cooperation in the future. Including the website redesign"

To create a competitive moment and a motivational spirit, MacBook Pro and iPad Air were purchased, which the winners received. A worthy reward for the work done, isn't it?

The winners of the competition (based on data on the social network) were Pavel Shumakov, Pavel Knyazev, Denis Prokopov, Ilya Grishin and Bogdan Kononets. Each of them received a top-of-the-line MacBook Pro and the opportunity to travel to San Francisco to attend the UX Week 2014 conference.

Bronze was taken by Artem Nosenko, Pavel Grigoriev, Denis Sharypin, Evgeny Zinoviev, who received “consolation prizes” in the form of an iPad Air.

Top works:

As you can see, if you are an iPhone and iPad user, then when viewing the works, a certain feeling of déjà vu did not leave you. As practice shows, fashion trends revolve around the design of iOS 7/iOS 8.

Nothing is known yet about the choice of the final version and the final interface update.

ArviZami was with you

appstoreshop.com

What is the VK Pai service?

More recently, users of the social network VKontakte began to notice a new section in the main menu of their page. An unusual link has appeared between the “Games” and “Products” items – VK Pay.

This new app is designed for social commerce. And it can be used for a variety of purposes:

• transfer money to friends through your account;
• sell and buy goods in communities;
• top up your mobile phone account;
• withdraw your earnings to a bank card;
• you can buy votes;
• transfer money for online games;
• pay for Internet and television;
• pay traffic fines.

For example, previously, in order to make a purchase of something that caught your eye in the community, you had to negotiate with the seller on a payment method, take his details, and then send him money through a bank account, card, e-wallet of one of the common payment systems, or mail.

With the new service, this step can be skipped. When a seller works through the VK Pay platform, connecting a wallet to his group or store, the buyer will only need to add any item to the cart, and then simply pay for it directly from his page on the social network.

The only condition is that you top up your balance from the bank card account linked to your VKontakte account.

Unfortunately, the service is not yet available to everyone. VKontakte users from Ukraine, Belarus, and Kazakhstan are not yet able to create a wallet for this platform.