uxm-styleguides



uxm-styleguides

0 2


uxm-styleguides

Slides for talk at UX Munich 2013

On Github drublic / uxm-styleguides

Be Friends With

Your Designers And

Style Guides

Hans Christian Reinl

Front-End Developer, Freiburg/Germany

drublic.deinfo@drublic.de@drublic

Projects

and others: github.com/drublic

© ~

Be Friends With

Your Designers And

Style Guides

Friendship.

History of Style Guides.

What are Style Guides and how can we use them?

Friendship

© ~

Friendship builds great teams

© ~

© ~

© ~

Friendships are hard

Are you even listening?

You never admit you’re wrong!

Style Guides

© ~

History

Corporate Identiy

Christianity

Judaism

© ~

© ~

© ~

© ~

Publishers

© ~

Lufthansa

© ~

Why do we need them?

Keep the friendship.

Work faster.

DGU

© ~

Don’t fight

Fighting has a bad influence on projects.

Struggling with someone else’s opinion is normal.

Find a consensus together.

© ~

Changing Behavior

Biological reasons and logical thinking.

Choice and models of society.

Social belonging.

Goals and feedback.

~

© ~

© ~

Code Conventions

Why?

Maintenance.

Improve readbility and understanding.

How?

Best practices.

Use resources.

Components

Like jQuery plugins.

Build Component Libraries

Bootstrap

Build a Component

Example

Why is it STILL about the fight between designer and developers? Its 2013, we all want to get the best result, right? #uxmunich

— Alexander Ridler (@pixelrockr) March 14, 2013

We can be a team

Questions?

© ~

Be Friends With Your Designer And Style Guides • UX Munich 2013 • Hans Chr. Reinl / @drublic