Your SlideShare is downloading. ×
Designer vs Developer: BE THE UNICORN
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Designer vs Developer: BE THE UNICORN

31,996
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 …

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
31,996
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
155
Comments
5
Likes
31
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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