Browser Development Design “Social Panel for Browser”
Good afternoon! Under the cut offer for the development of the browser and the network. The direction of movement is sociality, the destination is Web 3.0.
Hereinafter, “Social Forms” means forms for communicating with people or sending messages embedded on the site directly next to the main content.
If you look at the Top 10 sites on the Internet - Google, Facebook, YouTube, Baidu, Yahoo, Amazon, Wikipedia, Qq, Twitter, Taobao, the list does not have a single site without social forms, that is, without forms for communicating with people or sending messages . If you take the Top 100, Top 1000, the picture will not change much. There are social forms even on the smallest website, even if they are even forms of communication with support. Discussions, comments, social networks - there is a lot of social traffic on the network.
Social web is everywhere, but the structure of the network, social forms, browser capabilities do not correspond to the natural needs of a person, despite the obvious need for this.
One of the main drawbacks is that due to the technical limitations of expression forms, we are forced to compose social forms directly on the content page in a way that is not convenient enough for their use, additionally overloading the page and increasing its weight and complexity. You say, “I like it!” Stylish, comfortable. ". But if we consider that for communication visitors go to social networks or to other sites, we see that the majority of visitors still do not find in these forms what they would like. Nevertheless, these forms are placed directly on the main content.
(Is this a movie or chat site?
Please note this is a page that drives a visitor! And a new, progressive design and generally cut off this category of visitors as inappropriate.)
The limited services and forms of communication offered are probably the main inconvenience of the implemented forms. Types of forms of communication (comments, discussions, chats, etc.) are not very much invented, but even less implemented on a particular site in an embedded form. We are offered a wide choice of one provider and this provider provides one type of communication form, this is the entire range installed on the page by the site owner. And this type of communication should look beautiful in appearance and not overload the page, and convenience here is at the end of a long line of requirements.
Disadvantages of elaboration and design of social forms. Social forms on the sites are secondary; they are often individual solutions with the disadvantages of a self-saw. On specialized industry or small social networking sites, a thing is foreign to the site owner and they do not receive enough attention. The owner needs them insofar as or for indexing. And even on the sites of top companies, social forms are far from ideal. And certainly they do not support complex social behavior, for example, cooperation or concepts such as social circle.
Special restrictions. Somewhere due to technical reasons, where due to administrative reasons, conscious restrictions are imposed on communication in the network. By the number of posts, limited access, moderation or administrative policies. (How many visitors would comment on the article if it weren’t for the habr’s restrictions?) I don’t know if we will communicate more and better if we remove a number of these restrictions, but the fact that there will be significantly more social traffic is a fact.
Little cooperation, site interaction is limited. The security mechanism prevents cross-domain requests, so any interaction is possible only through the host site or, if a third-party provider wants to provide their service on any site on the network, this is possible through the browser extension mechanism. Which of course leads to the non-proliferation of universal solutions and solutions from small vendors.
A comprehensive solution was born at the junction of several disciplines. This is the interface design, and the browser component, and the service, and the extension of the standard, and the search, and the organizational part + action plan.
The visual part of the solution is a specialized panel in the browser, designed to host web pages, forms of a certain type - informational or social. That is, those that are focused on all kinds of communication and user interaction. The forms of commenting, discussions, chats, feedback, wiki and many many other forms have much in common both in their implementation, the provided functionality and how the user works with them.
(In fact, the layout will be slightly different, but the picture is more understandable)
Built in a certain way, a complex panel will provide the technical ability to remove embedded social forms from the main content page. As a result, it is expected that the panel will provide additional convenience when working with the browser - it will simplify and reduce the number of steps when navigating, will allow more ergonomic layout of page content, and will provide additional indicators aimed at improving user interaction. But more important, it seems to me, is that taking out or simply copying part of the functionality from the overloaded page to a separate panel at the beginning, we can create the technical ability to introduce alternative offers, alternative services on any site.
Visual part + internal components = technical tool for creating solutions by website owners. Some browser development.
Do not worry, maybe there will be no panel. This is all just the designer’s discussion so far, so we have fun or are looking for something new. But if you manage to realize it, don’t worry, we will tell you everything.
To create optimal and convenient web applications. To solve some of the problems that have now accumulated in site building. For maximum ease of communication and user interaction on the Internet.
Firstly, it will be a kind of interface solution. This is what the leading and subordinate forms are called in the design, which will bypass the restriction on cross-domain interaction without damage to the security mechanism. And the panel will take advantage of the multi-screen of modern computers.
Secondly, as a specialized and independent form, the panel can be endowed with different mechanisms for solving problems of the subject area. In our case, what is required for communication and user interaction. Moreover, the creation of such mechanisms with the proposed logic of the panel will not require their wide standardization for compatibility. That is, for example, it will be possible to add a notification mechanism transport in one separate browser project and not worry that there is no such mechanism in browsers from other vendors.
Thirdly, it will be a social or professional search. Today, finding a social circle aimed at discussing a specific topic and meeting individual needs is a non-trivial task. It would seem where does the search? Well, like that, the design of the solution involves searching. The rationale for its necessity based on the analysis of user processes is quite voluminous, I just mention it as a necessary part of the design. With the search, services for communication and user interaction will have more opportunities to offer themselves to the consumer and become more diverse and more developed.
The already mentioned free choice of form of interaction or communication. Tape, commenting, chat, voice chat, forum, articles, announcements, specialized forms, individual messages, etc., all these types of social forms are used and popular on the network, and their users' preferences are unpredictable.
I have already mentioned notifications of new messages in topics of interest to you, activity in discussions or actions of other users, as a browser component and with a convenient indication. Perhaps other service objects of the subject area will be added.
And other improvements. It is assumed that this design will act as the underlying technology and will be widely used by a variety of services. And I see a mechanism that (possibly) will lead to a quantum leap in the development of social forms, this mechanism is freedom of communication and free access (on a competitive basis) to the consumer of all providers of social forms.
Providing this opportunity, we will allow you to create new services. You don’t need to do anything on purpose, the new services will advertise themselves. As social services spread, content sites will be able to re-arrange a number of their pages, simplifying them and making them more convenient. After all, there will no longer be an urgent need to implement social forms everywhere, they will become external to the site. Sites will be able to provide a more complex service, collaborating with each other. For example, active wiki editors will be able to use for their work organizers or other services provided by some third-party site on the network. Or vice versa, a wiki site will be able to provide its service to some other site.
In the proposed improvement, that is, the introduction of a specialized panel, there is no revolution. On the contrary, the requirement to break complex forms into several simpler ones is one of the main ones in GUI design. And with the help of the social panel this requirement can be fulfilled. And for the convenience and site developers will support and the user will reach.
Another reason is the alternative option mentioned above. If the social panel provides a choice, then user traffic with its use will increase. As an example, let’s take a discussion of a political event. In one discussion, two sides clash, confrontation and debate arise. In this situation, a very large number of interrupted user processes arise, leaving the discussion. Partly due to moderation of messages, partly the defeated and disappointed or offended party leaves. And the winners in the absence of the interlocutor also leave. If more sections for discussion, thematic or for supporters of different political preferences, are provided, they will generate more traffic, simply because visitors will not be forced to leave. That is, it is assumed
Social search will also attract visitors.
I did not set myself the goal of fully describing the design in this article, only to outline key points, and even that is not all. This is an application, a challenge. The task was to at least indicate the need and say that a solution is proposed for this need. I hope more for the understanding of colleagues than for a reader far from the development or design. It would be great to talk about the topic. Questions, disputes are all welcome except negativity and spitefulness. Maybe the company developing a browser will be interested in it, I would be happy to discuss the implementation possibilities. Moreover, there is still something to offer.
Social forms online
Hereinafter, “Social Forms” means forms for communicating with people or sending messages embedded on the site directly next to the main content.
If you look at the Top 10 sites on the Internet - Google, Facebook, YouTube, Baidu, Yahoo, Amazon, Wikipedia, Qq, Twitter, Taobao, the list does not have a single site without social forms, that is, without forms for communicating with people or sending messages . If you take the Top 100, Top 1000, the picture will not change much. There are social forms even on the smallest website, even if they are even forms of communication with support. Discussions, comments, social networks - there is a lot of social traffic on the network.
Social web is everywhere, but the structure of the network, social forms, browser capabilities do not correspond to the natural needs of a person, despite the obvious need for this.
One of the main drawbacks is that due to the technical limitations of expression forms, we are forced to compose social forms directly on the content page in a way that is not convenient enough for their use, additionally overloading the page and increasing its weight and complexity. You say, “I like it!” Stylish, comfortable. ". But if we consider that for communication visitors go to social networks or to other sites, we see that the majority of visitors still do not find in these forms what they would like. Nevertheless, these forms are placed directly on the main content.
(Is this a movie or chat site?
Please note this is a page that drives a visitor! And a new, progressive design and generally cut off this category of visitors as inappropriate.)
The limited services and forms of communication offered are probably the main inconvenience of the implemented forms. Types of forms of communication (comments, discussions, chats, etc.) are not very much invented, but even less implemented on a particular site in an embedded form. We are offered a wide choice of one provider and this provider provides one type of communication form, this is the entire range installed on the page by the site owner. And this type of communication should look beautiful in appearance and not overload the page, and convenience here is at the end of a long line of requirements.
Disadvantages of elaboration and design of social forms. Social forms on the sites are secondary; they are often individual solutions with the disadvantages of a self-saw. On specialized industry or small social networking sites, a thing is foreign to the site owner and they do not receive enough attention. The owner needs them insofar as or for indexing. And even on the sites of top companies, social forms are far from ideal. And certainly they do not support complex social behavior, for example, cooperation or concepts such as social circle.
Special restrictions. Somewhere due to technical reasons, where due to administrative reasons, conscious restrictions are imposed on communication in the network. By the number of posts, limited access, moderation or administrative policies. (How many visitors would comment on the article if it weren’t for the habr’s restrictions?) I don’t know if we will communicate more and better if we remove a number of these restrictions, but the fact that there will be significantly more social traffic is a fact.
Little cooperation, site interaction is limited. The security mechanism prevents cross-domain requests, so any interaction is possible only through the host site or, if a third-party provider wants to provide their service on any site on the network, this is possible through the browser extension mechanism. Which of course leads to the non-proliferation of universal solutions and solutions from small vendors.
The solution is nontrivial
A comprehensive solution was born at the junction of several disciplines. This is the interface design, and the browser component, and the service, and the extension of the standard, and the search, and the organizational part + action plan.
What is offered
The visual part of the solution is a specialized panel in the browser, designed to host web pages, forms of a certain type - informational or social. That is, those that are focused on all kinds of communication and user interaction. The forms of commenting, discussions, chats, feedback, wiki and many many other forms have much in common both in their implementation, the provided functionality and how the user works with them.
(In fact, the layout will be slightly different, but the picture is more understandable)
Built in a certain way, a complex panel will provide the technical ability to remove embedded social forms from the main content page. As a result, it is expected that the panel will provide additional convenience when working with the browser - it will simplify and reduce the number of steps when navigating, will allow more ergonomic layout of page content, and will provide additional indicators aimed at improving user interaction. But more important, it seems to me, is that taking out or simply copying part of the functionality from the overloaded page to a separate panel at the beginning, we can create the technical ability to introduce alternative offers, alternative services on any site.
Visual part + internal components = technical tool for creating solutions by website owners. Some browser development.
Real review: “Panel? Why is this needed ?? I don’t need any panel !!! ”
Do not worry, maybe there will be no panel. This is all just the designer’s discussion so far, so we have fun or are looking for something new. But if you manage to realize it, don’t worry, we will tell you everything.
Why is this needed?
To create optimal and convenient web applications. To solve some of the problems that have now accumulated in site building. For maximum ease of communication and user interaction on the Internet.
Firstly, it will be a kind of interface solution. This is what the leading and subordinate forms are called in the design, which will bypass the restriction on cross-domain interaction without damage to the security mechanism. And the panel will take advantage of the multi-screen of modern computers.
Secondly, as a specialized and independent form, the panel can be endowed with different mechanisms for solving problems of the subject area. In our case, what is required for communication and user interaction. Moreover, the creation of such mechanisms with the proposed logic of the panel will not require their wide standardization for compatibility. That is, for example, it will be possible to add a notification mechanism transport in one separate browser project and not worry that there is no such mechanism in browsers from other vendors.
Thirdly, it will be a social or professional search. Today, finding a social circle aimed at discussing a specific topic and meeting individual needs is a non-trivial task. It would seem where does the search? Well, like that, the design of the solution involves searching. The rationale for its necessity based on the analysis of user processes is quite voluminous, I just mention it as a necessary part of the design. With the search, services for communication and user interaction will have more opportunities to offer themselves to the consumer and become more diverse and more developed.
The already mentioned free choice of form of interaction or communication. Tape, commenting, chat, voice chat, forum, articles, announcements, specialized forms, individual messages, etc., all these types of social forms are used and popular on the network, and their users' preferences are unpredictable.
I have already mentioned notifications of new messages in topics of interest to you, activity in discussions or actions of other users, as a browser component and with a convenient indication. Perhaps other service objects of the subject area will be added.
And other improvements. It is assumed that this design will act as the underlying technology and will be widely used by a variety of services. And I see a mechanism that (possibly) will lead to a quantum leap in the development of social forms, this mechanism is freedom of communication and free access (on a competitive basis) to the consumer of all providers of social forms.
And how will it be implemented and how will we use it?
Providing this opportunity, we will allow you to create new services. You don’t need to do anything on purpose, the new services will advertise themselves. As social services spread, content sites will be able to re-arrange a number of their pages, simplifying them and making them more convenient. After all, there will no longer be an urgent need to implement social forms everywhere, they will become external to the site. Sites will be able to provide a more complex service, collaborating with each other. For example, active wiki editors will be able to use for their work organizers or other services provided by some third-party site on the network. Or vice versa, a wiki site will be able to provide its service to some other site.
Why do you think that someone will use this?
In the proposed improvement, that is, the introduction of a specialized panel, there is no revolution. On the contrary, the requirement to break complex forms into several simpler ones is one of the main ones in GUI design. And with the help of the social panel this requirement can be fulfilled. And for the convenience and site developers will support and the user will reach.
Another reason is the alternative option mentioned above. If the social panel provides a choice, then user traffic with its use will increase. As an example, let’s take a discussion of a political event. In one discussion, two sides clash, confrontation and debate arise. In this situation, a very large number of interrupted user processes arise, leaving the discussion. Partly due to moderation of messages, partly the defeated and disappointed or offended party leaves. And the winners in the absence of the interlocutor also leave. If more sections for discussion, thematic or for supporters of different political preferences, are provided, they will generate more traffic, simply because visitors will not be forced to leave. That is, it is assumed
Social search will also attract visitors.
To summarize
I did not set myself the goal of fully describing the design in this article, only to outline key points, and even that is not all. This is an application, a challenge. The task was to at least indicate the need and say that a solution is proposed for this need. I hope more for the understanding of colleagues than for a reader far from the development or design. It would be great to talk about the topic. Questions, disputes are all welcome except negativity and spitefulness. Maybe the company developing a browser will be interested in it, I would be happy to discuss the implementation possibilities. Moreover, there is still something to offer.