|
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 photo editing servies has become popular in web services SRM systems , task managers. The screen consists of dependent panels. Panels appear to the right of each other ; if the screen does not contain everything , then the left panels are hidden as the right ones appear. Pros + At small resolutions you can switch panels , at large resolutions you can show everything at once + The interface is similar to the version for tablets Cons − Not a familiar option for web users − The site is located not in the center of the screen , but on the left − Large amount of architectural work.

Lack of linear viewing , you need to click on the news to read the comments . Two windows Interface with two active work sections on the screen. Pros + Requires few changes to the current interface Cons − It s not clear how to work with modes at the same time and why . Two columns The information display mode is similar to the timeline on Facebook. The concept based on this option won the VK redesign competition. Pros + Easy to arrange information + Uniform density of data on the screen Cons − Divided attention when reading news.
|
|