AspDotNetStorefront makes it a priority to stay in tune with significant industry changes and trends. We offer a great e-Commerce platform to display your products for sale right out of the box, but can you be doing more to enhance the effect it has on your viewers?
We have done some extensive research on 2010 web design trends and were curious to find results on what customers and users of your site may be aesthetically drawn to like “what’s in” right now and what is appealing to the average viewer. Utilizing these techniques is far more than just conforming to what people like. Naturally, if a viewer enjoys his or her time spent at the site, it will encourage them to spend more time there, explore other parts of your site, and are more likely to return.
With that in mind, I’d like to touch on several 2010 web design trends, in the pursuit of informing AspDotNetStorefront customers and fellow designers on what is having the most success within the industry right now.
Oversized: The human eye is naturally drawn to big and bold things. One of the latest emerging trends is oversized images and logos; there are a couple of places where this is applicable. Headers are a great area to exercise this technique. Splash pages are slowly fading out. To make a better impression, and one more unforgettable, try oversizing a logo on an oversized header. This could even take up the entire screen, but will showcase one important, highlighted aspect. Viewers will be more enticed with your graphics/ product/ identity and will want to scroll down or click to see more.
Pictures are very inviting and will engage the viewer almost always. There is no fear in placing a larger picture (as long as it doesn’t crowd the page). Think of photos that will set a theme, display a product, introduce a corporate identity or set the tone of the site.
Organization: The user experience is probably the most important thing while designing a web site. We want the viewer to never get frustrated and give up or leave and never return. A good organization and layout will help the user feel at ease and enjoy their experience more. Think about walking into your favorite store. What is the mood or tone that the store sets? What do the displays look like or what type of music is played during your shopping experience? Think overall experience and then think about the fact that as a designer it is our obligation to translate all of this graphically.
Headlines, subheads and regular content should be organized in a hierarchal system. A viewer should naturally be able to have a primary read (like a title or headline), secondary read (like subhead or preceding paragraph, chart, product...etc.), and possibly a third read (could be content, description, more info...etc.). What the content is does not cause the problem; the problem is when your site becomes busy and causes the viewer to scan his or her eyes all over the screen missing out on some important content. If you have a featured product, make sure the viewer gets attracted to it first. Think of how a viewer naturally looks at a site and that’s how you should consider placing elements. If your site is for a region like the United States, think about how a user naturally reads left to right, or up to down. Placing elements on the left or top just might get their attention or help them navigate a bit better. If you are new to organizing websites, you’ll notice that many existing sites contain their most important information on the left (such as links, navigation, side stories) and at the top (such as logos, navigation, and company name). The top and left are also utilized often because they are the last to get “cut-off”. If you have a user with a smaller screen resolution, it shrinks starting with the bottom and right.
The footer is another key feature of a site. The footer can be used to wrap up the information in links, display secondary links, display personal information or encourage the viewer to proceed to the next page. A huge trend for 2010 is oversized footers. It’s a chance to get a lot of content at the viewer one last time.
Icons: Icons are used more frequently on today’s websites. They are used to represent something in the most obvious way. Icons can replace text and be more attractive to the viewer. When designing an icon, a tip is to design the first thing you think of when thinking of what you want to represent. If you follow that method, then you are designing the most obvious thing representing what the icon is for. 2010 trends for icons are shiny and reflective or 3D icons with depth, shadow and highlights. The next time you spell out the link “shoppingcart”, try creating an icon as well to draw in your viewer.
Rounded Corners: The only thing people have to say about rounded corners being “in” is that it’s different from the normal box effect. It helps if you have a more organic site with curves and swirls; these rounded corners won’t disrupt the cohesive flow.
Minimalism: There is nothing wrong with having the most plain, basic site while highlighting the important aspects. Some of the most successful websites are just text on a white background (Google, Craigslist...etc). As a graphic designer, I fully understand the effect that white-space can have on a design. It draws attention to certain things and allows the flow to “breathe”.
Introboxes: An introbox is an introductory statement about you or your company, placed somewhere at the beginning of your site. This box/ section is actually taking the place of “about me” pages in 2010 websites and giving a nice” welcome” to your site.
Themes: There are many themes emerging out of the last couple years. Retro themes are actually a new thing. Doing a retro theme adds certain aesthetics to your site that some people can relate to, admire or just entice people. Another new style is a magazine/ collage type of layout. This approach is the opposite of minimalism, yet the viewer should still be able to comfortably navigate their way through the site. In this approach, you will see cut out pieces, large headlines, pictures all over the place and clearly defined columns and sections. Illustrative styles have always been in, but with the advancement of technology and software, more illustrations are making their way into sites. This could be anything from a simple graphic in the background of your content to a huge illustration on every page of the site.
Social Media: This is more of a general trend rather than a web design tip, but it is still vital to the success of your general or ecommerce business. Create a Facebook, Twitter or Linkedin account and place a link/ icon on your site. Social Media can broadcast information to a mass amount of people and feed them live updates. Blogs are also a great social media tool. Blogs engage a reader in following your company, as well as creating more words for searches in terms of SEO. The more words people can search (through google, yahoo…etc) the higher your ecommerce site and products will get placed in the page rank.
There are many more trends not listed, as well as new ones emerging each day. In the organization section of this post, I touched a little bit on user experience. The next post I will make will go over vital points of the user experience and how to make his or her experience as enjoyable as possible.