Post by account_disabled on Nov 14, 2023 21:06:29 GMT -8
In last year's VK redesign competition , the authors of the competition mentioned problems with the web version. They named the narrow width of the site as the number one problem. I agree with the VKontakte team and decided to build my own solution to combat this problem. Pain Problem # Narrow screen In addition to screen width, I identified more problems. Problem # Different style of web version and applications Problem # Messenger Messenger appeared on VK relatively recently. Its first version was noticeably out of style, and over time this was resolved. The main problem of the messenger, in my opinion, is that it lives in parallel with the site. The correspondence window is small. And although it is scalable , it is tied to absolute coordinates it is not convenient to use the service. On Facebook, the messenger also lives separately from the site , creating many small correspondence windows.
Theory ways to become wider Let's first decide what a narrow screen is. The current photo editing servies width of the VK is pcs. The competition task said to adapt the site to a resolution of pk. As I see it , the solution to the problem of a narrow screen will be an interface that works at a resolution of pcs. That is, the interface is capable of working both at a narrow pc resolution and at a wide one +pc . After studying the options , I identified areas. I give them using the example of a news page. . Physical stretching The solution is straightforward we make the site rubber. Pros + Easy to implement Cons − Content becomes unreadable − Some sections of the site need to be completely revised for example , friends.
Parallel presentation The technique was seen in iA's Facebook redesign concept comments are located to the right of posts. years ago I tried it on one of my projects. Pros + Posts are arranged linearly , without being interrupted by comments + Comments on posts are visible immediately without additional transitions Cons − Uneven density of information on the screen − A px version can be created with great difficulty or has to differ from the wide one − It is necessary to completely revise some sections of the site . Sliding panels An approach that has become popular in web services SRM systems , task managers.
Theory ways to become wider Let's first decide what a narrow screen is. The current photo editing servies width of the VK is pcs. The competition task said to adapt the site to a resolution of pk. As I see it , the solution to the problem of a narrow screen will be an interface that works at a resolution of pcs. That is, the interface is capable of working both at a narrow pc resolution and at a wide one +pc . After studying the options , I identified areas. I give them using the example of a news page. . Physical stretching The solution is straightforward we make the site rubber. Pros + Easy to implement Cons − Content becomes unreadable − Some sections of the site need to be completely revised for example , friends.
Parallel presentation The technique was seen in iA's Facebook redesign concept comments are located to the right of posts. years ago I tried it on one of my projects. Pros + Posts are arranged linearly , without being interrupted by comments + Comments on posts are visible immediately without additional transitions Cons − Uneven density of information on the screen − A px version can be created with great difficulty or has to differ from the wide one − It is necessary to completely revise some sections of the site . Sliding panels An approach that has become popular in web services SRM systems , task managers.