Jeff Siarto - Web Designer

Why Designers Should Learn to Write Code

Writ­ing good code is hard work. It takes years of prac­tice and study to become a pro­fi­cient soft­ware devel­oper and those that mas­ter the craft are rewarded for their efforts. But we’re web designers—you know, pixel push­ers—why should we worry about what’s going on behind the scenes? We just make the front-​​end look good, right? Well, not exactly.

For the past month or so I’ve been work­ing with a client to develop a sys­tem for build­ing and deploy­ing online course­ware. After spend­ing a few weeks writ­ing design doc­u­ments we decided that build­ing a func­tional pro­to­type would be a bet­ter way to show the dif­fer­ent groups involved how we wanted the sys­tem to look, feel and work. I decided to to build the pro­to­type using web stan­dards (XHTML, CSS, Javascript) and then add some func­tion­al­ity using PHP. The end result was not only an inter­face design, but a quickie web appli­ca­tion that dif­fer­ent stake­hold­ers could actu­ally get their hands on and play with. Now, was my PHP beau­ti­ful, object-​​oriented, production-​​ready code? Not even close. But it worked, and it allowed us the free­dom to iter­ate through dif­fer­ent ideas with­out com­mit­ting vast resources to soft­ware devel­op­ment.

Hav­ing a work­ing knowl­edge of PHP allowed me to take a sim­ple web inter­face and turn it in to some­thing that expressed and over­all con­cept for the project. Instead of hav­ing my client read through pages of design doc­u­ments, I was able to show them my ideas in a work­ing appli­ca­tion. And, in the end, most of that code will get thrown away (as it should)—but the ques­tions that we’ll answer and the prob­lems that we’ll solve by being able to use a work­ing pro­to­type will make the end result that much bet­ter.

So as a designer, how much code do you find your­self writ­ing? Also, if your a pro­gram­mer, how do you feel about inter­face design­ers cross­ing over to your world now and again?

tagged: , ,

2

  • Jeff Doppke

    Good post. Inter­est­ing enough I was look­ing over a related post at the web designer depot.

    I com­pletely agree about learn­ing to code. I think if you’re specif­i­cally talk­ing about web devel­op­ment, both sides, client/​server, should know a lit­tle about the other. I think it helps them relate and really under­stand what’s going on and why. I am try­ing to pick up some PHP and Ruby/​RoR just to help myself see how things tie in with the server-​​side of web devel­op­ment.

    Not sure I agree about throw­ing away the code that you devel­oped for a work­ing pro­to­type. I think I would just archive it some­where for future ref­er­ence, unless there is a valid (security/​legal) rea­son to toss it.

  • Jeff Siarto

    @Jeff Doppke

    Thanks for the link to the related arti­cle. I was going to touch on the fact that know­ing how to code just makes your XHTML and CSS bet­ter all around, aside from learn­ing a lit­tle bit of server side devel­op­ment. As far as throw­ing code away—what I meant was that the code I write for pro­to­types is far from pro­duc­tion ready and usu­ally needs to be rewrit­ten in a more appro­pri­ate form (more secure, object-​​oriented).

Recommended

Also of Interest