Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
SARA CANNON Co-founder / Creative Director At Range @saracannonslideshare.net/...
LEFT RIGHT
LEFT LOGICALANALYTICAL OBJECTIVE
RIGHT INTUITION THOUGHTFUL SUBJECTIVE
DEVELOPER DESIGNER
BRAINBEDEXTEROUS
WHOLE BRAIN LEARNING
LATENTABILITIES &INTUITION
WE CAN ALLBE RAINMANrstb.royalsocietypublishing.org/content/ 364/1522/1399.full
*not real example but you get the idea
TECHNICAL CREATIVE DIRECTOR DIRECTOR
DEVELOPER DESIGNER
DEVELOPER COMPLEXINTEGRATIONS / HIGH SCALEENVIRONMENTS
DESIGNERBRANDING
DEVELOPER TECHNICALREFINEMENT
DESIGNER VISUALREFINEMENT
TECHNICAL DIRECTOR
CREATIVEDIRECTOR
PROBLEMSOLVING
SELF-PIGEONHOLED why are we stereotyping ourselves?
I’M NOT A DESIGNERBECAUSE:
I’M NOT A DESIGNERBECAUSE: I CAN’T DRAW
I’M NOT A DESIGNERBECAUSE: COLORS? UGH
I’M NOT A DESIGNERBECAUSE: I CAN’T THINK OF ORIGINAL IDEAS
“I’M NOTCREATIVEENOUGH”
I’M NOT A DEVELOPERBECAUSE:
I’M NOT A DEVELOPERBECAUSE: TOO COMPLICATED
I’M NOT A DEVELOPERBECAUSE: I’LL BREAK IT
I’M NOT A DEVELOPERBECAUSE: I’M NOT GOOD AT MATH
I’M NOT A DEVELOPERBECAUSE: WHAT IS GITHUB?
“I’M NOTSMARTENOUGH”
WANT BETTER
FEAR OFFAILURE
COMFORT ZONE
DEVELOPER DESIGNER
DEVELOPER DESIGNER UNDERSTANDING
DEVELOPER DESIGNER
DEVELOPER DESIGNER
GOLDEN UNICORN
TRAITS OF THE UNICORN
FEARLESS
DRIVEN
WILLING TO FAIL
DEVELOPER DESIGNER ?
UXUSER EXPERIENCE
INFORMED DESIGN
USER TESTING
make.wordpress.org/ui/
usertesting.com
A/B TESTINGPurchase Learn More
wordpress.org/extend/plugins/ maxab
WIREFRAMING
wireframe.cc
balsamiqTri.be/update-wordpress-post-editor-for-balsamiq
omnigraffleViget.com/inspire/an-omnigraffle-stencil-for-twitter-bootstrap-2
CSS
HTML, CSS, PHP JAVASCRIPT
codeschool.com
codeacademy.com
WEB TYPE IAUI VERSION VISUAL CONTROL CONTINUITYSTRETEGIC FRONT END PLANNING STRUCTURE
TRUST YOUR INSTINCTS
ITERATION OVER PERFECTION
GOLDEN RATIO Fibonacci sequence0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765
GOLDEN RATIO Fibonacci sequence0 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
DESIGNERSresources to learn development
codeschool.com
codeacademy.com
“Web Designers Guide toWordPress” by Jesse Friedman
TEAR ATHEME APART trial and error
UTILIZE THE CODEX & Handbooks
ASK FOR ACODE REVIEW help eachother out
ASK FOR ACODE REVIEW help eachother out
DEVELOPERSresources to learn design
Web Design for Developers: AProgrammers 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 THEDESIGN TRACK
subject yourself toSUBJECTIVE CRITIQUE
PAST FUTURE by  Laurel Hechanova
PAST FUTURE by  Laurel Hechanova
UNDERSTANDING
HELPEACH OTHER
REPROGRAM YOURSELF
FEARLESS
DRIVEN
WILLING TO FAIL
BE THEUNICORN
OUR WORKIS NEVEROVER - Daft Punk
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Próxima SlideShare
Cargando en…5
×

Designer vs Developer: BE THE UNICORN

65.122 visualizaciones

Publicado el

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.

Publicado en: Tecnología
Licencia: CC Attribution License
no profile picture user

  • Inicia sesión para ver los comentarios

Mostrar más

Designer vs Developer: BE THE UNICORN

  1. SARA CANNON Co-founder / Creative Director At Range @saracannonslideshare.net/saracannon
  2. LEFT RIGHT
  3. LEFT LOGICALANALYTICAL OBJECTIVE
  4. RIGHT INTUITION THOUGHTFUL SUBJECTIVE
  5. DEVELOPER DESIGNER
  6. BRAINBEDEXTEROUS
  7. WHOLE BRAIN LEARNING
  8. LATENTABILITIES &INTUITION
  9. WE CAN ALLBE RAINMANrstb.royalsocietypublishing.org/content/ 364/1522/1399.full
  10. *not real example but you get the idea
  11. TECHNICAL CREATIVE DIRECTOR DIRECTOR
  12. DEVELOPER DESIGNER
  13. DEVELOPER COMPLEXINTEGRATIONS / HIGH SCALEENVIRONMENTS
  14. DESIGNERBRANDING
  15. DEVELOPER TECHNICALREFINEMENT
  16. DESIGNER VISUALREFINEMENT
  17. TECHNICAL DIRECTOR
  18. CREATIVEDIRECTOR
  19. PROBLEMSOLVING
  20. SELF-PIGEONHOLED why are we stereotyping ourselves?
  21. I’M NOT A DESIGNERBECAUSE:
  22. I’M NOT A DESIGNERBECAUSE: I CAN’T DRAW
  23. I’M NOT A DESIGNERBECAUSE: COLORS? UGH
  24. I’M NOT A DESIGNERBECAUSE: I CAN’T THINK OF ORIGINAL IDEAS
  25. “I’M NOTCREATIVEENOUGH”
  26. I’M NOT A DEVELOPERBECAUSE:
  27. I’M NOT A DEVELOPERBECAUSE: TOO COMPLICATED
  28. I’M NOT A DEVELOPERBECAUSE: I’LL BREAK IT
  29. I’M NOT A DEVELOPERBECAUSE: I’M NOT GOOD AT MATH
  30. I’M NOT A DEVELOPERBECAUSE: WHAT IS GITHUB?
  31. “I’M NOTSMARTENOUGH”
  32. WANT BETTER
  33. FEAR OFFAILURE
  34. COMFORT ZONE
  35. DEVELOPER DESIGNER
  36. DEVELOPER DESIGNER UNDERSTANDING
  37. DEVELOPER DESIGNER
  38. DEVELOPER DESIGNER
  39. GOLDEN UNICORN
  40. TRAITS OF THE UNICORN
  41. FEARLESS
  42. DRIVEN
  43. WILLING TO FAIL
  44. DEVELOPER DESIGNER ?
  45. UXUSER EXPERIENCE
  46. INFORMED DESIGN
  47. USER TESTING
  48. make.wordpress.org/ui/
  49. usertesting.com
  50. A/B TESTINGPurchase Learn More
  51. wordpress.org/extend/plugins/ maxab
  52. WIREFRAMING
  53. wireframe.cc
  54. balsamiqTri.be/update-wordpress-post-editor-for-balsamiq
  55. omnigraffleViget.com/inspire/an-omnigraffle-stencil-for-twitter-bootstrap-2
  56. CSS
  57. HTML, CSS, PHP JAVASCRIPT
  58. codeschool.com
  59. codeacademy.com
  60. WEB TYPE IAUI VERSION VISUAL CONTROL CONTINUITYSTRETEGIC FRONT END PLANNING STRUCTURE
  61. TRUST YOUR INSTINCTS
  62. ITERATION OVER PERFECTION
  63. GOLDEN RATIO Fibonacci sequence0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765
  64. GOLDEN RATIO Fibonacci sequence0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987 1597 2584 4181 6765
  65. PROFILE OF A UNICORN
  66. SHAUN INMAN @shauninman
  67. DESIGNERSresources to learn development
  68. codeschool.com
  69. codeacademy.com
  70. “Web Designers Guide toWordPress” by Jesse Friedman
  71. TEAR ATHEME APART trial and error
  72. UTILIZE THE CODEX & Handbooks
  73. ASK FOR ACODE REVIEW help eachother out
  74. ASK FOR ACODE REVIEW help eachother out
  75. DEVELOPERSresources to learn design
  76. Web Design for Developers: AProgrammers Guide to Design Tools and Techniques
  77. “The Elements of Typographic Style” by Robert Bringhurst
  78. IMITATIONdoesn’t always have to flatter
  79. dribbble.com
  80. pinterest.com
  81. ATTEND THEDESIGN TRACK
  82. subject yourself toSUBJECTIVE CRITIQUE
  83. PAST FUTURE by  Laurel Hechanova
  84. PAST FUTURE by  Laurel Hechanova
  85. UNDERSTANDING
  86. HELPEACH OTHER
  87. REPROGRAM YOURSELF
  88. FEARLESS
  89. DRIVEN
  90. WILLING TO FAIL
  91. BE THEUNICORN
  92. OUR WORKIS NEVEROVER - Daft Punk

×