57
The Collision of Design and Business

Web Apps: The Collision Of Design And Business

Embed Size (px)

Citation preview

Page 1: Web Apps: The Collision Of Design And Business

The Collision of Design and Business

Page 2: Web Apps: The Collision Of Design And Business
Page 3: Web Apps: The Collision Of Design And Business

twitter.com

Page 4: Web Apps: The Collision Of Design And Business

twitter.com

Page 5: Web Apps: The Collision Of Design And Business

twitter.com

Page 6: Web Apps: The Collision Of Design And Business

blog.wired.com

Page 7: Web Apps: The Collision Of Design And Business

twitter.com

Page 8: Web Apps: The Collision Of Design And Business

twitter.com

Page 9: Web Apps: The Collision Of Design And Business

twitter.com

Page 10: Web Apps: The Collision Of Design And Business

twitter.com

Page 11: Web Apps: The Collision Of Design And Business

twitter.com

Page 12: Web Apps: The Collision Of Design And Business

netflix.com

Page 13: Web Apps: The Collision Of Design And Business

It’s not about the application

It’s about the experience

Page 14: Web Apps: The Collision Of Design And Business

netflix.com

Page 15: Web Apps: The Collision Of Design And Business

The Netflix ExperienceIt’s about the movies

Page 16: Web Apps: The Collision Of Design And Business

The Twitter ExperienceIt’s about Ambient Intimacy

Page 17: Web Apps: The Collision Of Design And Business

Rules

Page 18: Web Apps: The Collision Of Design And Business

tsa.gov

Page 19: Web Apps: The Collision Of Design And Business

redmaryland.blogspot.com

Page 20: Web Apps: The Collision Of Design And Business
Page 21: Web Apps: The Collision Of Design And Business
Page 22: Web Apps: The Collision Of Design And Business

Instrument of Terrorism?

Page 23: Web Apps: The Collision Of Design And Business

The Influence of Business Rules on Design

Web apps are where business rules meet user experience

All apps have business rules

Even Twitter

Page 24: Web Apps: The Collision Of Design And Business

ticketmaster.com

Page 25: Web Apps: The Collision Of Design And Business

bostoncoach.com

Page 26: Web Apps: The Collision Of Design And Business

Basic Checkout Process

Review Shopping Cart

Collect Shipping Information

Collect Billing Information

Collect Payment Information

Process Order

Show Confirmation

Page 27: Web Apps: The Collision Of Design And Business

Why the Basic Process Can’t Be Implemented

Marketing & Promotion Management

Customer Loyalty Management

Manufacturing and Fulfillment

Inventory & Supply Chain Management

Financial Management

Page 28: Web Apps: The Collision Of Design And Business

gap.com

Page 29: Web Apps: The Collision Of Design And Business

MAP Pricing

bestbuy.com

Page 30: Web Apps: The Collision Of Design And Business

hertz.com

Page 31: Web Apps: The Collision Of Design And Business

amazon.com

Page 32: Web Apps: The Collision Of Design And Business

amazon.com

Page 33: Web Apps: The Collision Of Design And Business

hertz.com, amazon.com

Page 34: Web Apps: The Collision Of Design And Business

Fonts.com Data Entry

fonts.com

Page 35: Web Apps: The Collision Of Design And Business

blinksale.com

Blinksale.com Data Entry

Page 36: Web Apps: The Collision Of Design And Business

fonts.com, blinksale.com

Page 37: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

Page 38: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

Page 39: Web Apps: The Collision Of Design And Business

Basic Expectations for Web-Based Applications

Has to work properly

Need to smooth out any “rough edges”

Orders are processed and sent when ordered

Business rules shouldn’t deteriorate the process

Page 40: Web Apps: The Collision Of Design And Business

UPS Remove Saved Item

ups.com

Page 41: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

Page 42: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

Page 43: Web Apps: The Collision Of Design And Business

Performance Payoff for Web-Based Applications

Loyalty-card support

In-store pickup

In-store returns

Configuration conflict detection

Real person support

Page 44: Web Apps: The Collision Of Design And Business

dell.com

Page 45: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

Page 46: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

Page 47: Web Apps: The Collision Of Design And Business

zappos.com

Page 48: Web Apps: The Collision Of Design And Business

zappos.com

Page 49: Web Apps: The Collision Of Design And Business

netflix.com

Page 50: Web Apps: The Collision Of Design And Business

findtape.com

Page 51: Web Apps: The Collision Of Design And Business

fireeagle.com.com

Page 52: Web Apps: The Collision Of Design And Business

netflix.com

Page 53: Web Apps: The Collision Of Design And Business

Quality & Capabilities

Use

r Sa

tisfa

ctio

n

TheKanoModel

TIME

Page 54: Web Apps: The Collision Of Design And Business

findtape.com

Page 55: Web Apps: The Collision Of Design And Business

Creating DelightfulWeb Applications

Take advantage of client-side intelligence

Avoid the ‘anti-patterns’

Use the data to tell a story

Ensure you’re including all your users

Propagate the vision through the implementation

Measure, then measure again

Page 56: Web Apps: The Collision Of Design And Business

The Collision of Business and Design

It’s about the experience, not the application

Don’t let the business rules take away from the experienceInstead, use the experience to help define the rules

Focus on where you can introduce delight

Page 57: Web Apps: The Collision Of Design And Business

More Info from User Interface Engineering

Newsletter: UIEtips (FREE)

UIE Virtual Seminars

Reports

Conferences:UIE Web App Summit: www.webappsummit.comUser Interface Conference: www.uiconf.com

Blog: www.uie.com/brainsparks

Site: www.uie.com