{"id":4710,"date":"2016-05-29T22:39:41","date_gmt":"2016-05-30T02:39:41","guid":{"rendered":"https:\/\/www.instantestore.com\/blog\/?p=4710"},"modified":"2017-06-05T10:51:49","modified_gmt":"2017-06-05T02:51:49","slug":"ecommerce-store-increased-sales","status":"publish","type":"post","link":"https:\/\/instantestore.com\/blog\/ecommerce-store-increased-sales\/","title":{"rendered":"eCommerce Store Increased Sales: 3 Visual Recommendations"},"content":{"rendered":"

Research has shown that the more time people spend in a store, the more money we end up spending. So the goal is to get people to stay in our eCommerce shops for longer than initially intended. How do we achieve this?<\/strong><\/p>\n

Research has shown that the more time people spend in a store, the more money we end up spending. So the goal is to get people to stay in our eCommerce shops for longer than initially intended. How do we achieve this?<\/strong><\/p>\n

Most of it has to do with the design of our digital domain. Today we are tackling simple\u00a0visual aspects that can make or break an online retail business: Layout, Product Images, and Positioning.<\/p>\n

Firstly, just like physical store, a good layout is required.<\/strong><\/p>\n

Consider the physical (or is it virtual?) positioning of UI elements. It would be ill-advised to have only one search bar, but to place it at the bottom of the page would be completely futile. Utilizing our digital real estate effectively only requires that we design in a way that we ourselves interact with websites.<\/p>\n

Amazon.com has a great layout, after years of testing we can be sure one of the biggest online stores knows what it is doing. \u00a0Have a look:<\/strong><\/p>\n

\"Amazon.com\"<\/p>\n

\n

The search bar is easily accessible. Right off the bat we can see it, and if needed use it.\u00a0The navigation bar is simple and to the point, offering the most pertinent links. There is a full width banner displaying the current featured deal.<\/p>\n

There are in fact TWO “Sign In” areas, one at the top navigation bar, and one located in the left column of the main stage, followed by popular categories.<\/p>\n

Amazon has chosen not to have their home page cluttered with any specific product listings, but instead offers a wider view of available options.<\/p>\n

Here is another store with just as well-made a layout:<\/strong><\/p>\n

\"Good<\/p>\n

\n

Next, let’s have a look at this site:<\/strong><\/p>\n

\"Bad<\/p>\n

\n

Notice the difference? Then let’s move along post haste.<\/p>\n

Keep the most important elements above the fold. Customers don’t want to scroll far down the page to see featured or best selling products. Imagine walking past an IT store and seeing outdated, overpriced, unpopular products on display right in front. Nobody would go in! Instead, place the Featured Products & Best-Sellers in prominent locations to help customers know what’s trending and what’s new.<\/p>\n

How about using dynamic navigation bars? The ones that follow customers around while scrolling up or down a page. While those can be effective, it’s best to keep it minimal for best results. Once it becomes intrusive it distracts from products and brings customers out of the immersion. That’s the last thing we want!<\/p>\n

Have a look at\u00a0HyperDC WebStore<\/a>\u00a0for a good example of non-intrusive, non-distracting navigation bar.<\/p>\n

Remember: just because a fancy tech is available, that<\/span><\/span> doesn’t mean it needs to be used. Oftentimes, simple is sufficient. Tip the scale a little<\/span><\/span> and that could mean conversions out the window.<\/span><\/span><\/p>\n

Next: G<\/span><\/span>ood quality visuals are a must!<\/span><\/span>\u00a0That cannot be stressed enough. To keep it simple, here are 3 things to always keep in mind:<\/span><\/strong><\/p>\n

Good Product Images Focus On The Product:<\/strong><\/p>\n

\"Good<\/strong><\/p>\n

Shows a clear, focused image of the product on display<\/p>\n

\n

\"Very<\/p>\n

A large image of the product on top, while still showing several variants within the same image<\/p>\n

\n

\"Unclear<\/p>\n

Example of an unclear product image. Could focus more on either the shoes or the shorts. Hopefully the product isn’t the turf!<\/p>\n

\n

\"Good<\/p>\n

BONUS: This product image is great! It features a model wearing the outfit, which will appeal to shoppers, while also showing the entire ensemble in a standalone image by the side.<\/p>\n

\n

Good Product Images A<\/span><\/span>re High<\/span><\/span> Res:<\/span><\/span><\/strong><\/span><\/span><\/p>\n

\"Low
\nUse low resolution images and we may as well chase shoppers away with a stick!<\/p>\n

\n

Always Use A Standard<\/span><\/span>ized<\/span><\/span> Background:<\/span><\/span><\/strong><\/p>\n

\"StandardVsNon\"<\/p>\n

\n

Finally, we also need to be aware of mobile usability.\u00a0<\/strong><\/p>\n

It goes beyond responsiveness. The design should consider what elements are most important for mobile users. Mobile users are working with less real estate space. Thus, only useful information and UI elements should show up at any one time. \u00a0Sizes should be large enough to target without needing the nimble fingers of a seasoned e-sports competitor.<\/p>\n

If the majority of our audiences are shopping on mobile devices, then the design should reflect the needs of a mobile user. The checkout button should be positioned such that the majority of users will be able to tap it with only our thumb.<\/p>\n

How about the top navigation bar? Will it be aligned left or right?\u00a0Fact is,\u00a0it should be large enough to target without fumbling about, and since this is mobile, it should almost always be dynamic, following the page as it is scrolled up or down. This is to ensure immediate availability\u00a0when a user needs to search for something, especially if it is triggered upon seeing a similar product.<\/p>\n

Positioning may not seem like a big deal, and most of us running ecommerce businesses don’t consider it at all, but it pays off in the long run.<\/p>\n

Amazon again, this time on mobile:\u00a0<\/strong><\/p>\n

\"Mobile<\/p>\n

 <\/p>\n

These three visual upgrades ensure shoppers have a better, more productive shopping experience. To reiterate, more time spent = more money spent.<\/strong> Good layouts and quality visuals are one piece of the puzzle, and so knowing your audience inside and out will make a world of difference in increasing time spent online<\/span><\/span>. <\/span><\/span><\/p>\n

Study shopper\u00a0habits and figure out how to make time spent\u00a0<\/span><\/span>in our specific online stores<\/span><\/span>\u00a0<\/span><\/span>pleasurable. With analytics and tracking, nothing needs to be left a mystery. <\/span><\/span>Analyze the<\/span><\/span> numbers <\/span><\/span>to see<\/span><\/span>\u00a0what’s working, change what isn’t<\/span><\/span>,<\/span><\/span> and it won’t be long before you start seeing higher times spent engaging with your <\/span><\/span>eCommerce website<\/span><\/span>.\u00a0<\/span><\/span><\/p>\n

Share personal suggestions or successes below so we can grow together!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Research has shown that the more time people spend in a store, the more money we end up spending. So the goal is to get people to stay in our eCommerce shops for longer than initially intended. How do we achieve this?<\/p>\n","protected":false},"author":2,"featured_media":4769,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[472,929,453,46,435,110,47],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts\/4710"}],"collection":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/comments?post=4710"}],"version-history":[{"count":46,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts\/4710\/revisions"}],"predecessor-version":[{"id":7992,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts\/4710\/revisions\/7992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/media\/4769"}],"wp:attachment":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/media?parent=4710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/categories?post=4710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/tags?post=4710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}