designer vs developer: creators in wordpress
DESCRIPTION
This talk will explore myths & preconceptions about roles.. When we push these boundaries, we can achieve greater things. 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, front end structure, and form. 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.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
make illustration about study
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
USER TESTING
make.wordpress.org/ui/
usertesting.com
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
UNDERSTANDING
HELP
EACH OTHER
REPROGRAM
YOURSELF
FEARLESS
DRIVEN
WILLING TO
FAIL
BE THE
UNICORN