for designers: how to get your it department to support your user experience initiatives

61
How to Get Your IT Department to Support Your User Experience Initiatives Presented by: & For Designers:

Upload: alex-schmelkin

Post on 26-Dec-2014

129 views

Category:

Documents


1 download

DESCRIPTION

Discussion of the challenges that often come up when changes need to be made to a site, strategies for getting the design and IT sides working together, and examples of how designers and IT staff cooperated to improve the online shopping experience.

TRANSCRIPT

Page 1: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

How to Get Your IT Department to Support Your User Experience Initiatives

Presented by:

&

For Designers:

Page 2: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Who’s Here

Alex SchmelkinPresident & Founder, Ai

David KerstingDirector of eCommerce Technology, Cycling Sports Group

Page 3: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

UX

or

IT

Page 4: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Marketer’s Dilemma

All too often, great ideas are met with an angry-faced man that says...

Page 5: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Marketer’s Dilemma

NO!Too expensiveToo longToo complicatedCan’t be done

Page 6: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

How UX Folks View IT Nope!

Live behind a fortress of Red Tape Inflexible, “No” & “Can’t” are favorite words Pessimism, problems are seen, but not solutions

Page 7: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

How UX Folks View IT Nope!

or

On the positive side: Awe & admiration for technical abilities Really execute these great concepts

Page 8: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

How IT Folks View UX Chill out, man.

No concern for budgetsFluffy with no processCompletely unrealistic timelines

Page 9: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

How IT Folks View UX

or

Chill out, man.

On the positive side: Creative Big thinkers Focused on a great customer experience

Page 10: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Typical UX ChallengesMonths of planning & design

Cannot explain to IT exactly what we want

Rounds of revisions and approvals

Page 11: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Don’t understand why UX can design a screen in a day but it takes months for IT to build it?

Page 12: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

What? We can’t do this!

DEV DEPT.

Page 13: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Nope!Chill out, man.

Ineffective, siloed work streams

TO

Profits

Page 14: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

It’s like the Underpants Gnomes once said...

Page 16: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

What’s the answer?

Page 17: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Inclusion

Page 18: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

It’s Easy!

Inclusion = Involve IT in the process in the right manner, at the right time, with the appropriate buy-in, to yields more positive results

Page 19: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Solutions• Techniques to use before, during,

and after design• Measurement strategies

• Repeatable process• Inclusion checklist

Page 20: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Before Design

Page 21: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Before Design• Business requirements

• Measurement• Focus on user• Speak the language

Page 22: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Business Requirements Get started by asking the right questions of the business• What are we building?• Why are we building it?• Who are we building it for?

Don’t wait, get a head start• Do your homework ahead of time and show how a platform may already support some of these project initiatives

Page 23: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Business Requirements

loves to discuss...or

• Where will these requirements be shared?• How can we reuse these features on other websites?• Who will maintain these websites?

Page 24: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 25: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 26: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

How? The “FFA”Consider the Faceted Feature Analysis

# Themes Sub-Themes User Types Roles User Story Suggestor Notes to Clarify Story Open items Suggested Resolution New?In Scope?

Biz Value

Tech Assess

2.02Bike Comparison

Basic Bike Compare

Brand Marketing n/a

I want to show user ratings of different bikes in the Bike Comparison Patricia

Lori writes the copy for all the Mass Specs: Frame, Speed, Brakes, Suspensions, Miscellaneous (Some feature that is value-added)

Mass Specs differ from IBD Specs

Mass Specs differ from IBD SpecsRecommended: Allow the comparison and let consumers decide for themselves Current Yes 2 3

2.03Bike Comparison

Basic Bike Compare

Customer Generic Browsers

I want to do a side-by-side comparison of 3 bikes, and see how their attributes and images compare Anna

Major Categories that get compared today are Frameset, DriveTrain, Wheels, Components, Extras -- either technical detail or branded product models are shown

Which attributes? Material (Steel, Aluminum, Carbon Fiber), Geometry, others? Current Yes 3 3

8.12 Community ForumCustomer Generic Owners

I want to ask members of the community a question Patricia Current Yes 2 3

24.10

Ratings, Reviews & Recos Forum

Customer Generic Browsers

I want to ask the Bike Model User Forum a question about a specific bicycle model Jaime Current Yes 2 3

30.06Support & Contact Us Forum

Customer Generic Owners

As a consumer I want to post questions for experts to answer Hillary

Assume that posts can be done directly on the Forum Current Yes 2 3

Page 27: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

# Themes Sub-Themes User Types Roles User Story Suggestor

2.02Bike Comparison

Basic Bike Compare

Brand Marketing n/a

I want to show user ratings of different bikes in the Bike Comparison Patricia

2.03Bike Comparison

Basic Bike Compare

Customer Generic Browsers

I want to do a side-by-side comparison of 3 bikes, and see how their attributes and images compare Anna

8.12 Community ForumCustomer Generic Owners

I want to ask members of the community a question Patricia

24.10

Ratings, Reviews & Recos Forum

Customer Generic Browsers

I want to ask the Bike Model User Forum a question about a specific bicycle model Jaime

30.06Support & Contact Us Forum

Customer Generic Owners

As a consumer I want to post questions for experts to answer Hillary

Page 28: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

MeasurementDefine project success with KPIs• Increased sales?• More customers?• Dealer referrals?• More IT spending?

Speak to the site analytics• Nerds love data• Demonstrate areas for improvement

Nope!Awesome!

Page 29: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 30: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Focus on UserCreate Personas for our customer segments• Who are our customers?• What are their needs?• What are their behaviors and expectations?• Where else do they shop online?

Page 31: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Why Personas?

NO!

or

NO!OKNope!

Ends Debates.

Page 32: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Speak the LanguageLearn the parlance, and enjoy it.

NO!HTMLor

NO!AJAX

NO!jQueryNO!CSS

NO!PHP

NO!Java

Page 33: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

During Design

Page 34: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

During Design• Sketch before wires

• Fail early

• Joint design sessions

• Annotate your wires

• Triangle of doom

Page 35: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

SketchCreate sketches before wireframes• Obtain IT buy-in at earliest stage possible• Useful tool to demo ideas to business

Page 36: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 37: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 38: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 39: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 40: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Fail EarlyLove success, but also love to fail• Encourage risk-taking and bold thinking• Approve or kill ideas before it’s too late• Everyone has a stake

Page 41: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 42: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Joint Design SessionsUX + IT in Same Room• Best ideas come when everyone contributes• IT aware of the latest and greatest• All parties take ownership

or

NO!Love it!NO!Really?

or

NO!Or this?

NO!Wow!

Page 43: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 44: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Proprietary and ConfidentialInc. Wizard 38FINAL (v.18)bizfilings.com

Inc. Wizard

Home Starting Your Business Managing Your Business Why BizFilings? Learning Center Search

BizFilings Call 1-800-981-7183 or Click to Chat Account / Help / Contact Us Incorporate Now

INCORPORATION WIZARD

Home / Incorporation Wizard ShareThisPrint

Which business type might be right for you?

Answer questions across all six categories for best results.

Disclaimer: BizFilings is not a law firm and does not provide legal advice. If legal advice is required, please seek the services of an attorney. For more information read BizFilings’ full disclaimer.

START OVER

How many owners will your company have?1

One

Two to 100

Over 100

NEXT SECTION

Based on your answers so far

These May Be Right for You

S Corp details

C Corp details

LLC details

LP details

LLP details

Feeling Lost?Our tools and resources will help you get up to speed.

Compare incorporation options

Guide to Incorporation

1. Basics

We're here to help.1-800-981-7183 or Click to chat

Will any of the following be owners of your

company?

2

Corporations and/or limited liability companies

Non-US citizens/residents

Trusts

None of the above

1. Basics 2. Funding 3. Industry 4. Income 5. Taxes 6. Future Plans Results

Why is this important?The partnership business types must have 2 or more owners, and S corporations cannot have more than 100 owners. Additionally, the number of owners an LLC has dictates whether it is treated like a sole proprietorship or a partnership for tax purposes.

Why is this important?For certain business types, such as sole proprietorship and S corporation, owners must be individuals. With S corporations, owners must also be US citizens/residents.

Sole Proprietorship (?)

Page 45: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 46: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Annotated WiresAnnotate your wireframes• Avoid all doubt on features• IT has a roadmap for implementation• Document agreements

Capture all details• Think through the edge cases• Defensive design

Page 47: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

1024x

768

SUGOI Help | USA Sign In | My Account | My Cart (1 Item) | Checkout

Search

MEN WOMEN BIKE RUN TRI Custom Find a RetailerGo Beyond

SUGOI | WI R EFRAMES SETS 1 | VERSION 1 | MAY 27, 2011 18

You Might Also Like...

Shopping Cart

QTY. ITEM DESCRIPTION PRICE SUBTOTAL

Update1[product

shot]

El Toro JerseyStyle 57513U.268

Size: SColor: Chili Red

$80.00 $80.00

Update2[product

shot]

RPM ShortStyle 38184U

Size: SColor: Black/Rainbow Logo

$75.00 $150.00

Home > My Cart

My CartPROCEED TO CHECKOUTContinue Shopping

PROCEED TO CHECKOUTContinue Shopping

Return Policy | Privacy PolicyNeed Help?

1-800-000-0000 (mon.-fri., 9-6 PM EST)

z

Subtotal: $230.00TOTAL: $230.00

Security 100% GuaranteedWe Respect Your PrivacyNo Hassle Returns

Shop With Confidence

Verisign

Clothing Article Lorem

$55.99

[product image]

view item

Clothing Article Lorem

$55.99

[product image]

view item

Clothing Article Lorem

$55.99

[product image]

view item

Clothing Article Lorem

$55.99

[product image]

view item

Clothing Article Lorem

$55.99

[product image]

view item

Clothing Article Lorem

$55.99

[product image]

view item

Notes:

1. Updates quantity and price.2. Removes item from cart.3. Live chat opens layer. cart reference number is to be automatically generated by system.4. DeeplInks to various footer iterms: exchange/return policy, privacy policy. 5. Clicking opens a “quickview” layer.

1 2

6

3

4

Page 48: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Page

1 S

hopp

ing

Cart

18

1

8

3228

43

920

2

24

30

33

19

14

10

23

5

6

7

11 12

13

15 16 17

27

31

29 343537

38394041

4544

46

42 43

47

XXX

Page 49: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Page

0 H

omeP

age

13

15

1211

19

3

1

16 17

21 22 23 24

2726

1410

2 4 5

6 7 8

18

25

28 29 30 31 32

20

9

15

33

55

xxxxx

57

Page 50: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Page

0 H

omeP

age

37

39

38

40

41 42 47

36

34

50

35

44

45

46

3643 48

49

Page 51: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives
Page 52: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Triangle of Doom

Budget

Scope Schedule

Page 53: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Budget

Schedule

or

Scope

Page 54: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Budget

ScheduleScope

or

Page 55: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Triangle of DoomDemonstrate sensitivity• Longer to build than to design• Cut scope to ensure successful launch• Request phases of deployment

Budget

Scope Scheduleoror

Page 56: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

After Design

Page 57: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

After Design• Be available to answer questions• Request demos• Complete a designer’s sweep

• Make sure you stay involved• Repeatable process

Page 58: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Inclusion Checklist Before Design

Business requirements Faceted Feature Analysis (FFA) Metrics, KPIs, and Analytics Focus on user Share personas with IT Speak the language: nerd it up!

During Design Sketch before wires Obtain IT approval on sketches Joint design sessions Take risks and fail early Annotate wireframes Cut scope, make it easier on IT!

After Design Be available for questions Request frequent demos Designer’s sweep: be tough on them! Stay involved Conduct postmortems Repeat the process

Page 59: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

Inclusion

oror

Page 60: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

What We’ve Learned...

Underpants

+

Inclusion

= $Profits

Page 61: For Designers: How to Get Your IT Department to Support Your User Experience Initiatives

aiwork.com

aiwork.com

Thank You!Drop by the Ai booth #400 to discuss more.