designer vs developer: be the unicorn
DESCRIPTION
Are you a Designer or a Developer or both? – This talk will explore myths & preconceptions about roles.. And how when we push these boundaries, we can achieve greater things. Because, if you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome. We’ll touch on “crossover” (golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, typography, front end structure, form, and the mindset we need to have in order to challenge both sides of our brain. WordPress is a great place to put this into practice: as its a perfect environment for leaning php & css, but also its surrounding community support helps us achieve greatness. Weather you consider yourself a Designer, a Developer, or both: this talk is for you.TRANSCRIPT
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
UNDERSTANDING
HELP
EACH OTHER
REPROGRAM
YOURSELF
FEARLESS
DRIVEN
WILLING TO
FAIL
BE THE
UNICORN
OUR WORK
IS NEVER
OVER- Daft Punk