Major Web Design Trends For 2014

-
Web design trends come and go every year, and it's important for designers and business owners to keep up with them in order to stay up-to-date and avoid having an outdated website. Although minor trends pop up all the time, we'll only talk about major trends in this article: simplicity, storytelling, and responsive design.

When reading about the following Web design trends, think about it in terms of user experience rather than the actual style of design. Style of design is fairly irrelevant because it is quite subjective and there's no right or wrong answer there.

Simplicity

You would think the meaning of simplicity is pretty obvious, but many people are probably thinking of the wrong idea. I'm not saying that websites need to be simple or plain, but they need to follow best usability practices in order to make the user experience as seamless as possible.

Simplicity means to avoid cluttering your website or adding useless information that your users do not need. Just because you think something needs to be on your website doesn't mean it actually does. This is where you can do split testing to reach a decisive conclusion rather than one driven by your personal opinions and bias.

Remember, websites serve an important purpose for your customers. They are the true users of your website and you need to accommodate their needs, not yours.

With regard to the word simplicity in context with design, it also refers to minimalism design. Getting your message across without the need to have excessive design elements just for the hell of it. I always say it's better to have a completely white Web page with just clean type and superb product images than a Web page that seems like it was over-designed for the sake of design.

Design is about telling the message effectively, not about looking pretty, albeit the latter ends up being the side effect of it in many cases.

Storytelling

Although storytelling has been part of Web design for a while, it's only recently come alive by use of animations and user interactivity. The idea is that as the user scrolls down the page, your website would morph along the way to tell your story in a visual and exciting manner.

People are much more likely to give you their attention if you make it fun for them rather than force them to read 10 paragraphs about your company and why you're the best.

A great example of this is the new Coin product that holds all your credit cards. Although they have a video that explains the product in a commercial-like style, you really only need to scroll down the page to understand the concept. As you scroll down, the multiple credit cards that are illustrated merge into one, which then moves down the page and swipes through the card reader just like a regular credit card. And when you continue scrolling down the page, it continues to showcase some of the important safety features of the card. It takes less than 30 seconds to view the entire page and get the whole concept of the product, and that is a winning design. Simplicity + storytelling!

Responsive Design

Yes, everyone has heard of Responsive Web Design (RWD) and it's not a new concept at this point; however, it's important to reiterate it again for this year since mobile is quickly becoming the new standard. And because mobile is becoming the new standard, that means there will never be a set website size anymore.

While thinking of how to implement RWD, keep in mind the two previous trends: simplicity and storytelling. Does the story slightly change in portrait vs. landscape mode? After all, RWD is not about squishing content to make it fit onto a different-sized screen. It is about transforming your website in order to tell the message effectively. And what's effective on a desktop-sized website will not necessary be as effective on mobile, even if you manage to fit it all onto the mobile screen size.

Do not be afraid to remove or add elements based on screen size and device type. Even when Ethan Marcotte originally wrote about RWD, he mentioned thinking out of the box a bit. It's not just about changing the width of the layout, but rather revamping the page to improve the user experience across all different platforms and devices.

There's literally too many great examples of RWD to list out here, but I will say that Twitter Bootstrap website itself is a great example and an even better framework for your next project.

(courtesy: www.webdesignerdepot.com)

Popular posts from this blog

Does Responsive Web Design make you more Money?

-
Image
Getting your website mobile-ready is attracting a lot of attention of late. Just yesterday Google rolled out a hefty algorithm change that will put an increased emphasis on mobile-usability as a key ranking factor. Most businesses are starting to realize that more customers are visiting them on the web via their mobile devices yet few are acting on that potent piece of information. In a recent study of the top 10000 websites, fewer than 19% were utilizing responsive design, and for the top 100 websites that number is a puny 12%. Some of the largest companies in the world are serving up a very poor user experience to about half the users hitting their site. People don't have the patience to scroll over, expand the screen and try to determine what the meat of the page is on those tiny smartphone screens. They are just going to click the back button and try out your competitor. For the companies who get it, this is a huge opportunity to add value to their customer experi...
Read more

7 Skills Every Web Designer Must Master

-
Image
Web design is as much a science as it is an art form. While half of the job is based on sound coding and design know-how, the other half is based on just having an intuitive sense of what looks good and what doesn't. Any web designer worth his salt will develop a strong core of fundamentals to make himself stand out from the rest of the pack. So how do you develop these fundamentals? They won't just appear overnight. Sure, there is no substitute for experience, but a strong education - whether formal or not - also helps tremendously. It's also highly advisable to keep challenging yourself and push beyond the limits of your comfort zone. That will mean the difference between struggling to find and keep clients and actually having clients come find you. Here are the absolute fundamentals that all good web designers should possess if they want to reach sublime levels. They don't all involve technical, computer know-how. 1) Be familiar with the entire desig...
Read more

3 Key Lessons for Websites that Work

-
Image
Almost every web design story has three main actors. Each of them occupies a particular place in the story, and each has different motivations and expectations. These characters are the client, the designer, and the user. There is a particular hierarchy that is supposed to exist between the three; but due to the nature of the process, this hierarchy frequently gets mixed up. The result is a plethora of poorly designed websites that are cluttered with unnecessary extras, which exist because of a power struggle between the client and the designer. What we need, in order to avert this disaster, is something I like to call "Design Frugality". It sounds fancy, but it's actually very simple. Just the way websites ought to be... 1) Being important isn't important! In the hierarchy I mentioned earlier, the user always believes themselves to be the most important actor in the cast because it is ultimately their money that the client is trying to earn. The...
Read more