designing resourceful mobile e-commerce search

174
Designing Resourceful Mobile E-Commerce Search Greg Nudelman Principal, DesignCaffeine, Inc. Twitter: @DesignCaffeine www.DesignCaffeine.com

Upload: designcaffeine-inc

Post on 13-Dec-2014

2.648 views

Category:

Design


0 download

DESCRIPTION

150+ slides of bullet-free scrumptious mobile design goodness. Check out http://www.designcaffeine.com for more mobile design patterns & articles.

TRANSCRIPT

Page 1: Designing Resourceful Mobile  E-Commerce Search

Designing Resourceful Mobile

E-Commerce Search

Greg NudelmanPrincipal, DesignCaffeine, Inc.

Twitter: @DesignCaffeinewww.DesignCaffeine.com

Page 2: Designing Resourceful Mobile  E-Commerce Search

Resourceful: Able, capable, clever, creative, adventurous, enterprising, ingenious, intelligent, inventive, original, quick-witted, sharp, talented, etc.

http://thesaurus.com/browse/resourceful

Page 3: Designing Resourceful Mobile  E-Commerce Search

SystemCapabilit

ies

Customer

Goals

Resourceful UI

Page 4: Designing Resourceful Mobile  E-Commerce Search

Introduction

Design for Mobile Context

Page 5: Designing Resourceful Mobile  E-Commerce Search

Introduction

“The first thing we do, let's kill all the lawyers”

Henry VI, William Shakespeare

Page 6: Designing Resourceful Mobile  E-Commerce Search
Page 7: Designing Resourceful Mobile  E-Commerce Search
Page 8: Designing Resourceful Mobile  E-Commerce Search
Page 9: Designing Resourceful Mobile  E-Commerce Search
Page 10: Designing Resourceful Mobile  E-Commerce Search
Page 11: Designing Resourceful Mobile  E-Commerce Search
Page 12: Designing Resourceful Mobile  E-Commerce Search
Page 13: Designing Resourceful Mobile  E-Commerce Search
Page 14: Designing Resourceful Mobile  E-Commerce Search
Page 15: Designing Resourceful Mobile  E-Commerce Search
Page 16: Designing Resourceful Mobile  E-Commerce Search

http://retroslashers.net/small-screen-slashers-freddys-nightmares-1988-1990/

Page 17: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 18: Designing Resourceful Mobile  E-Commerce Search

Introduction

Mobile Search Begins with the Home Screen

Page 19: Designing Resourceful Mobile  E-Commerce Search
Page 20: Designing Resourceful Mobile  E-Commerce Search
Page 21: Designing Resourceful Mobile  E-Commerce Search

Introduction

Build Resourceful BrowseDealsVisualLocal

Page 22: Designing Resourceful Mobile  E-Commerce Search

Introduction

Design for Mobile Context

Page 23: Designing Resourceful Mobile  E-Commerce Search

Introduction

One Place for Deals

Page 24: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 25: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 26: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 27: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 28: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 29: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 30: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 31: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 32: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 33: Designing Resourceful Mobile  E-Commerce Search
Page 34: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 35: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 36: Designing Resourceful Mobile  E-Commerce Search

Introduction

More Like This

Page 37: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 38: Designing Resourceful Mobile  E-Commerce Search
Page 39: Designing Resourceful Mobile  E-Commerce Search

Introduction

DesignCaffeine.com

Page 40: Designing Resourceful Mobile  E-Commerce Search

Introduction

Product Family Page

Page 41: Designing Resourceful Mobile  E-Commerce Search
Page 42: Designing Resourceful Mobile  E-Commerce Search
Page 43: Designing Resourceful Mobile  E-Commerce Search

Introduction

Visual Browse

Page 44: Designing Resourceful Mobile  E-Commerce Search
Page 45: Designing Resourceful Mobile  E-Commerce Search
Page 46: Designing Resourceful Mobile  E-Commerce Search
Page 47: Designing Resourceful Mobile  E-Commerce Search
Page 48: Designing Resourceful Mobile  E-Commerce Search
Page 49: Designing Resourceful Mobile  E-Commerce Search
Page 50: Designing Resourceful Mobile  E-Commerce Search
Page 51: Designing Resourceful Mobile  E-Commerce Search
Page 52: Designing Resourceful Mobile  E-Commerce Search

Introduction

However, flick is not (yet)

discoverable

Page 53: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 54: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 55: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 56: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 57: Designing Resourceful Mobile  E-Commerce Search
Page 58: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 59: Designing Resourceful Mobile  E-Commerce Search

Zero Results Page

1. Don’t Be Afraid to Say: I Did Not Understand

2. Focus on Providing a Way Out

3. Design from Zero

Page 60: Designing Resourceful Mobile  E-Commerce Search

Design from Zero: focuses your team on the needs of the customer = deeper

connection + tremendous competitive advantage

Page 61: Designing Resourceful Mobile  E-Commerce Search

Effort and ingenuity invested in the Zero Search Results Page = overall dedication to customer

success

Page 62: Designing Resourceful Mobile  E-Commerce Search
Page 63: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 64: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 65: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 66: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 67: Designing Resourceful Mobile  E-Commerce Search
Page 68: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 69: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 70: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 71: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 72: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 73: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 74: Designing Resourceful Mobile  E-Commerce Search
Page 75: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 76: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 77: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 78: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 79: Designing Resourceful Mobile  E-Commerce Search

Introduction

Design for Mobile Context

Page 80: Designing Resourceful Mobile  E-Commerce Search

Introduction

Turn off Phone’s Auto Correction

Curtsey of Michael Manning, WebEx

Page 81: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 82: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 83: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 84: Designing Resourceful Mobile  E-Commerce Search

Introduction

Design for Mobile Context

Page 85: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 86: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 87: Designing Resourceful Mobile  E-Commerce Search

Introduction

Internet of ThingsSpimes

Page 88: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 89: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 90: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 91: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 92: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 93: Designing Resourceful Mobile  E-Commerce Search

Introduction

Remember without Login

Page 94: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 95: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 96: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 97: Designing Resourceful Mobile  E-Commerce Search

Introduction

Search Results: Info Scent vs. Pogosticking

Page 98: Designing Resourceful Mobile  E-Commerce Search

Introduction

Provide Meaty Content

Page 99: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 100: Designing Resourceful Mobile  E-Commerce Search
Page 101: Designing Resourceful Mobile  E-Commerce Search

Introduction

Avoid Pogosticking

Page 102: Designing Resourceful Mobile  E-Commerce Search
Page 103: Designing Resourceful Mobile  E-Commerce Search
Page 104: Designing Resourceful Mobile  E-Commerce Search
Page 105: Designing Resourceful Mobile  E-Commerce Search
Page 106: Designing Resourceful Mobile  E-Commerce Search

Introduction

Page 107: Designing Resourceful Mobile  E-Commerce Search
Page 108: Designing Resourceful Mobile  E-Commerce Search
Page 109: Designing Resourceful Mobile  E-Commerce Search
Page 110: Designing Resourceful Mobile  E-Commerce Search
Page 111: Designing Resourceful Mobile  E-Commerce Search

Introduction

“We Got an App Too” Syndrome

Page 112: Designing Resourceful Mobile  E-Commerce Search

Introduction

Sloppy Mobile Apps

Damage Your

brand…Forever

Page 113: Designing Resourceful Mobile  E-Commerce Search

Introduction

Wise investment into your app

design positions your brand as a mobile leader

Page 114: Designing Resourceful Mobile  E-Commerce Search
Page 115: Designing Resourceful Mobile  E-Commerce Search
Page 116: Designing Resourceful Mobile  E-Commerce Search

Introduction

Faceted Search Design Patterns

Page 117: Designing Resourceful Mobile  E-Commerce Search
Page 118: Designing Resourceful Mobile  E-Commerce Search
Page 119: Designing Resourceful Mobile  E-Commerce Search
Page 120: Designing Resourceful Mobile  E-Commerce Search
Page 121: Designing Resourceful Mobile  E-Commerce Search
Page 122: Designing Resourceful Mobile  E-Commerce Search
Page 123: Designing Resourceful Mobile  E-Commerce Search
Page 124: Designing Resourceful Mobile  E-Commerce Search
Page 125: Designing Resourceful Mobile  E-Commerce Search
Page 126: Designing Resourceful Mobile  E-Commerce Search
Page 127: Designing Resourceful Mobile  E-Commerce Search
Page 128: Designing Resourceful Mobile  E-Commerce Search
Page 129: Designing Resourceful Mobile  E-Commerce Search
Page 130: Designing Resourceful Mobile  E-Commerce Search
Page 131: Designing Resourceful Mobile  E-Commerce Search
Page 132: Designing Resourceful Mobile  E-Commerce Search
Page 133: Designing Resourceful Mobile  E-Commerce Search
Page 134: Designing Resourceful Mobile  E-Commerce Search
Page 135: Designing Resourceful Mobile  E-Commerce Search
Page 136: Designing Resourceful Mobile  E-Commerce Search
Page 137: Designing Resourceful Mobile  E-Commerce Search
Page 138: Designing Resourceful Mobile  E-Commerce Search
Page 139: Designing Resourceful Mobile  E-Commerce Search
Page 140: Designing Resourceful Mobile  E-Commerce Search
Page 141: Designing Resourceful Mobile  E-Commerce Search
Page 142: Designing Resourceful Mobile  E-Commerce Search
Page 143: Designing Resourceful Mobile  E-Commerce Search
Page 144: Designing Resourceful Mobile  E-Commerce Search
Page 145: Designing Resourceful Mobile  E-Commerce Search
Page 146: Designing Resourceful Mobile  E-Commerce Search
Page 147: Designing Resourceful Mobile  E-Commerce Search
Page 148: Designing Resourceful Mobile  E-Commerce Search

Introduction

iPad Search

Page 149: Designing Resourceful Mobile  E-Commerce Search
Page 150: Designing Resourceful Mobile  E-Commerce Search
Page 151: Designing Resourceful Mobile  E-Commerce Search
Page 152: Designing Resourceful Mobile  E-Commerce Search
Page 153: Designing Resourceful Mobile  E-Commerce Search
Page 154: Designing Resourceful Mobile  E-Commerce Search

http://www.youtube.com/user/techsavvyagent

Page 155: Designing Resourceful Mobile  E-Commerce Search
Page 156: Designing Resourceful Mobile  E-Commerce Search

http://www.youtube.com/user/techsavvyagent

Page 157: Designing Resourceful Mobile  E-Commerce Search
Page 158: Designing Resourceful Mobile  E-Commerce Search
Page 159: Designing Resourceful Mobile  E-Commerce Search
Page 160: Designing Resourceful Mobile  E-Commerce Search
Page 161: Designing Resourceful Mobile  E-Commerce Search
Page 162: Designing Resourceful Mobile  E-Commerce Search
Page 163: Designing Resourceful Mobile  E-Commerce Search
Page 164: Designing Resourceful Mobile  E-Commerce Search
Page 165: Designing Resourceful Mobile  E-Commerce Search
Page 166: Designing Resourceful Mobile  E-Commerce Search

www.prisjakt.nu

Page 167: Designing Resourceful Mobile  E-Commerce Search
Page 168: Designing Resourceful Mobile  E-Commerce Search
Page 169: Designing Resourceful Mobile  E-Commerce Search

SystemCapabilit

ies

Customer

Goals

Resourceful UI

Page 170: Designing Resourceful Mobile  E-Commerce Search

http://www.bbc.co.uk/radio4/youandyours/media/yy_electro_magnet247x165.jpg

Page 171: Designing Resourceful Mobile  E-Commerce Search

Introduction

What is the use of an infant?-Michael Faraday

Page 172: Designing Resourceful Mobile  E-Commerce Search

http://www.starlinetours.com/images/LasVegas/HooverDam-Front.jpg

Page 173: Designing Resourceful Mobile  E-Commerce Search

http://1.bp.blogspot.com/_ax5ZIdFoW1U/SqdShV6S3-I/AAAAAAAAUME/b0GESUNj45A/s400/earth-nightime-light-space-05.png

Page 174: Designing Resourceful Mobile  E-Commerce Search

Contact

Questions:

Greg Nudelman

On the web: DesignCaffeine.comTwitter: @DesignCaffeine

Thank you!

Book:

"Designing Search: UX Strategies for eCommerce Success" – Spring 2011 from Wiley