Designer vs Developer: BE THE UNICORN

45,291 views
43,648 views

Published on

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.

Published in: Technology
5 Comments
31 Likes
Statistics
Notes
No Downloads
Views
Total views
45,291
On SlideShare
0
From Embeds
0
Number of Embeds
2,934
Actions
Shares
0
Downloads
172
Comments
5
Likes
31
Embeds 0
No embeds

No notes for slide

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

×