I like working with web designers who can’t code

I like working with web designers who can’t code

Web designer and developer Kirsty Burgoine explains why she prefers to work with designers that can't do any frontend coding

Every so often an old argument appears on Twitter, 'Should web designers be able to code?' The answer is nearly always a resounding 'yes' from the web community. But I disagree.

Before people start searching for their pitchforks and flaming torches, I want to make it clear that I don’t work exclusively with designers that can’t code. I always make my decision on a project-by-project basis. Some projects do need to have a designer involved that understands exactly what can and can’t be done. Some don’t. This is just my opinion on why I like working with designers who can’t code.

For the sake of this piece when I say 'designer' I am talking about a web designer and not a graphic designer. I think we can all agree that web and graphic design are very different specialities (although some people can do both very well). It is always very obvious if a graphic designer has 'had a go' at web design with no understanding of how the two mediums differ. And who hasn’t had a design supplied to them in Quark Express from a graphic designer at least once?? I know I have, and I never want to repeat that experience!

So, onto the why ...

While there are many design disciplines out there that require the designer to have a technical knowledge of the product they are designing (architects spring to mind), not all do.

Think about someone who designs cars. They have to think about how the car looks, the aerodynamics, how comfortable it is for the driver and so on. But they don’t need to know the exact specification of how the cooling system works, or how to wire in the car stereo and hook it up to use Bluetooth.

There is an entire team of people that will work on that car from concept through to manufacture. They all have their specialisms and together they make the best possible product. They don’t have one person that can do 'a bit of everything'.

This is how I see web design. I don’t think that the web designer necessarily needs to know how to code. They don’t need to know that the navigation menu will be created using an HTML list. What they do need to know is where to position that menu on the page so that it is as easy as possible to use. And, while they do need to consider how that menu will behave when the user’s mouse hovers over it, they don’t need to know the exact CSS/HTML for that interaction to work.

For me, making sure the designer has a good understanding of the medium and user interaction is vital but the ability to code up a page themselves isn’t.

The challenge ...

I also like the challenge that working with a designer who can’t code provides. I am a developer. I do some design work but my interest is in the development, both front and backend. I live for the code!

Most developers have a code library (I certainly do) so that they can reuse as much code as possible. It means they can complete the job quickly, keep within budget and time frames and for me, it has the added bonus of needing a lot less cross-browser testing than if I had written all of the code from scratch each time.

Working this way does make it very tempting to design a website for the easiest build possible though; to restrict yourself to what can be achieved easily in HTML/CSS, or to reuse the same menu system time and again. As a result I see a lot of websites out there that never step outside of the box.

Designers that don’t code don’t think about how to incorporate that cool menu system that was written for another website; they are only thinking about the project at hand and what the best solution is for that project.

I don’t want to churn out the same old thing over and over again (where is the fun in that?). I want to push myself and make every website I build better than the last. And being a developer first, I love the challenge of seeing a problem and finding a solution to it. Bringing in a designer that can’t code can help me to achieve all of that.

Don’t get me wrong, I don’t like to make life deliberately difficult for myself. I do make sure that what is being designed can actually be built, and doesn’t add so much time to the project that it is no longer within the clients budget and timeframe. But I will also take the time to look at the design and think about how I would achieve something, and not just rely on what I’ve done before.

Those who can …

As I said at the beginning, I don’t work exclusively with designers that can’t code. I have often learnt a new way of approaching something (or a reason not to do something) from a designer that can. And of course, if the project requires the design to be done in the browser then using a designer that can’t code is simply not an option!

I’m also definitely not saying that all designers who code just churn out the same old thing. But, ask yourself honestly, how many websites have you seen recently that are really nice but follow the current design trend so closely that if you changed the logo or colours it could be a completely different site? Or looked at someone’s portfolio only to notice that all of their websites look very similar? Then ask yourself why you think those websites are designed like that.

In this ever changing industry, we can’t afford to relax. Designing responsive websites has been a huge game changer in recent times. But even then, as long as the designer knows and understands the different screen sizes and how people interact with the website in different ways on different devices, do they really need to know how to use media queries?

At the end of the day, everyone has their own preference. I like to think that I build awesome websites (don’t we all?) and this is how I choose to do that. And, the challenge it presents makes it so much fun!

17 comments

Comment: 1

An interesting read, especially as I used to work across all areas of WordPress development in a similar way to Kirsty but have now settled to focus just on design.
I agree 'a good understanding of the medium and user interaction is vital' - but I have to wonder how a web designer would gain this understanding without being able to code in HTML/CSS.
On the other hand I feel I'm able to be more creative and design with more freedom when I'm not constantly thinking about how I would code certain elements, knowing that I can leave my designs in the hands of an able developer like Kirsty to worry about the code!

Comment: 2

Car designers may not need to know the exact specification of how the cooling system works, but they ought to know what is feasible to create with the technologies available (materials, processes etc). This applies to the web too, designers *should* have a fundamental understanding of the box model at least so they don't create unfeasible designs.

Comment: 3

I've got to agree. The more I learned how to code site, the less creative my designs felt. Effective, efficient? Yes, but not as lively.

Comment: 4

I don't agree, if someone who designs a website, doesn't know how to code, he can make something that's not doable, no optimal, not recommended, hard to do, unrealistic, etc, etc. And the developer will suffer searching for technologies to do what the designer made.

Personally, I've experienced this myself - I worked at a company as developer, so they sent me the designs and I had to build them - I must say that my job was about making clean, valid, html5 + css3 code.
So it happens, the guys designing had ZERO idea of HTML, so they build up interactive, animated things that are only doable with Flash (this because the company had a history of doing Flash-based websites); And on top of that they wanted IE7 compatibility!! Yes, maybe it's doable, but if you have the time and resources.

So I must say NO, someone who doesn't know how to code is not a web designer, because he isn't designing the website as such, it's just a mockup until it hits the code.

This is the same as saying the a song composer is not required to know music scales; he just writes the song (letter).

Comment: 5

You, simply, ignore limitations when you design for technologies that you do not know, or understand—or both. In a way that is fantastic for creativity, your mind has no limits, your designs have no boundaries—is that good?—I don't think so, but no-one can know for sure, because each design is unique. I'm sure if you browser through http://www.webcreme.com/ you will surely find something that you may of thought impossible previously. Again, my opinion is that designers should know well the technologies they are designing for–I agree with @Alter rather than @Kirsty Burgoine–but then again they're just different opinions on a matter.

Comment: 6

Designers who can't code at all (as opposed to those who understand it, but don't use it daily) are a serious problem for the web.

First, by their very nature, tools like Photoshop and Illustrator imply their own design restrictions - in particular big-fixed width layouts more suitable for print or billboards than a responsive web page. In my experience, most "designers who can't code" are unaware of the mobile world, and see it as a restriction rather than a design challenge. The web is looking less and less like print these days, code-free design (unless it is confined to identity) causes extra cycles of development. How often does a developer sweat to get the last pixel in place for a designer unaware of how the web works, when there are sure to be many equally creative - and web friendly - designs that could be used?

In terms of sustainability, going through multiple steps of design and refactoring code leads to a larger "embodied energy" of a web page. In other words, all the time the design takes creating in a non-web environment (using software tools with high power consumption) increases the carbon footprint of the resulting website. This is not trivial - the Internet is moving to 10% of power consumption in the US and Europe. This is NOT just an engineering problem, either. The Hummer was designed, and now "optimization" by engineers could streamline it away from bloatware. It's easy to find eco-websites with huge carbon footprints, (see this link: http://sustainablevirtualdesign.wordpress.com/2012/03/11/green-design-vs...) clearly designed in a vacuum as if design's impact on the environment didn't matter.

Comment: 7

The argument that not knowing how to code will allow freedom and creativity in your design is a decent one (although great web designers are rarely hindered by worrying about technological limitations). The problem is the con to this argument may be a large one, usability.

Usability (as a broad term) is a tricky balance that in the hands of someone that only knows half of the whole could be a disaster. Saying they know half is even a lie. Without any HTML/CSS knowledge they probably don't know any backend or frontend programming. Other skills like UX design and IA may or may not be in the cards either. So in reality they are working with less than a quarter of the skills involved. For my money that doesn't add up and might result in some unusable (but pretty) websites.

Comment: 8

So true! Very important argument/article, especially because it came from the "other" side! ;)

Comment: 9

I find the assertion that a designer is limited in creativity by having knowledge of any tech quite bizarre. A web designer should have an understanding of their medium; this, inevitably in my mind, would include a basic knowledge of front-end at least. They don't have to understand exactly how anything is built, but they are designing for a medium where design has an impact on both usability and accessibility.

Given your analogy of a car designer, for example, the designer may not need to know the internal workings of the cooling system, but they're still limited by the fact that the steering wheel cannot be under the seat, the engine can't be on the roof and the wind shield can't have pretty patterns all over it. There are limitations in just about every area of design.

On code specifically, if the project has an open deadline and an unlimited budget that's fine. In the real world, a designer should have an understanding of how certain design elements might add cost and time to a project. Without this basic understanding, more responsibility is put on the developer to push back when something isn't achievable. This is an inefficient way of working - if the designer had a little knowledge they could make more sound judgements.

I'm a front-end developer and in order to keep my skills relevant I have had to learn more about back-end technologies and user experience. My approach to building sites has changed a lot as a result and in some circumstances I've had to compromise on some of the "cool" stuff and include extra code to satisfy usability and accessibility. I don't feel bitter about the confines imposed on me by this extra knowledge - designers should educate themselves and learn to be creative within the parameters of the medium.

Comment: 10

I think web designers need to be able to code, as they need to understand how the stuff they design is built, and what they can and can't do in design.

As well as this, designing a layout in Photoshop is a static exercise with no room for adding or visualising interactivity or animation. Designers need to be able to play around with these things to realise the full potential of what they are doing, and design fuller, more complete user experiences.

I think web designers who can't code only know half the job.

Comment: 11

I'm pretty sick of this argument coming up again and again.

The fact of the matter is that all that's required to design anything in any medium is knowledge of the constraints of said medium. If you design for the Internet then you need to understand the building blocks of what makes it i.e. pages, sites, movement between pages/elements. You certainly don't need to need to know about whether an HTML document is transitional or strict or whether to use JQuery over Prototype. What you do need to do is focus on creating an experience/journey and work with a developer and IA to create that. I certainly know how to drive but I certainly don't know how to fix a 'bug' in the turbo manifold yet I can still drive with confidence.

If you go on the 'you have to know how to code to design for the Internet' then you're always going to be constrained by your own knowledge which is never going to be as honed as a specialist. Working as a team is far more productive and produces better results.

I believe a designer is a designer and the medium is irrelevant. Understand the constraints and the idea work around them.

Comment: 12

I dont agree with anything you wrote in this article.

Comment: 13

"Web designers" who don't ANYTHING about coding are like print designers who don't know anything about pre-press. Learn your craft. If the medium was irrelevant, every great painter would be a great sculptor.

Comment: 14

I tell designers not to worry about what can or can't be done. I don't want designers to be limited in what they come up with. If there are issues I'll let them know, but I too like the challenge of a design that I may have thought wasn't possible to implement....but after some thought....I realize it is.

Comment: 15

Finding useful stuff about cars on the web is very difficult, this is because most of the times you just see marketing and promotional stuff and you are not able to get any information but this post will be really helpful I am sure.Used Car Price | Nissan Skyline GTR

Comment: 16

Loved it, Kirsty!
I don't think that there is one solid 'truth' here, as it seems that both sides are coming up with reasonable arguments.
Not trying to be the judge here but to think of a solution, i guess that each agency or employer have their own working methods, hence getting used to a different doctrine might be tricky.

Speaking of bottom lines- a professional platform for web/ graphic designers to create code-free websites is Webydo.

Sorry for "marketing" it that way, but it IS a great platform that might help some of the readers here. my 2 cents.. :)

Comment: 17

I hadn't given it much thought, but now that you put it that way, I think I agree with you. I myself strive to do both but I am more of a developer than a designer, although I really wish I had more flare for it. Your point about a designer freeing themselves from the coding restrictions in order to make good designs make real good sense.

Thanks for the good article.
August issue on sale now!

The Week in Web Design

Sign up to our 'Week in Web Design' newsletter!

Hosting Directory
.net digital edition
Treat yourself to our geeky merchandise!
site stat collection