skroutz v. dimos on "designing design @ digitized 2016 conference

Hello!

Engineering DNA

160.000 800 10 1.000.000 7.000.000Lines of Code in Main Repo Commits per month Deploys per day Searches per day Pageviews per day

Vasilis Dimos

responsible for

Design - team

235.000Active app installs

160.000Active app installs

...nevermind

“Designing Design”In an engineering - centric company

Design & EngineeringEternal struggle?

Successful product = Business + Design + Engineering

Common Goal

Reusability

Structure

Consistency

Balance

Simplicity

Common Principles

Goal & PrinciplesWhat is missing ?

Common LanguageSomething both understand and can work with

What does a language need?Rules & Logic

The rules

Style Guides Pattern Libraries

Style guides

A style guide (or manual of style) is a set of standards for the writing and design of documents, either for general use or for a specific publication, organization, or field.

Style guides

Achieve Visual Consistency

Portable branding experience

Familiarity & Recognition

Pattern Libraries

Recurring solutions that solve common design problems

Pattern Libraries

Reuse of Components

Which are debugged

And crafted over time

Familiarity of behaviour & Interaction

Deliverables and goals

Make the right thing, the easy thing to do!

Is this enough?

Design System

Design system articulates a general design direction, philosophy, and approach to specific projects or products.

Through the understanding of the philosophy

Make it easy to extend the styleguide

Achieve logical consistency

Benefits of a Design System

Active development from a real team with Storytelling

Deliverables of a Design system

Documentation

Blogposts

Internal Presentations

Design One on Ones

Design Reviews

We are not alone

At a glanceStyle guides are for visual consistency

Pattern libraries are for functional consistency

Design systems are for logical consistency

We are hiring!www.skroutz.gr/blog/careers

Q & AThank you