ux terror. know your rights. (front trends 2015)

46
UX Terror. Know your rights. Front Trends 2015, Natalia Rózycka .

Upload: natalia-rozycka

Post on 28-Jul-2015

1.740 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: UX Terror. Know your rights. (Front Trends 2015)

UX Terror. Know your rights.Front Trends 2015, Natalia Rózycka.

Page 2: UX Terror. Know your rights. (Front Trends 2015)
Page 3: UX Terror. Know your rights. (Front Trends 2015)

Prototype

Page 4: UX Terror. Know your rights. (Front Trends 2015)

Spot 10 differences

Prototype What I get from the dev team

Page 5: UX Terror. Know your rights. (Front Trends 2015)

Are UX people #$%^!?

Page 6: UX Terror. Know your rights. (Front Trends 2015)

No.

Page 7: UX Terror. Know your rights. (Front Trends 2015)

The end

Page 8: UX Terror. Know your rights. (Front Trends 2015)
Page 9: UX Terror. Know your rights. (Front Trends 2015)

Myth 1: UX = prototyping

Page 10: UX Terror. Know your rights. (Front Trends 2015)

BUSINESS TEAM WORKING

GRAPHIC DESIGN

Depth of experience

DESIGN TECHNICALRESEARCH

Mr. T from the “A-Team”

Page 11: UX Terror. Know your rights. (Front Trends 2015)

Myth 2: Lo-fi prototypes are sufficient

Page 12: UX Terror. Know your rights. (Front Trends 2015)
Page 13: UX Terror. Know your rights. (Front Trends 2015)
Page 14: UX Terror. Know your rights. (Front Trends 2015)
Page 15: UX Terror. Know your rights. (Front Trends 2015)

Myth 3: UX folks are stubborn

Page 16: UX Terror. Know your rights. (Front Trends 2015)
Page 17: UX Terror. Know your rights. (Front Trends 2015)

★ Consistency of the entire solution

Page 18: UX Terror. Know your rights. (Front Trends 2015)

★ Consistency of the entire solution

★ Known UI patterns

Page 19: UX Terror. Know your rights. (Front Trends 2015)

★ Consistency of the entire solution

★ Known UI patterns

★ Already tested on users

Page 20: UX Terror. Know your rights. (Front Trends 2015)

SmoothFE / UX collaboration

in 3 easy steps

Page 21: UX Terror. Know your rights. (Front Trends 2015)

Step 1: Lean in

Page 22: UX Terror. Know your rights. (Front Trends 2015)
Page 23: UX Terror. Know your rights. (Front Trends 2015)

Step 2: Set it up like a pro

Page 24: UX Terror. Know your rights. (Front Trends 2015)

UX Deliverables

Page 25: UX Terror. Know your rights. (Front Trends 2015)

UX Deliverables

Business context and users’ insights

Page 26: UX Terror. Know your rights. (Front Trends 2015)

UX Deliverables

Business context and users’ insights

Styleguide

Page 27: UX Terror. Know your rights. (Front Trends 2015)

UX Deliverables

Business context and users’ insights

Styleguide Prototypes

Page 28: UX Terror. Know your rights. (Front Trends 2015)

UX Deliverables

Business context and users’ insights

Styleguide Prototypes

Supplementary documentation:

e.g. workflowslinks to examples

Page 29: UX Terror. Know your rights. (Front Trends 2015)

UX Deliverables

Business context and users’ insights

Styleguide Prototypes

Graphic design (as a proxy)

Supplementary documentation:

e.g. workflowslinks to examples

Page 30: UX Terror. Know your rights. (Front Trends 2015)

Prototypes(make)

Planning & managing tasks

Documentation(share & comment)

Designs(share & comment)

Other files(share)

Page 31: UX Terror. Know your rights. (Front Trends 2015)

Axure

JIRA

gDocs

InVision

Prototypes(make)

Planning & managing tasks

Documentation(share & comment)

Designs(share & comment)

Other files(share) gDrive

Page 32: UX Terror. Know your rights. (Front Trends 2015)

Prototypes(make)

Planning & managing tasks

Documentation(share & comment)

Designs(share & comment)

Other files(share)

JIRA

Axure

gDocs

InVision

gDrivesource of truth

Page 33: UX Terror. Know your rights. (Front Trends 2015)

Step 3: Learn the design critique

Page 34: UX Terror. Know your rights. (Front Trends 2015)

Seeing UX deliverable

Page 35: UX Terror. Know your rights. (Front Trends 2015)

Seeing UX deliverable

Got comments?

Page 36: UX Terror. Know your rights. (Front Trends 2015)

Seeing UX deliverable

Got comments?

No

Think again

Page 37: UX Terror. Know your rights. (Front Trends 2015)

Seeing UX deliverable

Got comments?

Is the timing right?No

Think again

Page 38: UX Terror. Know your rights. (Front Trends 2015)

Seeing UX deliverable

Got comments?

Is the timing right?

Design commentRefer to: consistency, flow, proportions, colors, UI patterns… or just say it looks weird

No

Think again

Page 39: UX Terror. Know your rights. (Front Trends 2015)

Seeing UX deliverable

Got comments?

Is the timing right?

Design comment Implementation commentUse numbers:

effort to implement, load time etc.

Refer to: consistency, flow, proportions, colors, UI patterns… or just say it looks weird

No

Think again

Page 40: UX Terror. Know your rights. (Front Trends 2015)

P.S. A weird thing

Page 41: UX Terror. Know your rights. (Front Trends 2015)

Design enthusiast

Hardcore developer

Page 42: UX Terror. Know your rights. (Front Trends 2015)

Design enthusiast

Hardcore developer

Beautiful code

feed with raw meat

requires detailed designs

technology-centric

Page 43: UX Terror. Know your rights. (Front Trends 2015)

Design enthusiast

Hardcore developer

Beautiful code

Beautiful UI

feed with raw meat

requires detailed designs

technology-centric

does not implement 1:1

wants to know users & business

interested in design

Page 44: UX Terror. Know your rights. (Front Trends 2015)

Beautiful code

Beautiful UI

feed with raw meat

requires detailed designs

technology-centric

does not implement 1:1

wants to know users & business

interested in design

Bad Good

Page 45: UX Terror. Know your rights. (Front Trends 2015)

GoodBad

Beautiful code

Beautiful UI

does not implement 1:1

requires detailed designs

technology-centric

does not implement 1:1

wants to know users & business

interested in design

Page 46: UX Terror. Know your rights. (Front Trends 2015)

Thank you!

slideshare.net/nrozycka