mivacon 2013 - the new normal

31
The New Normal Steven Soule

Upload: steveosoule

Post on 08-May-2015

687 views

Category:

Business


1 download

DESCRIPTION

Slides from a breakout session at MivaCon 2013

TRANSCRIPT

Page 1: MivaCon 2013 - The New Normal

The New NormalSteven Soule

Page 2: MivaCon 2013 - The New Normal

The New Normal

New Features In The Ecommerce Landscape Have Gone From Optional

Add-ons To Must Haves In 2013

Page 3: MivaCon 2013 - The New Normal

Who am I?

Graduated from AICASDBeen at Miva since 2011

Work in the Professional Services departmentConstant Learner

Page 4: MivaCon 2013 - The New Normal

Who are you?

Store Owners?Developers?

Both?

Page 5: MivaCon 2013 - The New Normal

What is the New Normal?

UtilityUsability Desirability

Page 6: MivaCon 2013 - The New Normal

Must Haves Concepts in 2013

Utility• Functional• Easy to Use• Helpful

Usability• Intuitive• Focused• Effective

Communication

Desirability• Seductive• Impressive• Social

More Information: http://www.zurb.com/article/1128/the-3-elements-of-good-design-usability-u

Page 7: MivaCon 2013 - The New Normal

What does this look like?

Utility• Functional

• Miva’s Newest Features

• Easy to Use• Analytics Tools

• Helpful• Product Comparisons

Usability• Intuitive

• Multi-Device Design

• Focused• Navigation & Search

• Effective Communication• Optimized Checkouts &

Page Direction

Desirability• Seductive

• Enhanced Product Pages

• Community• Social Media & SEO

• Impressive• Product Reviews

Page 8: MivaCon 2013 - The New Normal

USABILITY

• Intuitive• Focused• Effective

Page 9: MivaCon 2013 - The New Normal

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.

Page 10: MivaCon 2013 - The New Normal

Intuitive Usability:Multi-Device Design

Page 11: MivaCon 2013 - The New Normal

Focused Usability:Navigation - Traits

• Functionally Easy to Use• Understandable Hierarchy• Consistent Location

Example: HealthChemist.co.nz

Page 12: MivaCon 2013 - The New Normal

Focused Usability:Navigation - Features

Breadcrumbs

“Speaking” Block Navigation

Drop Down, Fly-out, & Mega Menus

Page 13: MivaCon 2013 - The New Normal

Focused Usability:Advanced Search

• Emphasize Search• Auto-Complete• Search Facets• Sorting & Pagination

Options

Example: FirstPlaceParts.com

Page 14: MivaCon 2013 - The New Normal

Effective Usability:Optimized Checkouts

• Optimize the Checkout• Enhancing the Checkout– Mini Basket– Shipping Estimator

• Multiple Step vs. Abbreviated Checkouts Don’t stop with just the checkout.

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

Page 15: MivaCon 2013 - The New Normal

UTILITY

• Functional• Easy to Use• Helpful

Page 16: MivaCon 2013 - The New Normal

Functional Utility:New-ish Built In Miva Features

• Mini Basket• Shipping Estimator• Smart Breadcrumbs• Category Pagination & Sorting• Category & Product Page Templates

Page 17: MivaCon 2013 - The New Normal

Functional Utility:Miva Features You Can Buy

• Facebook Connect• Social Networking Buttons• Social Commerce• Blog Integration

• Just about any other idea you have!

Page 18: MivaCon 2013 - The New Normal

Easy to Use Utilities:For the Customer

• Category Quick View• AJAX Add to Cart• Notifications after

Actions

Page 19: MivaCon 2013 - The New Normal

Easy to Use Utilities:For the Store Owners

• Monitor Traffic• Track Sales & Conversion Rates• View Customer Checkout Flow• Track Searches• Test new features

Page 20: MivaCon 2013 - The New Normal

Helpful Utility:Helping the Customer

• Product Comparisons• Related Products• Detailed Category Pages

Page 21: MivaCon 2013 - The New Normal

DESIRABILITY

• Seductive• Community• Impressive

Page 22: MivaCon 2013 - The New Normal

Seductive Desirability:Enhanced Product Pages

- Show Alternate Colors & Views - Product Zooms - Large Image Light Boxes

Page 23: MivaCon 2013 - The New Normal

Seductive Desirability:Enhanced Product Pages

Page 24: MivaCon 2013 - The New Normal

Community Desirability:Social Media & Marketing

• Display your social networks

• Be an active member in each social community

• Integrate Social Media

Page 25: MivaCon 2013 - The New Normal

Impressive Desirability:Product Reviews

• Improve Reputation• Increase customer

confidence• Get the swing vote

Page 26: MivaCon 2013 - The New Normal

Review

Utility• Functional

• Miva’s Newest Features• Mini Basket• Shipping Estimator

• Easy to Use• A/B Testing• AJAX Add to Cart

• Helpful• Product Comparison

Usability• Intuitive

• Multi-Device Design• Mobile & Responsive

• Focused• Search

• Facets• Autocompletes

• Effective Communication• Optimizing Checkouts

Desirability• Seductive

• Enhancing Product Pages• Quality Images

• Community• Social Media

• Follow on Contact

• Impressive• Product Reviews

Page 27: MivaCon 2013 - The New Normal

What is the New Normal?

UtilityUsability Desirability

Page 28: MivaCon 2013 - The New Normal

Final Thoughts

• Your store is unique• Your target market is unique• Audit your store• Test, Test, Test

Page 29: MivaCon 2013 - The New Normal

Questions

???Email Me: [email protected]

Page 30: MivaCon 2013 - The New Normal

Thank you!The Outline: stevensoule.com/the-new-normal_outline.pdf

The Bundle: stevensoule.com/mivacon2013.zip

Page 31: MivaCon 2013 - The New Normal

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