Devour Your Competition: Building the best (ecommerce) web site in 2013

  • 743 views
Uploaded on

This is the slidedeck from my March 2013 Presentation of the same name at the ASD/IMA show. …

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
743
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 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/
  • Example:www.FirstPlaceParts.comMore Information:http://uxdesign.smashingmagazine.com/2009/12/08/principles-of-effective-e-commerce-search/http://econsultancy.com/us/blog/10407-site-search-for-e-commerce-13-best-practice-tips
  • 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 ***
  • Image Credit:http://images5.fanpop.com/image/photos/30400000/Candy-candy-30424649-1920-1200.jpg
  • *** FADE IN THREE IMAGES WITH EACH BULLET POINT ***
  • *** FADE IN THREE IMAGES WITH EACH BULLET POINT ***
  • Without usability and utility, you can't really create desirability

Transcript

  • 1. Devour Your Competition: Building the Best Web Site Rick Wilson President/COO Miva Merchant ASD/IMA March 2013 – Las Vegas, Nevada
  • 2. Devour Your Competition: Building The Best Web SiteNew Features That Are Must Haves In 2013
  • 3. What is the New Normal?Usability Utility Desirability
  • 4. Must Haves Concepts in 2013Usability 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
  • 6. USABILITY • Intuitive • Focused • Effective
  • 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.
  • 8. Intuitive Usability:Multi-Device Design
  • 9. Focused Usability:Navigation - Traits • Functionally Easy to Use • Understandable Hierarchy • Consistent Location Example: HealthChemist.co.nz
  • 10. Focused Usability: Navigation - FeaturesDrop Down, Fly-out, & Mega Menus Breadcrumbs “Speaking” Block Navigation
  • 11. Focused Usability: Advanced Search• Emphasize Search• Auto-Complete• Search Facets• Searching Categories• Sorting & Pagination OptionsExample: FirstPlaceParts.com
  • 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
  • 13. UTILITY• Functional• Easy to Use• Helpful
  • 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
  • 19. DESIRABILITY• Seductive• Community• Impressive
  • 20. Seductive Desirability: Enhanced Product Pages- Show Alternate Colors & Views - Product Zoom - Large Image Lightbox
  • 21. Seductive Desirability:Enhanced Product Pages
  • 22. Community Desirability: Social Media & Marketing• Display your social networks• Be an active member in each social community• Integrate Social Media
  • 23. Impressive Desirability: Product Reviews
  • 24. ReviewUsability Utility Desirability• Intuitive • Functional • Seductive • Multi-Device Design • 2013 Keys • Enhancing Product • Mobile & Responsive • Mini Basket Pages • Shipping Estimator •• Focused Quality Images • Search • Easy to Use • Community • Facets • A/B Testing • Social Media • Autocompletes • AJAX Add to Cart • Follow on Contact• Effective • Helpful • Impressive Communication • Product • Product Reviews • Optimizing Checkouts Comparison
  • 25. Questions ???Email Me: rwilson@mivamerchant.com
  • 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