designer vs developer: be the unicorn

SARA

CANNONCo-founder / Creative Director At Range

slideshare.net/saracannon

@saracannon

LEFT RIGHT

LEFT

LOGICALANALYTICAL

OBJECTIVE

RIGHT

INTUITIONTHOUGHTFULSUBJECTIVE

DEVELOPER DESIGNER

BRAINBEDEXTEROUS

WHOLE BRAIN LEARNING

LATENT

ABILITIES

INTUITION

&

WE CAN ALL

BE RAINMAN

rstb.royalsocietypublishing.org/content/364/1522/1399.full

*not real example but you get the idea

TECHNICAL

DIRECTOR

CREATIVE

DIRECTOR

DEVELOPER DESIGNER

DEVELOPER

COMPLEX INTEGRATIONS /

HIGH SCALE ENVIRONMENTS

DESIGNER

BRANDING

DEVELOPER

TECHNICAL REFINEMENT

DESIGNER

VISUAL REFINEMENT

TECHNICAL

DIRECTOR

CREATIVE

DIRECTOR

PROBLEM

SOLVING

SELF-PIGEONHOLED

why are we stereotyping ourselves?

I’M NOT A DESIGNER

BECAUSE:

I’M NOT A DESIGNER

BECAUSE:

I CAN’T DRAW

I’M NOT A DESIGNER

BECAUSE:

COLORS? UGH

I’M NOT A DESIGNER

BECAUSE:

I CAN’T THINK OF ORIGINAL IDEAS

“I’M NOT CREATIVE ENOUGH”

I’M NOT A DEVELOPER

BECAUSE:

I’M NOT A DEVELOPER

BECAUSE:

TOO COMPLICATED

I’M NOT A DEVELOPER

BECAUSE:

I’LL BREAK IT

I’M NOT A DEVELOPER

BECAUSE:

I’M NOT GOOD AT MATH

I’M NOT A DEVELOPER

BECAUSE:

WHAT IS GITHUB?

“I’M NOT SMART ENOUGH”

WANT BETTER

FEAR OF

FAILURE

COMFORT ZONE

DEVELOPER DESIGNER

DEVELOPER DESIGNER

UNDERSTANDING

DEVELOPER DESIGNER

DEVELOPER DESIGNER

GOLDEN UNICORN

TRAITS OF THE

UNICORN

FEARLESS

DRIVEN

WILLING TO

FAIL

DEVELOPER DESIGNER

?

USER EXPERIENCE

UX

INFORMED

DESIGN

USER TESTING

make.wordpress.org/ui/

usertesting.com

A/B TESTINGPurchase Learn More

wordpress.org/extend/plugins/maxab

WIREFRAMING

wireframe.cc

Tri.be/update-wordpress-post-editor-for-balsamiq

balsamiq

Viget.com/inspire/an-omnigraffle-stencil-for-twitter-bootstrap-2

omnigraffle

CSS

HTML, CSS, PHP JAVASCRIPT

codeschool.com

codeacademy.com

WEB TYPE

VISUAL

CONTINUITY

IA

UI VERSION

CONTROL

FRONT END

STRUCTURE

STRETEGIC

PLANNING

TRUST YOUR

INSTINCTS

ITERATION OVER

PERFECTION

GOLDEN RATIOFibonacci sequence

0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765

GOLDEN RATIOFibonacci sequence

0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765

PROFILE OF A

UNICORN

SHAUN INMAN@shauninman

DESIGNERS

resources to learn development

codeschool.com

codeacademy.com

“Web Designers Guide to WordPress” by Jesse Friedman

TEAR A

THEME APARTtrial and error

UTILIZE THE

CODEX& Handbooks

ASK FOR A

CODE REVIEWhelp eachother out

ASK FOR A

CODE REVIEWhelp eachother out

DEVELOPERS

resources to learn design

Web Design for Developers: A Programmer's Guide to Design

Tools and Techniques

“The Elements of Typographic Style” by Robert Bringhurst

IMITATIONdoesn’t always have to flatter

dribbble.com

pinterest.com

ATTEND THE

DESIGN TRACK

SUBJECTIVE

CRITIQUE

subject yourself to

by  Laurel Hechanova

PAST FUTURE

by  Laurel Hechanova

PAST FUTURE

UNDERSTANDING

HELP

EACH OTHER

REPROGRAM

YOURSELF

FEARLESS

DRIVEN

WILLING TO

FAIL

BE THE

UNICORN

OUR WORK

IS NEVER

OVER- Daft Punk