Downloaded 10 times
Uploaded bySteven Soule
MivaCon 2013 - The New Normal
The document discusses new features in ecommerce that have become essential for online stores. It covers three main areas: usability, utility, and desirability. For usability, intuitive design across devices, improved search and navigation, and optimized checkouts are emphasized. Important utilities include new built-in features in Miva like mini carts and shipping estimators, as well as analytics and testing tools. Desirability focuses on enhancing product pages with high quality images and reviews to boost sales. The presentation encourages merchants to audit their stores and test new ideas to provide the best customer experience.
MivaCon 2013 - The New Normal
- 1. The New Normal Steven Soule
- 2. The New Normal New Features In The Ecommerce Landscape Have Gone From Optional Add-ons To Must Haves In 2013
- 3. Who am I? Graduated from AICASD Been at Miva since 2011 Work in the Professional Services department Constant Learner
- 4. Who are you? Store Owners? Developers? Both?
- 5. What is theNew Normal? Usability Utility Desirability
- 6. Must Haves Conceptsin 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
- 7. What does thislook like? Usability Utility Desirability • Intuitive • Functional • Seductive • Multi-Device Design • Miva’s Newest Features • Enhanced Product Pages • Focused • Easy to Use • Navigation & Search • Analytics Tools • Community • Social Media & SEO • Effective • Helpful Communication • Product Comparisons • Impressive • Optimized Checkouts & • Product Reviews Page Direction
- 8. USABILITY • Intuitive • Focused • Effective
- 9. 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.
- 10.
- 11. Focused Usability: Navigation - Traits • Functionally Easy to Use • Understandable Hierarchy • Consistent Location Example: HealthChemist.co.nz
- 12. Focused Usability: Navigation - Features Drop Down, Fly-out, & Mega Menus Breadcrumbs “Speaking” Block Navigation
- 13. Focused Usability: Advanced Search • Emphasize Search • Auto-Complete • Search Facets • Sorting & Pagination Options Example: FirstPlaceParts.com
- 14. Effective Usability: Optimized Checkouts • Optimize the Checkout • Enhancing the 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
- 15. UTILITY • Functional • Easyto Use • Helpful
- 16. Functional Utility: New-ish Built In Miva Features • Mini Basket • Shipping Estimator • Smart Breadcrumbs • Category Pagination & Sorting • Category & Product Page Templates
- 17. Functional Utility: Miva Features You Can Buy • Facebook Connect • Social Networking Buttons • Social Commerce • Blog Integration • Just about any other idea you have!
- 18. Easy to UseUtilities: For the Customer • Category Quick View • AJAX Add to Cart • Notifications after Actions
- 19. Easy to UseUtilities: For the Store Owners • Monitor Traffic • Track Sales & Conversion Rates • View Customer Checkout Flow • Track Searches • Test new features
- 20. Helpful Utility: Helping the Customer • Product Comparisons • Related Products • Detailed Category Pages
- 21. DESIRABILITY • Seductive • Community •Impressive
- 22. Seductive Desirability: Enhanced Product Pages - Show Alternate Colors & Views - Product Zooms - Large Image Light Boxes
- 23.
- 24. Community Desirability: Social Media & Marketing • Display your social networks • Be an active member in each social community • Integrate Social Media
- 25. Impressive Desirability: Product Reviews • Improve Reputation • Increase customer confidence • Get the swing vote
- 26. Review Usability Utility Desirability • Intuitive • Functional • Seductive • Multi-Device Design • Miva’s Newest Features • 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 Comparison • Product Reviews • Optimizing Checkouts
- 27. What is theNew Normal? Usability Utility Desirability
- 28. Final Thoughts • Your store is unique • Your target market is unique • Audit your store • Test, Test, Test
- 29.
- 30. Thank you! The Outline:stevensoule.com/the-new-normal_outline.pdf The Bundle: stevensoule.com/mivacon2013.zip
- 31. 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 • http://electricpulp.com/notes/you-like-apples/ • http://mashable.com/2012/12/11/responsive-web-design/ • http://www.copyblogger.com/mobile-responsive-design-benefits/ • http://www.lukew.com/ff/entry.asp?1679 • http://www.slideshare.net/ProphetsAgency/trends-in-interactive-design-2013 • http://services.google.com/fh/files/misc/multiscreenworld_final.pdf • http://www.searchspring.net/features/rich-auto-complete • http://www.searchspring.net/features/category-navigation • http://www.mivamerchant.com/facebook-connect • http://www.mivamerchant.com/products/social_buttons • http://www.mivamerchant.com/products/MMSC • http://www.mivamerchant.com/products/one_page • http://www.slideshare.net/pod1/the-7-pillars-of-ecommerce
Editor's Notes
- #2 Welcome People as they EnterThank them for comingLet’s get started
- #3 Introduce and declare the topicGoals of this breakout:-- Set the bar for ecommerce-- Point out capabilities of Miva-- Remind you of best practices
- #4 Introduce myself: Steven SouleBS in WDIMSkillset:-- Designer-- Front End Development (HTML, CSS, JS jQuery)-- Backend (PHP, MySQL, Miva, Perl, Ruby)-- PhotographyConstant learner-- That’s what I love about web development-- That’s why you’re here too
- #5 By a show of hands…Try and connect with the audienceGet to know them and engage themMy Assumptions:Store Owners
- #6 We’re going to start with a high level view and work our way to specific items.[TRIGGER]These 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, a 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
- #7 Expand each main item
- #9 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
- #10 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
- #11 Shoppingisbecomming more of a multi devicetaskImpulse Buys - Mobile perchasses leads to more spontaneous shoppingO’Niel Case Study (6 WeekComparison)iPhone/iPod: Conversions: +65.71% , Transactions: +112.50%, Revenue: +101.25%AndroidDevices: Conversions: +407.32%,Transactions: +333.33%, Revenue: +591.42%Sources:http://electricpulp.com/notes/you-like-apples/
- #12 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/
- #13 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/
- #14 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
- #15 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/
- #16 Image CreditsSwiss Army Knife:http://www.swissknifeshop.com/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/W/G/WG16999.jpg
- #17 Just want to be sure that you are aware of Miva’s newest improvements & features
- #18 Just want to be sure that you are aware of Miva’s newest improvements & features
- #19 I’m breaking down Easy to Use into two sections, Customer & Store Owner
- #20 Easy for You to use… Set it and forget it!Analyze your site’s performance, take theOthers:SearchSpring –New Relic - http://newrelic.comRe-Invigorate - https://www.reinvigorate.netHummingBird – 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
- #22 Image Credit:http://images5.fanpop.com/image/photos/30400000/Candy-candy-30424649-1920-1200.jpg
- #23 *** FADE IN THREE IMAGES WITH EACH BULLET POINT ***
- #24 Product Is Center StageQuality ImageryClear Call to ActionReviewsSocial Media Integrations
- #26 Modules:Power ReviewsUltimate Product ReviewsRate This
- #28 We’re going to start with a high level view and work our way to specific items.[TRIGGER]These 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, a 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
- #29 Final Thoughts:Each store is uniqueAdding all of these features is costlyAnalyze your store & it’s target market to find out the greatest needsTest, Test, Test!Remember We’re Making Sites: Usable, Full of Utilities, & Desirable-- Without usability and utility, you can't really create desirability