High Performance Developer Designer Collaboration
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

High Performance Developer Designer Collaboration

on

  • 1,511 views

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

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

Statistics

Views

Total Views
1,511
Views on SlideShare
1,511
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

High Performance Developer Designer Collaboration Presentation Transcript

  • 1. Developer/Designer Collaboration Tim  Fisher   Kate  Pricer   Technical  Consultant   Visual  Designer  CPoWeR  Lead  Architect   CPoWeR  Lead  Designer   November 5, 2011 1DevDay Detroit
  • 2. Fisher-Price® Tim Fisher Kate Pricer@tfisher @pricer_designs
  • 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. 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. 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. Over the Wall Collaboration LPX-u11335223 © Fotosearch
  • 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. Fisher-Price® The Team
  • 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. Our Process Graphic DesignApp/Site Conception- features Really Cool Product- layout- flow Code Implementation
  • 11. Challenging Tradition•  Don’t  be  restricted    •  Produc@ve  environment    •  Going  against  the  grain  
  • 12. Our Workspace
  • 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. PortfolioWalk  Detroit  MakerQuest  iWish4Detroit  Art  Van  Simply  the  Best  CPoWeR  Incuba@on  Space  
  • 15. Portfolio - Mobile
  • 16. Portfolio - Web
  • 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. Questions? Comments?   Concerns?   Remarks?