welcome to ux 101

23
spring moore / @simee / www.springmoore.com welcome to ux 101 spring moore experience director @ razorfish healthware 1 Monday, March 4, 2013

Upload: spring-moore

Post on 20-Jun-2015

152 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Welcome to UX 101

spring moore / @simee / www.springmoore.com

welcome to ux 101spring mooreexperience director @ razorfish healthware

1Monday, March 4, 2013

Page 2: Welcome to UX 101

spring moore / @simee / www.springmoore.com

a little bit about me

2Monday, March 4, 2013

Page 3: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Graduated from Penn

Freelance web design

Webmaster at Penn Law

Web Manager at G’town Law

Won awards Talking to youMade cool stuff

Graphic designer Joined Razorfish Creative DirectorExperience Architect & Designer

3Monday, March 4, 2013

Page 4: Welcome to UX 101

spring moore / @simee / www.springmoore.com

A little story about Widget Co.

or what ux does and why it matters

4Monday, March 4, 2013

Page 5: Welcome to UX 101

spring moore / @simee / www.springmoore.com

We ask Widget Co. “What do you want to do?”

[this is the business need]

5Monday, March 4, 2013

Page 6: Welcome to UX 101

spring moore / @simee / www.springmoore.com

The answer? “Sell Widgets!”

[lots and lots of widgets]

6Monday, March 4, 2013

Page 7: Welcome to UX 101

spring moore / @simee / www.springmoore.com

OK. What do you want your customers to do?

[this is the user need]

7Monday, March 4, 2013

Page 8: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Buy Widgets!

[lots and lots of widgets]

8Monday, March 4, 2013

Page 9: Welcome to UX 101

spring moore / @simee / www.springmoore.com

So let’s take a look at the widget buying process

[aka user research]

9Monday, March 4, 2013

Page 10: Welcome to UX 101

spring moore / @simee / www.springmoore.com

1. Explore their options

2. Narrow their choices

3. Buy their preferred widget

4. Enjoy their widget

What do people do when they buy widgets?

10Monday, March 4, 2013

Page 11: Welcome to UX 101

spring moore / @simee / www.springmoore.com

1. Exploring their options

Google searchCheck Amazon

and other e-tailersLook for what’s

new

Read expert reviews

Ask their friendsCheck out social

sites

11Monday, March 4, 2013

Page 12: Welcome to UX 101

spring moore / @simee / www.springmoore.com

2. Narrow their choices

Price Size Color

Weight Ratings Reviews

Photos Return policy Shipping cost

12Monday, March 4, 2013

Page 13: Welcome to UX 101

spring moore / @simee / www.springmoore.com

3. Buy their preferred widget

Add widget to cart

Select checkout

Create account

Entering shipping

information

Check shipping status

Receive widget!

Wait for widget

Enter payment

informationGet receipt Submit order

Confirm order

13Monday, March 4, 2013

Page 14: Welcome to UX 101

spring moore / @simee / www.springmoore.com

1. Use their widget

2. Review their widget

3. Recommend it to a friend

4. Contact customer service

4. Enjoy their widget

14Monday, March 4, 2013

Page 15: Welcome to UX 101

spring moore / @simee / www.springmoore.com

What are all our requirements?

Buy widgets View options Read reviews Rate productsOptimize for

searchCreate an account

Social share product info

Track package

Pay online Secure PII Save favoritesCompare widgets

See new widgets

Save payment info

Save billing info

Email confirmations

CRMLoyalty

program

Geotargeted sales

Banner retargeting

Endorsement PartnershipCredit card payments

PayPal payments

Faceted search

Keyword tagging

Taxonomy Most viewedFeatured widgets

etc...

15Monday, March 4, 2013

Page 16: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Let’s organize and design it!

[sitemap and wireframes]

16Monday, March 4, 2013

Page 17: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Make a sitemap

Content Area Content Area Content Area Content Area Content Area Content Area

17Monday, March 4, 2013

Page 18: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Make some wireframes

18Monday, March 4, 2013

Page 19: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Map the processes

19Monday, March 4, 2013

Page 20: Welcome to UX 101

spring moore / @simee / www.springmoore.com

1. Design

2. Copywriting

3. Development

4. Launch

What happens next?

5. Sell widgets!

6. Measure success

20Monday, March 4, 2013

Page 21: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Why does ux matter?

21Monday, March 4, 2013

Page 22: Welcome to UX 101

spring moore / @simee / www.springmoore.com

Customer satisfaction.

22Monday, March 4, 2013

Page 23: Welcome to UX 101

spring moore / @simee / www.springmoore.com

thank you.Spring Moorefind me Twitter as @simee

23Monday, March 4, 2013