Developer/Designer  Collaboration      Tim	  Fisher	                          Kate	  Pricer	   Technical	  Consultant	    ...
Fisher-Price® Tim Fisher   Kate Pricer@tfisher      @pricer_designs
Traditional Methods       •  Direct	  Developer/Designer	  collabora@on	  does	  not	  have	  a	              significant	 ...
Designer Takes the Lead       •    UI	  for	  a	  site/app	  developed	  by	  a	              designer	  in	  isola@on.	  ...
Developer Takes the Lead•  Developer	  creates	  ini@al	  UI.	  •  Asks	  the	  designer	  to	  make	  it	  look	     preF...
Over the Wall Collaboration                   LPX-u11335223 © Fotosearch
The Challenges•  Designs	  do	  not	  take	  advantage	  of	  technology.	  	  •  Implementa@on	  may	  not	  be	  the	  w...
Fisher-Price® The Team
How We Collaborate       •  Side-­‐by-­‐side	  collabora@on	         	         •  Instant	  feedback/fix	  cycles	         ...
Our Process                          Graphic DesignApp/Site Conception- features                                    Really...
Challenging Tradition•  Don’t	  be	  restricted	  	  •  Produc@ve	  environment	  	  •  Going	  against	  the	  grain	  
Our Workspace
Benefits of Collaboration•  Design	  influenced	  by	  technology	  •  Technology	  adapted	  to	  design	                  ...
PortfolioWalk	  Detroit	  MakerQuest	  iWish4Detroit	  Art	  Van	  Simply	  the	  Best	  CPoWeR	  Incuba@on	  Space	  
Portfolio - Mobile
Portfolio - Web
Can This Work For You?	  -­‐	  Don’t	  try	  to	  duplicate	  our	  style	  	  	  -­‐	  Take	  the	  message	  and	  figure...
Questions?        Comments?	           Concerns?	           Remarks?	  	  
Upcoming SlideShare
Loading in …5
×

High Performance Developer Designer Collaboration

1,621 views

Published on

A presentation given by Timothy Fisher and Kate Pricer at 1DevDayDetroit

Published in: Technology, Design, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,621
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

High Performance Developer Designer Collaboration

  1. 1. Developer/Designer Collaboration Tim  Fisher   Kate  Pricer   Technical  Consultant   Visual  Designer  CPoWeR  Lead  Architect   CPoWeR  Lead  Designer   November 5, 2011 1DevDay Detroit
  2. 2. Fisher-Price® Tim Fisher Kate Pricer@tfisher @pricer_designs
  3. 3. Traditional Methods •  Direct  Developer/Designer  collabora@on  does  not  have  a   significant  role  in  the  development  process.     •  Designers/Developers  oCen  in  different  departments.   •  Designers  rarely  have  the  same  aFachment  to  full  product   lifecycle.    
  4. 4. Designer Takes the Lead •  UI  for  a  site/app  developed  by  a   designer  in  isola@on.     •  The  result  is  passed  to  developers   to  implement.   •  Rarely  looks/func@ons  as  intended   •  Misses  out  on  technology   opportuni@es  
  5. 5. Developer Takes the Lead•  Developer  creates  ini@al  UI.  •  Asks  the  designer  to  make  it  look   preFy,  create  fancy  buFons,  etc.  •  Designers  not  being  used  to  full   poten@al    •  Designer  does  not  have  equal   aFachment  to  end  product  
  6. 6. Over the Wall Collaboration LPX-u11335223 © Fotosearch
  7. 7. The Challenges•  Designs  do  not  take  advantage  of  technology.    •  Implementa@on  may  not  be  the  way  designer  intended  it.    •  More  and  more  design  relies  on  implementa@on  (HTML5,   CSS3,  mobile  APIs,  etc)    
  8. 8. Fisher-Price® The Team
  9. 9. How We Collaborate •  Side-­‐by-­‐side  collabora@on     •  Instant  feedback/fix  cycles     •  Technology  incorporated  into   design     •  Design  incorporated  into   implementa@on    •   Individual  work  on  coding/graphic  with  instant  feedback    •   Achieves  the  best  outcome  for  end  product  
  10. 10. Our Process Graphic DesignApp/Site Conception- features Really Cool Product- layout- flow Code Implementation
  11. 11. Challenging Tradition•  Don’t  be  restricted    •  Produc@ve  environment    •  Going  against  the  grain  
  12. 12. Our Workspace
  13. 13. Benefits of Collaboration•  Design  influenced  by  technology  •  Technology  adapted  to  design   •  Developer  AND  designer  used  to  maximum  poten@al   •  Learning  environment  is  created  
  14. 14. PortfolioWalk  Detroit  MakerQuest  iWish4Detroit  Art  Van  Simply  the  Best  CPoWeR  Incuba@on  Space  
  15. 15. Portfolio - Mobile
  16. 16. Portfolio - Web
  17. 17. Can This Work For You?  -­‐  Don’t  try  to  duplicate  our  style      -­‐  Take  the  message  and  figure   out  what  works  for  you    -­‐  Mobile  projects  are  ideal   for  designer/developer   collabora@on  
  18. 18. Questions? Comments?   Concerns?   Remarks?    

×