This is the slidedeck from my March 2013 Presentation of the same name at the ASD/IMA show.
Learn about these must have features to dominate in ecommerce in 2013.
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 ***