LearnMindset: Developer vs Designer

   
Avatar

Andrew Chalkley
writes on October 29, 2015

To understand the nuances of what it means to be a developer or a designer let’s take a walk down memory lane and end with where we’re at today.

A Little Bit of History

When I started dabbling with HTML in the late nineties the term “Web Developer” and “Web Designer” were synonymous. As more and more traditional, print marketing agencies expanded into the digital side of marketing, the roles started to diverge.

People who traditionally were working in print and had the aesthetics nailed created Photoshop mockups. These were the new Web Designers. The designs they created were for people to code in HTML and CSS. The Web Developers.

The print designer knew about the print medium, they knew about things like bleed allowance. When it came to the web, it was a new frontier for them. They had to work with the Web Developer to see what was possible or not. For example web forms weren’t like the traditional forms that were printed out. There were limitations.

Ultimately, Web Designers needed to learn some web development to inform their design process, or at least understand the strengths and limitations of the technologies used to build web pages.

For the most part Developers and Designers have worked together in harmony whilst looking at each other’s skills as two separate non-overlapping magisteria; aesthetics vs programming.

What’s the Problem?

Both the Designer and Developer feels fairly comfortable in their respective roles. Actually, scrap that, I think there’s plenty of imposter syndrome in both the Developer and Designer. They feel they’ve got to contend with enough, dealing with their own feelings of inadequacy in their own role, which often leads to them either not contributing to the discussion with people in other roles, or being super defensive about their own role.

But it doesn’t have to be this way.

Uniting in a Common Goal

Both the Designer and Developer have one very important trait in common: problem-solving.

They are using different mediums, but it’s the same underlying principles in play. Designing user interfaces or designing the code used to build an application relies on you building something that functions. That thing has to have a function; if there is no function, there’s no problem to be solved with it. It’s just art or playing around, both have their place but in a project there’s often little to no room for that.

The role of the Designer and Developer is to improve another human being’s life. Their roles both heavily rely on empathy, psychology and neuroscience. Both have to logically and methodically think things through. You have to put in the thoughtfulness of what the problem is first before designing or coding. Any failure to do this could end up creating something that’s unintuitive and perplexing to your users. In other words, you have to put in the work of cognition up front to reduce your user’s cognitive overload figuring out how your application works.

What Does it Mean to Be a Problem Solver?

When I was developing one of my courses at Treehouse I decided to look at a colleague’s course, Design Foundations by Mat Helme. The further I went through it, the more I was thought, “this is what it’s like to be a developer.” I solve problems. There’s a section called “Becoming a Problem Solver” where he goes over the 4 P’s of Problem Solving.

In short there are four steps to solving a problem.

  1. Prepare – where you understand and diagnose the problem and think of a high-level solution.
  2. Plan – where you organise everything you need or plan out what you need to accomplish.
  3. Perform – where you put your plan into action, design or develop.
  4. Perfect – where you check to see if the solution has solved the problem. If it hasn’t you can review and rework using the process again.

I’ve been using this in several of my courses since. Teaching people to solve problems is probably the most valuable thing I can teach someone, rather than just simply dispensing the syntax of a programming language or the API calls of a framework. I want them to feel like they are becoming superhumans that can do anything!

Conclusion

You’re what Aral Balkan describes is an Experience Designer. Human’s have a finite time to spend on things. The applications you design and build is part of their human experience. If they are frustrated by your application they are wasting their precious time, it’s not their fault, it’s yours.

Design should lead the development and development should inform design. Separating out these two roles or facets of your application can cause bad experiences for users or should I say real living human beings.

Here’s Aral talking at a PHP Conference 2013 where he talks to developers about them being designers too:

Also, if you’re a designer or developer you should check out Mat Helme’s Design Foundations too, it’s well worth your time!

GET STARTED NOW

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

3 Responses to “Mindset: Developer vs Designer”

  1. Small- and medium-sized companies looking for a website or a re-design of their existing website may be confused by the blurred lines surrounding the terms “Web Design” and “Web Development.” Although there are individuals that are able to do both, many companies have dedicated designers which create the website layout and then hand the design files over to a programmer who completes the development stage. Hopefully this article will help clear up the common misconception that design and development are one in the same.

  2. Lido Fernandez Burgos on November 1, 2015 at 12:19 pm said:

    This a very well done description. Thanks Mr. Chalkers!

  3. I feel like the recent trend towards performant sites has strained my relationship with designers. When all we wanted were pages that were functional and pretty our goals were pretty much aligned. Now I’m expected to produce pages that load fast, but designers haven’t changed their expectations with regard to crisp images and number of font variants. There are real trade-offs that have to be considered and different people on the team have very different expectations regarding which aspects to prioritize.

Leave a Reply

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop