SlideShare a Scribd company logo
1 of 26
Devour Your Competition: Building the Best Web Site
    Rick Wilson President/COO Miva Merchant
    ASD/IMA March 2013 – Las Vegas, Nevada
Devour Your Competition:
  Building The Best Web Site

New Features That Are Must Haves In 2013
What is the New Normal?




Usability   Utility   Desirability
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
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
USABILITY
        • Intuitive
        • Focused
        • Effective
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.
Intuitive Usability:
Multi-Device Design
Focused Usability:
Navigation - Traits

          • Functionally Easy to Use
          • Understandable
            Hierarchy
          • Consistent Location




               Example: HealthChemist.co.nz
Focused Usability:
                   Navigation - Features

Drop Down, Fly-out, & Mega Menus




                                        Breadcrumbs



          “Speaking” Block Navigation
Focused Usability:
                    Advanced Search
•   Emphasize Search
•   Auto-Complete
•   Search Facets
•   Searching Categories
•   Sorting & Pagination
    Options


Example: FirstPlaceParts.com
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
UTILITY
• Functional
• Easy to Use
• Helpful
Functional Utility:
          Key Features For 2013
•   Mini Basket
•   Shipping Estimator
•   Smart Breadcrumbs
•   Category Pagination & Sorting
•   Category & Product Page Templates
Functional Utility:
         Other Features To Consider
•   Facebook Connect
•   Social Networking Buttons
•   Social Commerce
•   Blog Integration
Easy to Use Utilities:
 For the Customer


           • Category Quickview
           • AJAX Add to Cart
           • Notifications after
             Actions
Easy to Use Utilities:
           For the Store Owners
•   Monitor Traffic
•   Track Sales & Conversion Rates
•   View Customer Checkout Flow
•   Track Searches
•   Test new features
Helpful Utility:
          Helping the Customer


• Product Comparisons
• Related Products
• Detailed Category
  Pages
DESIRABILITY
• Seductive
• Community
• Impressive
Seductive Desirability:
              Enhanced Product Pages




- Show Alternate Colors & Views   - Product Zoom   - Large Image Lightbox
Seductive Desirability:
Enhanced Product Pages
Community Desirability:
        Social Media & Marketing
• Display your social
  networks
• Be an active member
  in each social
  community
• Integrate Social
  Media
Impressive Desirability:
   Product Reviews
Review
Usability                          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
Questions




     ???
Email Me: rwilson@mivamerchant.com
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

More Related Content

More from Internet Merchants Association

More from Internet Merchants Association (8)

Sales platforms that work - Multi-channel Selling
Sales platforms that work - Multi-channel SellingSales platforms that work - Multi-channel Selling
Sales platforms that work - Multi-channel Selling
 
Creating an outstanding customer experience on your web site
Creating an outstanding customer experience on your web siteCreating an outstanding customer experience on your web site
Creating an outstanding customer experience on your web site
 
Comparison Search Engines: Make Your Products Visible Everywhere!
Comparison Search Engines: Make Your Products Visible Everywhere!Comparison Search Engines: Make Your Products Visible Everywhere!
Comparison Search Engines: Make Your Products Visible Everywhere!
 
The good and bad of low cost web stores
The good and bad of low cost web storesThe good and bad of low cost web stores
The good and bad of low cost web stores
 
7 must haves for your ecommerce store
7 must haves for your ecommerce store7 must haves for your ecommerce store
7 must haves for your ecommerce store
 
Get More Exposure: Using Comparison Shopping Engines
Get More Exposure: Using Comparison Shopping EnginesGet More Exposure: Using Comparison Shopping Engines
Get More Exposure: Using Comparison Shopping Engines
 
Follow the Customers: Selling on Amazon & eBay & webstores
Follow the Customers: Selling on Amazon & eBay & webstoresFollow the Customers: Selling on Amazon & eBay & webstores
Follow the Customers: Selling on Amazon & eBay & webstores
 
10 Things Every Online Merchant Must Do
10 Things Every Online Merchant Must Do10 Things Every Online Merchant Must Do
10 Things Every Online Merchant Must Do
 

Devour your competition building the best web site

  • 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 Site New Features That Are Must Haves 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
  • 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.
  • 9. Focused Usability: Navigation - Traits • Functionally Easy to Use • Understandable Hierarchy • Consistent Location Example: HealthChemist.co.nz
  • 10. Focused Usability: Navigation - Features Drop Down, Fly-out, & Mega Menus Breadcrumbs “Speaking” Block Navigation
  • 11. Focused Usability: Advanced Search • Emphasize Search • Auto-Complete • Search Facets • Searching Categories • Sorting & Pagination Options Example: 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
  • 20. Seductive Desirability: Enhanced Product Pages - Show Alternate Colors & Views - Product Zoom - Large Image Lightbox
  • 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. Review Usability 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

Editor's Notes

  1. Introduce and declare the topic
  2. 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
  3. Expand each main item
  4. 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
  5. 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
  6. 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/
  7. 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/
  8. 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/
  9. 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
  10. 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/
  11. Image CreditsSwiss Army Knife: http://www.swissknifeshop.com/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/W/G/WG16999.jpg
  12. Just want to be sure that you are aware of Miva’s newest improvements & features
  13. Just want to be sure that you are aware of Miva’s newest improvements & features
  14. 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
  15. Easy for You to use… Set it and forget it!Image Credit:https://lh5.ggpht.com/pzVoPNaE2qjdmsGzXIMiEnXW37Tq993TPb28JZltq29JIGUlQXaWfgFX-wiqVHmXog=w705
  16. *** FADE IN THREE IMAGES WITH EACH BULLET POINT ***
  17. Image Credit:http://images5.fanpop.com/image/photos/30400000/Candy-candy-30424649-1920-1200.jpg
  18. *** FADE IN THREE IMAGES WITH EACH BULLET POINT ***
  19. *** FADE IN THREE IMAGES WITH EACH BULLET POINT ***
  20. Without usability and utility, you can't really create desirability