Web Design in 2010-2011 – Analysis
As we're coming to the middle of this year, everyone is trying to analyze the recent trends in web designing and web development. However, in this article, we'll see what web designers and developers are trying to utilize with the new features to create impressive designs. We will also try to look into the factors that are driving this change.
1. The days of static design visuals are dead
2. Grid-based designs, Mobile Designs, Retro Designs are gaining popularity as well.
But Grid based is used mostly in notebooks, product pages and big blogs; they almost never appear on corporate websites or in online shops. With the huge amount of data present, classifying information based on context rather than content will be paramount for companies which handle large amount of data (financial, social, etc).
3. Print Design impact
Traditional techniques from print design are increasingly being applied to the Web, be they layout techniques or rich versatile typography. Web Designers are taking layout and design inspiration from print. This includes lots of whitespace, large type, use of a grid and clear hierarchy of elements. The layouts of these websites often resemble those of print magazines or posters, with striking headlines, multi-column text, highlighted quotes, indented text, supporting imagery, side notes and footnotes.
4. Faster and better Web browsers
Google Chrome, Firefox, Safari, and Opera has offered more choices to web users. But, well, it is part of a web designer's job to make sure that texts are easy and nice to read on all major browsers and platforms. With browser wars is in full force, Techniques for progressive enhancement are more commonplace than before, giving users of modern web browsers a better web experience than those who will not or can not use them. This has clearly drive competition in web designing.
5. Growth of community-oriented Platforms
In many ways, the growth of platforms such as Twitter and Facebook has led the web to be much more community-oriented. Along with these changes will come increased focus in getting information in real-time. Twitter is one of the examples that give immediate and breaking information on the sites. With more and more growth of such social media platforms and more people participating in the creation of information on the web, the way in which we obtain information has shift from being from a singular source, into a more community-created source.
6. Interactive Designs
Web designers of Web applications are paying significantly more attention to the way in which functionality is presented and are trying to improve the user experience with more interactive and responsive solutions. There's a lot more emphasis now on site usability and creating sites that are minimalist in design and easy to navigate (perfect use of CSS and a grid based layout). Horizontal scroll bars have been out there for a decade, but today it feels that they are gaining a new context. The move to horizontal scroll bars is probably an attempt among some designers to provide a more distinct user experience. One way to make websites more responsive is through "keypress navigation," which has not been widely adopted so far. But unfortunately we've observed more designs implementing this effectively. Web designers of Web applications are paying significantly more attention to the way in which functionality is presented and are trying to improve the user experience with more interactive and responsive solutions.
7. Slab Typefaces
These are relatively new as in the past logos and headers were smaller and more understated by web designers. However, combined with the trend towards larger headers, slab typefaces demand the reader to take notice.
8. Rich and strong typography
It has played a major role in Web design for years now. Bold, strong, heavy headlines can effectively convey the purpose of an e-commerce website or portfolio, while subtler headings help structure content and improve legibility. Obviously, the big change we're seeing today is richer, more versatile typography. Oversized logos on an evenly oversized header and Footer. We've further noticed that Web designers are extending their font stacks, adding incrementally more fall-back fonts in case a specified font is not available.
9. Recent trends
10. More Personalization
As web designers look for more ways of attracting users and prospects to their websites and generating business online, personalization is emerging as an important component of managing the web experience for site visitors – and delivering business value. Be simple, invisible complexity, big and bold, art and creativity, bigger picture. Web Typography is going to reach some new heights in 2010-2011. JQuery, Mootools as well as CSS3 are evolving and reaching new levels of quality and 'interactivity'. Everything seems to be moving forward to larger elements which focus the attention.
If you have not checked out CSS3 and HTML5 websites yet (like http://www.12thi.com ), you should really look into it because they will change the way you design and code. You can take advantage of the new features to create cleaner and more efficient layout.
It is possible that we have missed some other great trends and factors. Why do not you contribute some interesting information here? Please do not hesitate to share it with us in comments.