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
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
Comment: 3
Comment: 4
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
Comment: 6
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
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
Comment: 9
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
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
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
Comment: 13
Comment: 14
Comment: 15
Comment: 16
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
Thanks for the good article.