Web Design Trends 2011&2012

The earth becomes smaller and smaller nowadays. Website has ineffaceable merit. In the term of business, website also plays a more and more important role. Good wesite design can attract the customers, show your business well to others and bring lots of new business opportunities.

If you’re designing a website today, make sure you’re aware of the trends below. Falling behind is like telling people that Paris Hilton and Kim Kardashian are BFFs: it will be obvious that you haven’t kept up with the times.

2011 & 2012 trends are …
•HTML5
•CSS3
•Single Page Websites with Sliders
•Parallax Scrolling
•Mobile Design
•Impressive Typography
•Big Images & Photo Backgrounds
•Textures
•Design Below the Fold
•WordPress
•Social Media Sharing

HTML5
The current version of the HTML markup language was still in development in June 2011, but it is already being used as an all-encompassing update to HTML4, XHTML1, and JavaScript. It’s an effort to standardize markup language to avoid syntax errors in web documents. HTML5 not only has new elements, such as

CSS3
Not all browsers have adopted CSS3 as a whole yet, but they are slowly starting to come around. Using CSS3 is like scrapbooking vs. shoving your photos into those self-stick photo albums with plastic page protectors. Some of the new features of CSS3 include rounded corners, mega drop-down menus, animated buttons, multiple backgrounds, and a hell of a lot more. Web applications just got a lot cooler—don’t let anyone keep calling you a geek.

Single Page Websites with Sliders
The sliders that became popular in 2010 were bite-sized and held a hunk of meat between two pieces of bun. Sliders are now the trend when it comes to fitting a lot of information on one in-your-face web page. Instead of incorporating a slideshow into your website, your website becomes the slide show. Visitors to your website no longer have to drag the mouse over complicated nav bars or menus. Instead, you can capture their interest with breathtaking design elements. Oh, not interested in that one? Click on the arrow, and—voila—but wait, there’s more! Sliders let you use visuals to entice your audience. Not everyone can read, you know.

Parallax Scrolling
In an era where electronics companies are marketing 3-D televisions, why is parallax scrolling on the list of web design trends? Are we going back to the days of Sonic the Hedgehog? Well, apparently it looks pretty sweet on a web page. When a background, header, or footer uses parallax scrolling, what you get is a subtle 3-D environment. There’s something about it that draws you in and gets you involved with the website. A sense of depth develops, where you become part of the foreground to the website’s background. Depending on how you move your mouse, certain elements on the screen move as well. When your kids start complaining that you’re in your own little world every time you sit down in front of the computer, it’s because you really are.

Mobile Design
With the increasing popularity of tablet technology and smartphones, web designers must adapt to new standards. Screen resolutions are different, and they can’t accommodate the same extravagances as computers. Instead of having to create a separate, lackluster site, CSS3 allows web designers to accommodate mobile technology into the website design. Icons should still be striking and colorful; text should be readable. A mobile website should retain the design elements of the original, just in a smaller, touch-screen-friendly format. Today, more people will be buying smartphones than personal computers. That means that websites should look just as good—if not better—on a tiny screen as on a high-definition 17-inch monitor.

Impressive Typography
It’s no longer a simple war between Arial and Times New Roman. In fact, Calibri is the default font on Microsoft Word 2010. With more browsers supporting font-replacement methods, web designers can integrate custom fonts into websites. Mixing bold and scrolling letters and using extra-large font sizes to grab viewers’ attention is becoming mainstream. Think bold, fun, and unique. When everyone and her mother has a website, think about how to make yours different.

Big Images & Photo Backgrounds
Remember when people started playing around with dark backgrounds and striking images that popped against the negative space? (Let’s not even talk about white fonts on black backgrounds). It was impressive when it worked right. Now, images are actually being used as the backgrounds themselves. With digital SLR cameras that can take super high-quality photos, it’s easier to get huge pictures with amazing quality to take up the screen. These backgrounds can be quirky or hyper-realistic, but they draw you into the scene. You want to check out that website simply because you can’t take your eyes off the page. But make sure your image is great quality and that it doesn’t compete with your content. It still has to look like a background, even if it is larger than life. It’s all about harmony.

Textures
Along the same lines as using a high-quality photo for a background, another 2011 & 2012 web design trend uses texture all over the place. It doesn’t have to be bold; it just has to be subtly touchable. Texture is another way to add understated interest to a website and to attract the viewer to the page. The viewer will probably never even notice that your background looks like parchment paper, that the borders look like wood, or that your font looks like suede. It’s about that subconscious 3-D effect that adds depth and dimension without being overpowering. Texture is that element that turns a house into a home and a poster into a work of art.

Design Below the Fold
It used to be a faux pas to make a user scroll down to get to anything slightly resembling important information. Click the down arrow? The horror! Since so many users don’t have to click anything anymore—in fact, they revel in putting their grimy fingers all over their screens, whether they’re using a laptop, tablet, or smartphone—feel free to put your content anywhere. Do you want to put your main message at the very bottom of the page? Probably not. But that’s common sense, no matter what your aspect ratio is. Chapter one is always at the beginning of the book. Likewise, keep your important information on top, but don’t design your website to fit a particular size.

WordPress
Tutorials for transferring a domain to WordPress are all over the place. That’s because WordPress allows you to set up your website and alter its features without really even having to know how to do it. It’s user-friendly and relatively self-explanatory. You can change the look of your website by changing the template or add a feature with a plugin. So many people are using it that if you encounter any difficulty, you can easily troubleshoot it by doing a quick internet search. WordPress is the wave of the future, and it’s a trend that’s also keeping up with the trends. It’s evolving just as quickly as everything else in the internet world, if not faster.

Social Media
Sharing Web development is no longer about working in a vacuum. In fact, your website may not survive if it’s not followed, liked, and tweeted about. The internet is becoming a big party. If you don’t have a blog, maybe you’re not necessarily living in the dark ages, but you’re living on Sesame Street. If your blog is not on your website’s home page, you might not be considered one of the cool kids. This is the age of connection, so your website should be integrated with social media sites. The internet is turning into a worldwide game of Six Degrees of Kevin Bacon. If you’re not making yourself known on social networking sites, you’re going to be that one lone wallflower in the corner who has fewer than 100 Facebook friends. Make sure the design elements of your web page allow viewers to easily connect with you. Make sure your marketing strategy involves networking. Few people are going to find your website on their own.

Website trends in 2011 and 2012 are picking up. Web developers and designers need to focus on intertwining their audience with their website. There are more branches involved, whether with social networking or the new devices that are becoming the norm. Many of the website trends today make it easier to design and standardize a website. Others make it easier to add function to the pretty parts. Think smooth jazz as opposed to electronic pop music. In a time when “bounce” is a bad word, the trends work to lure users in organically, simply because they have found everything they were looking for and more.

Changes and updates

Initial website designs normally need small tweaks and changes after they go live, but major updates and re-designs may be undertaken periodically.

Changes to websites almost always provoke a backlash from its regular users.The reason for this is primarily that change is disruptive to the user: for example, the link that the user previously learned was always in the lower left corner is now “missing”, and the user must search the page to discover its new location. The user is disoriented, frustrated, slowed down, and needs time to learn and adapt to the new arrangement. On websites with users who spend significant amounts of time each day using, like Facebook or Wikipedia, users normally respond to even moderate changes with noisy protests and empty threats to leave the website.

Within a few weeks or months, however, most users have adapted to the changes and no longer object to them.For example, the signature feature of Facebook, a news feed, drew millions of complaints when it first appeared, but users now say that it is an important and highly desirable feature.

Major websites may try to minimize this with phased rollouts of changes, testing the new design with a small number of randomly selected users, describing the importance of the upcoming changes in advance, and offering users the option of keeping the old design until they have acclimated to the new one. However, the primary cure for complaints is simply to wait