The innovations in the UI design also call for an improved information architecture. The screen hierarchy of the Microsoft UI is limited to three structure levels: section pages , detail pages , and hub pages. The hub pages offer an overview of the content, section pages display different categories, and detail pages showcase textual and visual content. Takeaway: Strict content hierarchy allows users to orientate easily in a new UI environment.
This contemporary design reflects the current trends and answers the demands of the modern user. The Metro UI cuts all unnecessary elements in favor of improved usability. This design style has a futuristic approach towards user experience. It lacks heavy graphic elements, like shadows and textures, which results in a swift and highly responsive design. This design style reflects the modern understandings for high usability. It employs the use of easily readable typefaces, solid colors, and simple geometric shapes to display content.
The Metro UI has implemented many of the features of the minimalist style but with a few exceptions. The decreased amount of icons in the layout is a signature look for the Microsoft products. Various built-in tool functions and classes will increase your productivity. Create your site quickly and effectively with Metro 4. Metro 4 is a free open-source impressive components library built on html, css, javascript. Get Started Download Source.
Easy and Rocket Using Metro 4 is very easy, you don't even need to know javascript to make fully functional websites that interact with the user. Get started. Open Source Metro 4 is an open source project. You can access to full source code on the GitHub and get Metro 4 with free license. Goto repository. But with the advent of web font services like Typekit and the increasing capability of javascript, the web is now more inductive to creativity than ever.
The Metro UI takes full advantage of this new freedom in layout design. Since there are no pesky skeuomorphic elements to reproduce across a number of mediums, you can have your website scale, resize, stretch, rotate and re-organize all the elements on your website on the fly to fit different platforms. For mobile devices, functionality, efficiency and speed are the key to a great user experience, not illusions of real world instances and decorative filler.
The new Microsoft website is an excellent example of not only a Metro type interface but also the flexibility with which the website adapts to different screens. As further evidence of its mobile-centric approach to design, the Metro interface uses large text and buttons for easy navigation.
The Verge utilizes bigger fonts inside wholly clickable and very artsy Metro style tiles that look just as good on desktop computers as they do on mobile devices. It has made an impact on the design community that is here to stay. As car engineers improve on a design from the past in order to determine what not to put into their next model.
So too should…. Did you know specific colors cause people to feel and respond in different ways? Do you find yourself overwhelmed by the number of potential website….
Are you looking for landing page examples? The landing page is probably one of the most important pages on your website. A slight change in…. How long do users stay on your website? Less than 15 seconds. Marketers seeking to dominate their respective niches should be focused on the best website layouts.
Your homepage is your only chance to…. Pack your bags. It should activate the travel bug with…. Color can affect us in unexpected ways. It can: Change the way hot chocolate tastes Change our heart rate Make us stronger and faster If….
0コメント