Microsoft's Fluent Design Brings Sleek Look to Websites

How would major websites look if they are redesigned based on the style and feel of the Microsoft Xbox One or the Sony PlayStation? Video game consoles have always been revolutionary in terms of their user interfaces, which take full advantage of their operating system and hardware configurations to deliver a snappy and attractive user experience.

One of the best examples of efficient and stylish user interface design can be found on the Xbox One, which is powered by the Xbox OS and styled by the Metro design concept that Microsoft originally introduced in the Zune multimedia player years ago. Even though the Zune failed to compete against the Apple iPod, it made quite a splash in terms of visual design, which was partly inspired by the clean and effective style seen in the signage of many European railway stations.

Redesigning websites under the Microsoft Universal Windows Platform user interface standards and the Xbox OS visual style would entail borrowing elements of the main dashboard for the home page, which is something that is already used by Software-as-a-Service platforms for the enterprise world; depending on the criteria of the web designer, the dashboard may turn into the more traditional navigation menu or vertical sidebar for internal pages.

The Reveal Highlight lighting effect around interactive elements such as buttons and menu items is an intuitive feature of Windows 10 and Xbox OS that can be achieved on the web by means of grouping buttons and assigning shadows to them. This effect can go a long way in terms of giving users a sense of the interactive elements of the pages they are browsing, and it can also be used to call attention to sections that visitors should visit.

Microsoft's Fluent Design standards are being constantly improved, and they are catching up to Google's Material Design and the look of Apple iOS on mobile devices. It should be noted that the original Metro style was developed for the purpose of giving users a seamless transition from one platform to another; to this effect, applying Fluent Design to the web would result in pages looking a lot like mobile apps and Windows 10.

For more information click here https://v.redd.it/btz3ryrzzhc11.