Web Design Trends for 2013
an Infographic created by Enfuzed
Responsive Web Design is a trend that carried over from 2012 and will continue to carry over for years to come. Having a website that can respond to a wide variety of screen sizes is a must with the rise of mobile web users.
84% of smartphone users use their smart phone to browse the web.
There will be 1.4 Billion Smart Phones in the World by the end of 2013.
Metro is a design style created by Microsoft with the principle of focusing on content and relying less on graphics. Examples of this flat style are popping up everywhere, but the more notable places is Microsofts new OS, Windows 8, as well as the Xbox 360 dashboard.
Minimalism in design is a huge trend right now and goes along with the metro trend of having just the bare essentials, keeping the over the top graphics and unrelated content out of the picture.
Too Much Clutter
One of the top 10 Reasons why a person leaves a website.
keep it simple.
Bold headlines with mixed matched fonts is a hot trend right now, but picking the right fonts to mix and match is an important key.
Make sure your paragraphs are in some kind of easy to read sans-serif font. Here are a few suggestions below:
The Key IS CREATING Excellent font combos.
What is it?
Parallax Scrolling happens when a background scrolls at a slower pace than the foreground creating a parallax effect.
Parallax Scrolling is something that has been around since the old nintendo days. Recently though it has been a great user experience addition to websites.
Puma's Mobium Website is a great example of Parallax
Infinite Scrolling is a trend that has taken the web by storm. First made popular by social media giant Pinterest, infinite scrolling is a great user experience that allows content to keep loading continuously as you scroll down the page without having to reload the page.
Pinterest's Infinite Scrolling Loading Icon
All it takes is this line of CSS
Have a fixed header bar with a main menu on it helps visitors to your site navigate through it quickly without having to waste time scrolling back to the top of the page.
Still a going trend is single page websites. Having your entire website on one page can help reduce waiting time for page load thus helping users navigate through your website quicker. Most single page websites also section the content, giving each section it's own distinguished heading and background.
It is not recommended to use this technique if you have a website with a ton of content.
When creating a single page website, sectioning content is a good way to help users find what they're looking for.
Large Image Backgrounds
Large image backgrounds are something photographers usually use in their online portfolios. Over the past couple of years though web designers have taken that trend and incorporated it into all types of different websites.
One of the biggest mistakes web developers and designers make is building a website and then adding the content to it afterwards. Doing this can create issues down the road.
Get all the content needed for a website before you start developing it.
Using lipsum text and images as filler can help in developing around content but should only be used as a last resort.
Embeded for hosted site:
Embeded for wordpress.com: