developers are from mars, designers are from venus - d2wc

Post on 28-Jan-2015

114 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

It’s a session focused on the integration points in a mixed team and the challenges facing them. This is a situation that many design and development houses find themselves in today for a number of reasons. As Flash development gives way to Flex development for larger applications, the makeup of the development staff is bringing in more traditional development techniques and technology that seems foreign to designers. Likewise, Developers now just coming to the Flash platform, lured by RIA sexiness and agile techniques find themselves awash in a sea of designer hoo-ha. Leading? Kerning? Whitespace? The attention given to aesthetic in a modern app is not something one used to battleship grey apps is used to. This combination of situations, when put under pressure to deliver on time and on budget can breed animosity and destroys the teamwork mentality needed to create a superior user experience. My session is light on code, heavy on collaboration.

TRANSCRIPT

Developers are from Mars, Designers are from Venus.Chad Udell D2WC – Kansas City

2010

Homer Simpson: We’re so different! Its like you’re from Venus!

Marge Simpson: And you’re from Mars.

Homer Simpson: Oh, sure, give me the one with all the monsters!

Not a Flash/Flex PresentationNo MXML. No AS. No Catalyst.

A little contextI’m a Designer

A little contextI’m a Developer

What’s the difference?Let’s start with some generalizations.

Developers are killjoys, squashing creativity to make a deadline or taking the easy way out to build functionality in to the application.

What’s the difference?

Designers are fun but reckless, they create great work but aren’t concerned with the bottom line.

What’s the difference?

A little reality, please.

What’s the difference?

A little reality, please.While each may contain a grain of truth, both are way off.

What’s the difference?

We Need BothWe are on a team, right?

We Need BothWe are on a team, right?Work habits and communication styles need to be standardized to succeed.

Change Needed

Change NeededDesigners need to be practical and able to move on when the goals are achieved.

Change NeededDesigners need to be practical and able to move on when the goals are achieved.

You must remember the scope of the project!

Change Needed

Change NeededDevelopers need to realize that design does matter.

Change NeededDevelopers need to realize that design does matter.

Ideas need to be able to mature.

Integration Points

Integration PointsProcess, Process, Process

Integration PointsProcess, Process, Process

“4D’s”

Integration PointsProcess, Process, Process

“4D’s”

What works for you and

your company?

Integration Points

Integration PointsWorkflow?

Integration PointsWorkflow?Who is in on that first meeting?

Integration PointsWorkflow?Who is in on that first meeting?Which team is serving which on this project?

Integration Points

Integration PointsFile Organization

Integration PointsFile OrganizationDirectory Structure is Not a Battlefield!

Integration Points

Integration PointsNaming

Integration PointsNaming“blue mockup 8 14 08.psd” or “mock_v1.psd”

what will mean more when the project is complete?

visualrinse.com/2007/06/12/deep-thoughts-on-file-naming-conventions/

Integration Points

SVN=OMG!

Integration PointsVersioning

SVN=OMG!

Integration PointsVersioningSVN? With Designers? SRSLY? SVN=OMG!

Integration PointsVersioningSVN? With Designers? SRSLY?

Version Cue is now defunkt SVN=OMG!

Integration PointsVersioningSVN? With Designers? SRSLY?

Version Cue is now defunkt

GridIron Software’s “Flow” is a move in the right direction.

SVN=OMG!

Integration PointsVersioningSVN? With Designers? SRSLY?

Version Cue is now defunkt

GridIron Software’s “Flow” is a move in the right direction.

SVN=OMG!

Maybe check out “Versions” with a collaboration provider?

Integration Points

Integration PointsTickets and Issues

Integration PointsTickets and IssuesA spreadsheet? For real?

Integration PointsTickets and IssuesA spreadsheet? For real?

At least try moving to a Google Doc

Integration PointsTickets and IssuesA spreadsheet? For real?

At least try moving to a Google Doc

Even better? Basecamp or similiar

Integration PointsTickets and IssuesA spreadsheet? For real?

At least try moving to a Google Doc

Even better? Basecamp or similiar

Even Better-er? Assembla or similar

Integration Points

Integration PointsTaxonomy

Integration PointsTaxonomyStandardize the way you talk about things!

http://edweb.sdsu.edu/courses/et650_online/

Integration PointsTaxonomyStandardize the way you talk about things!

http://edweb.sdsu.edu/courses/et650_online/

Are they wireframes or block diagrams? Mockups or Comps?

Integration PointsTaxonomyStandardize the way you talk about things!

http://edweb.sdsu.edu/courses/et650_online/

Are they wireframes or block diagrams? Mockups or Comps?

Don’t get overly jargon-y or use it as a weapon. TLA dueling and art history barbs just lead to animosity.

Moving Forward

Moving ForwardDevelopment 101

Moving ForwardDevelopment 101Designers, realize that pure Graphic Design will not save you!

Moving ForwardDevelopment 101Designers, realize that pure Graphic Design will not save you!

Change the toolset to meet development specs.

Moving ForwardDevelopment 101Designers, realize that pure Graphic Design will not save you!

Change the toolset to meet development specs.

When things are slow, opt to take on some typically “developer” tasks.

Moving Forward

Moving ForwardDesign 101

Moving ForwardDesign 101Developers, no one likes programmer art!

Moving ForwardDesign 101Developers, no one likes programmer art!

Use palettes from sites like Kuler or ColourLovers to avoid eyesores.

Moving ForwardDesign 101Developers, no one likes programmer art!

Use palettes from sites like Kuler or ColourLovers to avoid eyesores.

Skins & themes for your apps are out there. Check out Scalenine.com for Flex themes. Use UI frameworks for your HTML apps.

Moving ForwardDesign 101Developers, no one likes programmer art!

Use palettes from sites like Kuler or ColourLovers to avoid eyesores.

Skins & themes for your apps are out there. Check out Scalenine.com for Flex themes. Use UI frameworks for your HTML apps.

Use great stencils for your wireframes, Graffletopia, Balsamiq, etc.

Changing Process

Changing ProcessTeamwork FTW!

Changing ProcessTeamwork FTW!Parallel Design and Development Tracks

Changing ProcessTeamwork FTW!Parallel Design and Development Tracks

Rapid App Development (Blend, Catalyst)

Changing ProcessTeamwork FTW!Parallel Design and Development Tracks

Rapid App Development (Blend, Catalyst)

Proximity matters:

Down the Hall vs Over the Wall.

Changing Process

Changing ProcessTech to try

Changing ProcessTech to tryLet your designers help with XML (yes, even designing schema)

Changing ProcessTech to tryLet your designers help with XML (yes, even designing schema)

Have your Devs prep some graphics and maybe even do some skin design from time to time

Changing ProcessTech to tryLet your designers help with XML (yes, even designing schema)

Have your Devs prep some graphics and maybe even do some skin design from time to time

Does your toolset allow for component creation? Teach your designers how they work!

Changing ProcessTech to tryLet your designers help with XML (yes, even designing schema)

Have your Devs prep some graphics and maybe even do some skin design from time to time

Does your toolset allow for component creation? Teach your designers how they work!

Create APIs for the designers to use!

Changing Process

Changing ProcessPresentation and Pitching

Changing ProcessPresentation and PitchingUnified front!

Changing ProcessPresentation and PitchingUnified front!

Who leads? Who follows?

Growing Forward

Growing ForwardHow do you keep the afterglow?

Growing ForwardHow do you keep the afterglow?Lunch and Learns

Growing ForwardHow do you keep the afterglow?Lunch and LearnsSharing “AHA”s via a team blog

Growing Forward

Growing ForwardRealizing the benefits

Growing ForwardRealizing the benefitsMeasuring

Growing ForwardRealizing the benefitsMeasuring

End of Project recaps

Growing ForwardRealizing the benefitsMeasuring

End of Project recapsKeeping up with trends and tech

Following Upvisualrinse.com

Following Upvisualrinse.comThis presentation for download

Following Upvisualrinse.comThis presentation for download

Twitter: visualrinse

Following Upvisualrinse.comThis presentation for download

Twitter: visualrinse

More posts on this topic - category: “ria”

top related