Building a web site is easy; building a GREAT web site that has all the features that customers like takes some skill and knowledge. Even if you think your web site already has it all, Rick Wilson, President of Miva Merchant has some ideas and suggestions for creating the kind of web site that customers have to come to expect in ecommerce shopping – and the kind of web site that will help you devour your competition.
We love knowing that customers are visiting our ecommerce site, but how do we turn a browser into a buyer? For most ecommerce web sites, less than 4% of all visitors actually make a purchase. So how can you increase your sales conversion rate when the odds are against you? With over 13 years in ecommerce, Rick has the expertise to help guide you - and your buyers - in the right direction.
3. What is the New Normal?
Usability Utility Desirability
4. Must Haves Concepts in 2013
Usability Utility Desirability
• Intuitive • Functional • Seductive
• Focused • Easy to Use • Impressive
• Effective • Helpful • Social
Communication
More Information: http://www.zurb.com/article/1128/the-3-elements-of-good-design-usability-u
5. What does this look like?
Usability Utility Desirability
• Intuitive • Functional • Seductive
• Multi-Device Design • 2013 Must Have • Enhanced Product
Features Pages
• Focused
• Navigation & Search • Easy to Use • Community
• Analytics Tools • Social Media & SEO
• Effective
Communication • Helpful • Impressive
• Optimized Checkouts • Product • Product Reviews
& Page Direction Comparisons
7. Intuitive Usability:
Multi-Device Design
• Store interfaces need
to be usable as a
whole
• Mobile vs. RWD
• There is an increasing
demand
• *Mobile design is not
for everyone.
12. Effective Usability:
Optimized Checkouts
• Optimize the Checkout
• Enhancing Checkout
– Mini Basket
– Shipping Estimator
• Multiple Step vs.
Don’t stop with just the checkout.
Abbreviated Checkouts
Contact forms, FAQs, and other
important pages should be clear
to navigate. Need Help?
Recommended Reading: http://www.mivamerchant.com/blog/a-definitive-guide-to-a-one-page-checkout-for-your-ecommerce-store
14. Functional Utility:
Key Features For 2013
• Mini Basket
• Shipping Estimator
• Smart Breadcrumbs
• Category Pagination & Sorting
• Category & Product Page Templates
15. Functional Utility:
Other Features To Consider
• Facebook Connect
• Social Networking Buttons
• Social Commerce
• Blog Integration
16. Easy to Use Utilities:
For the Customer
• Category Quickview
• AJAX Add to Cart
• Notifications after
Actions
17. Easy to Use Utilities:
For the Store Owners
• Monitor Traffic
• Track Sales & Conversion Rates
• View Customer Checkout Flow
• Track Searches
• Test new features
18. Helpful Utility:
Helping the Customer
• Product Comparisons
• Related Products
• Detailed Category
Pages
22. Community Desirability:
Social Media & Marketing
• Display your social
networks
• Be an active member
in each social
community
• Integrate Social
Media
26. Sources
• PR8 Update 7 & 8 Overview - http://www.mivamerchant.com/pr8-8-features
• Test Early, Test Often - http://uxdesign.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/
• Usability, Utility, Desirability - http://www.zurb.com/article/1128/the-3-elements-of-good-design-usability-u
• Multi-Screen World - http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
• Top 100 Grossing E-Commerce Sites - http://baymard.com/checkout-usability/benchmark/top-100
• Essential E-Commerce Website Features - http://sixrevisions.com/user-interface/e-commerce-website-features-tips-
examples/
• 7 Inspirational Steve Jobs Quotes for Designers - http://onthecloud.mycroburst.com/7-inspirational-steve-jobs-quotes-for-
designers/
• Mobile Websites vs. Responsive Websites - http://googlemobileads.blogspot.com/2012/07/mobile-websites-vs-responsive-
design.html
Editor's Notes
Introduce and declare the topic
We’re going to start with a high level view and work our way to specific items.This concept can be applied to websites as a whole or detailed items.Start asking yourself, “Does your [idea/solution/change] improve usability, utility, desirability”Jon Wiley, Lead Designer at Google, said“When I think of design and creating great user experiences, I generally think of it in terms of three things: usability, utility and desirability.”Image CreditsiPhone: http://images.apple.com/iphone/design/images/hero_front.jpgSwiss Army Knife: http://www.jimsimcoe.com/wp-content/uploads/2010/10/swiss_army_knife.jpgCandy: http://www.candyfavorites.com/blog/wp-content/uploads/love-candy.jpeg
Expand each main item
Steve Jobs has said, “That's been one of my mantras -- focus and simplicity. Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple.”Image Source: http://www.digitaltrends.com/wp-content/uploads/2011/10/steve-jobs-holding-iphone.jpg
According to a study by Morgan Stanley Research (2010) – Mobile web browsing will pass desktop web browsing and continue to increaseMore Information:http://www.mivamerchant.com/landingmobileImage Credit:http://johnpolacek.github.com/scrolldeck.js/decks/responsive/Sources:https://placester.com/real-estate-marketing-academy/11-must-haves-for-a-responsive-real-estate-website/http://googlemobileads.blogspot.com/2012/07/mobile-websites-vs-responsive-design.html
Shopping is becomming more of a multi device taskImpulse Buys - Mobile purchases leads to more spontaneous shoppingO’Niel Case Study (6 Week Comparison)iPhone/iPod: Conversions: +65.71% , Transactions: +112.50%, Revenue: +101.25%Android Devices: Conversions: +407.32%, Transactions: +333.33%, Revenue: +591.42%Sources:http://electricpulp.com/notes/you-like-apples/
More Information: http://sixrevisions.com/user-interface/e-commerce-website-features-tips-examples/http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/
Examples:http://www.healthchemist.co.nzSources & More Information: http://sixrevisions.com/user-interface/e-commerce-website-features-tips-examples/http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/
60% of all e-commerce visitors abandon their shopping cart. Why?“We recommend you first optimize your existing checkout process and create a clear and concise multi-step checkout for your customers BEFORE experimenting with a one page checkout.”“Users often leave Web pages in 10-20 seconds, but pages with a clear value proposition can hold people's attention for much longer” - Jakob Nielsen’s, from a Evidence-Based User Experience Research, Training, and Consulting group: Nielsen Norman GroupDon’t stop with just the checkout. Contact forms, FAQs, and other important pages should be clear to navigateMore Information:http://www.mivamerchant.com/one-page-checkoutSources:http://www.mivamerchant.com/blog/a-definitive-guide-to-a-one-page-checkout-for-your-ecommerce-storehttp://baymard.com/checkout-usabilityhttp://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/Image Credit:http://dryicons.com/icon/architecture-blueprint-icons-set/shopping-cart/
Image CreditsSwiss Army Knife: http://www.swissknifeshop.com/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/W/G/WG16999.jpg
Just want to be sure that you are aware of Miva’s newest improvements & features
Just want to be sure that you are aware of Miva’s newest improvements & features
Gather the Easy for You to use… Set it and forget it!Analyze your site’s performance, take the pain Others:SearchSpring -HummingBird – Real Time Traffic - http://projects.nuttnet.net/hummingbird/Visual Webstie Optimizer – Q/A & Multivariat testing http://visualwebsiteoptimizer.com/Image Credit:https://lh5.ggpht.com/pzVoPNaE2qjdmsGzXIMiEnXW37Tq993TPb28JZltq29JIGUlQXaWfgFX-wiqVHmXog=w705
Easy for You to use… Set it and forget it!Image Credit:https://lh5.ggpht.com/pzVoPNaE2qjdmsGzXIMiEnXW37Tq993TPb28JZltq29JIGUlQXaWfgFX-wiqVHmXog=w705
*** FADE IN THREE IMAGES WITH EACH BULLET POINT ***