Excellent site cases from 2012 to see the site experience 5 trends

Translator Note: A trend of the shallow text. This article extracts the more incisive, let a person read not to feel "indeed so". Compared to many other dozens of general, general and the trend of the article, is a boutique oh. In addition, the article has a lot of excellent site cases, but also worth our study.

Original address: The top 5 Website UX Trends of http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012

In the 2012, the continuous development of user interface technology has often effectively blurred the boundaries between design, usability and technology, thus bringing a comprehensive experience of high availability and pleasure to users. For example, infinite scrolling is a technology that lets users have a more uninterrupted and continuous experience. Similarly, the progress of web typesetting technology is reflected not only in vision, but also in the message that can be conveyed more clearly.

　　1. One-page Web site

One-page sites are everywhere. Large background images, rich illustrations and animation techniques are often used to tell stories, entertain the public and express clear and clear information. Free from the limitations of the traditional Web site architecture, this kind of creative, visually pleasing one-page website is booming. Jess and Russ and Ben The bodyguard are my favorite two single-page websites (please click here to see more examples of excellence). New trends, whether appropriate or not, will be emulated. This can easily lead to homogeneity of the site's style and, in some cases, make the experience worse. Of course, if used properly, a single page site will be a good choice.

　　2. Unlimited scrolling

　　　　

Users are already familiar with infinite scrolling, and may not be aware of them themselves. Unlimited scrolling is ideal for displaying fragmented, real-time push and chronological information, such as Google Images or Pinterest, which has a great deal of images, but it's important to implement it carefully to avoid frustration from users. Lookbook is also a good case, infinite scrolling through the floating wireless scroll bar and combining a "back to the top" button, so that users can browse without interruption, but also easy to find other parts. Infinite scrolling is not a foolproof, so we need to think about it enough to use it. In fact, for search results, long lists and E-commerce, page numbering may be the best choice.

　　3. Resident Navigation

Resident navigation is the best choice for complex web sites, long scrolling pages, or Web sites with functional properties, because it's easy to distract users, so they need to be weakened. The New Zealand ' s tourism website is a great case with only a top navigation bar, and the rest is enough for the main part to show the content. Gmail sites also put the user's common operations on the Resident toolbar.

　　4. Web 2.0 The passing of aesthetics

We have found that the trend of visual design is beginning to return to its true colours. The use of flat, fresh and simple methods in typography and information levels has replaced the complex, lively, multi-layered style of the Web2.0 era. Many web sites and apps have even discarded the vivid graphics backgrounds of pure CSS styles, such as my favorite Basecamp, Dropbox and smashing Magazine, across devices and screen resolutions.

　　5. Typesetting return

Thanks to the growing sophistication of most browsers and devices rendering fonts, designers are more flexible in choosing fonts that fit the web's style. Now that the importance of content is becoming more and more important, so how to convey it more effectively through typesetting is also of particular importance. In the coming years, the layout of Web sites is still an important focus in mobile devices, responsive design, and retina screens. For example I like a website The New Yorker, the text uses the website standard font (Times New Roman), and then with the design of the title and navigation (font is Irvin, Neutra), very beautiful.

2013, we will continue to look for more excellent site cases, they will be balanced vision, usability and technical implementation to bring users a better experience.

Finally, the translator attaches two articles on the 2013 design trends, and will have time to give you the corresponding translation:

http://theindustry.cc/2013/01/07/13-design-trends-for-2013/

--This paper summarizes 13 design trends across platforms and in a comprehensive way.

http://www.hongkiat.com/blog/web-design-trend-2012/

http://www.hongkiat.com/blog/web-design-trend-2013/

--the author summed up the web design trend of the year in 2012 and early 2013. We can take a look at the 2012 years of the 15 to cash out what, which also needs to work harder, and 2013 of the 20 and what new trends?