Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

60
THE UX NERD AND YOU. How designers and engineers can work together in (semi-) perfect harmony. By Jerey Simons

Transcript of Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Page 1: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THE UX NERD AND YOU.How designers and engineers can work together in (semi-) perfect harmony.

By Jeffrey Simons

Page 2: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Jeffrey Simons.

• User Experience Designer at Coolblue.

• Working on the new Vanessa apps.

• Also Scrum Master of a team of six developers.

ME.

Page 3: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THE PROBLEM, IDEAS, ACTIONABLE SUGGESTIONS.

Page 4: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

HOW.

Page 5: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THROUGH UNDERSTANDING AND A SHARED VISION ON VALUE.

Page 6: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.
Page 7: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

HOW MANY DESIGNERS.

Page 8: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

DESIGNERS.

How many of you work together with developers on a daily basis?

Page 9: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

HOW MANY DEVELOPERS.

Page 10: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

DEVELOPERS.

How many of you work together with designers on a daily basis?

Page 11: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

STATEMENT TIME.

Page 12: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

DEVELOPER STATEMENT.

Designers are difficult to work with.

Page 13: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

DESIGNER STATEMENT.

Developers are difficult to work with.

Page 14: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THROUGH UNDERSTANDING AND A SHARED VISION ON VALUE.

Page 15: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THROUGH UNDERSTANDING.

Page 16: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

BEER GOGGLES.

Page 17: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.
Page 18: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

PROFESSIONAL DISTORTION FIELD.

Page 19: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Blind men and the elephant.

Page 20: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Our perspective determines our thinking.

Page 21: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

BUILDING VALUABLE PRODUCTS.

Page 22: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THERE ARE MANY TRUTHS.

Page 23: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Fluid Animations

• Custom Controls

• Transitions

• Alternative Input Methods

TRUTHS ON VALUE FOR DESIGNERS.

Page 24: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Little to no Technical Debt

• Scalable Code

• Testable Code

• Continuous Delivery

TRUTHS ON VALUE FOR DEVELOPERS.

Page 25: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Features

• Happy Stakeholders

• Stable Velocity

TRUTHS ON VALUE FOR PRODUCT OWNERS.

Page 26: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

AND THESE MIGHT VARY INDIVIDUALLY.

Page 27: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

CONFLICT.

Page 28: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

HOW DO WE FIX THIS.

Page 29: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Technical Jargon / Abbreviations

• Metaphors

• Workflow

HOW TO FIX THIS.

Page 30: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

TECHNICAL JARGON / ABBREV.

Page 31: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Hearing.

Page 32: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Acronyms Seriously Suck.

Page 33: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Acronyms Seriously Suck. (A.S.S.)

Page 34: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

DOMAIN DRIVEN DESIGN:

UBIQUITOUS LANGUAGE.

Page 35: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

COMMON LANGUAGE.

Page 36: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

TEAM LEXICON.

Page 37: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Domain specific terms

• Role specific terms

• Transparency in communication

TEAM LEXICON.

Page 38: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

METAPHORS.

Page 39: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

EXAMPLE.

Page 40: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Make complex problems relatable for everyone.

• Dev Bonus! Make for great names for classes / methods.

• Design Bonus! Make for great names for components / controls.

METAPHORS.

Page 41: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

WORKFLOW.

Page 42: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

PAIR UP.

Page 43: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

EXTREME PROGRAMMING.

Page 44: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

Dev 2Dev 1

Page 45: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

TacticalStrategic

Page 46: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

TacticalStrategic

Designer Developer

Page 47: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

TacticalStrategic

Developer Designer

Page 48: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.
Page 49: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

THROUGH UNDERSTANDING AND A SHARED VISION ON VALUE.

Page 50: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

A SHARED VISION ON VALUE.

Page 51: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

VALUE.

Page 52: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

YOUR JOB IS NOT TO WRITE GREAT QUALITY CODE.

Developers…

Page 53: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

YOUR JOB IS NOT TO MAKE SEXY DESIGNS.

Designers…

Page 54: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

YOUR JOB IS TO SOLVE BUSINESS PROBLEMS.

Page 55: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

AGILE MANIFESTO.

Page 56: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

“Our highest priority is to satisfy the customer through early and continuous delivery

of valuable software.”

Page 57: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

USER STORIES.

REFINEMENT.

+

Page 58: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

CROSS-FUNCTIONAL TEAMS.Forming, Storming, Norming, Swarming.

Page 59: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• Get rid of distortion fields.

• Understand and be aware of the focus of other people.

• Foster a shared vision of adding value.

SUMMARISING.

Page 60: Coolblue Behind the Scenes | Jeffrey Simons - The UX nerd and you.

• UX Design, Vanessa, Scrum?

Let’s have a chat!

[email protected]

@jeffsimons

WANT TO KNOW MORE.