Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
Designer vs Developer: BE THE UNICORN
SARA
            CANNON
            Co-founder / Creative Director
            At Range

            @saracannon



slideshare.net/saracannon
LEFT   RIGHT
LEFT

   LOGICAL
ANALYTICAL
 OBJECTIVE
RIGHT

 INTUITION
 THOUGHTFUL
 SUBJECTIVE
DEVELOPER   DESIGNER
BRAINBEDEXTEROUS
WHOLE BRAIN LEARNING
Designer vs Developer: BE THE UNICORN
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   CREATIVE
 DIRECTOR   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




       ?
UX
USER EXPERIENCE
INFORMED
  DESIGN
USER TESTING
make.wordpress.org/ui/
usertesting.com
A/B TESTING
Purchase   Learn More
wordpress.org/extend/plugins/
           maxab
WIREFRAMING
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
wireframe.cc
balsamiq




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




Viget.com/inspire/an-omnigraffle-stencil-for-twitter-bootstrap-2
CSS
HTML, CSS, PHP
  JAVASCRIPT
codeschool.com
codeacademy.com
WEB TYPE    IA
UI    VERSION
  VISUAL CONTROL
  CONTINUITY
STRETEGIC FRONT END
 PLANNING STRUCTURE
TRUST YOUR
 INSTINCTS
ITERATION OVER
  PERFECTION
GOLDEN RATIO
               Fibonacci sequence




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




0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765
Designer vs Developer: BE THE UNICORN
PROFILE OF A
  UNICORN
SHAUN INMAN
   @shauninman
Designer vs Developer: BE THE UNICORN
DESIGNERS
resources to learn development
codeschool.com
codeacademy.com
“Web Designers Guide to
WordPress” by Jesse Friedman
TEAR A
THEME APART
   trial and error
Designer vs Developer: BE THE UNICORN
UTILIZE THE
   CODEX
  & Handbooks
ASK FOR A
CODE REVIEW
  help eachother out
ASK FOR A
CODE REVIEW
  help 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
IMITATION
doesn’t always have to flatter
dribbble.com
pinterest.com
ATTEND THE
DESIGN TRACK
subject yourself to

SUBJECTIVE
 CRITIQUE
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
PAST       FUTURE




       by  Laurel Hechanova
PAST       FUTURE




       by  Laurel Hechanova
UNDERSTANDING
HELP
EACH OTHER
REPROGRAM
 YOURSELF
FEARLESS
DRIVEN
WILLING TO
 FAIL
BE   THE
UNICORN
OUR WORK
IS NEVER
OVER
 - Daft Punk

More Related Content

Designer vs Developer: BE THE UNICORN