Home
  • home

  • face race

  • blog

  • client work

  • contact

« Screencast 6: 65 Layers tips in 8 minutes

Screencast 7: Never erase again – Using layer masks to erase non-destructively »
How to effectively communicate with designers
Mike Berg
01
Sep 2010

Coders often find it difficult to relate to designers, much less collaborate and communicate with them in a productive — and enjoyable! — way. If you’re already working with a designer, these tips can help you better understand them; if you’re looking for a designer, this could help you find a competent one.

Know what you want

This isn’t 100% necessary, but it will usually help save you money in the long run. Going through this post and preparing what needs to be done before even approaching a designer will show your professionalism and respect for their craft. This could help you snag a great designer rather than just a good one.

Being decisive also falls under this category. Flip-flopping on design decisions can be frustrating for the one redoing that button for the nth time. Sometimes it’s hard to know what you want until you see it, but that’s why you should…

Find reference material

I like to build a Mood Board for new projects. A Mood Board is a collection of materials that reflect the feeling – or mood – of the look you want. Start saving images or taking screenshots of ANYTHING that you like the style of; fonts, lighting, art style, textures, costumes, colour schemes, etc. To organize them, add notes describing what you like about them and how you see it fitting into your overall vision. It could also be beneficial to organize them into folders: backgrounds, characters, objects, logos, etc.

For example, you might say, “I like the wardrobe from Sin City, but I really like the art style from Knight’s Rush. And I liked how in Traffic all the scenes with Douglas were tinted blue and all the scenes with del Toro were tinted yellow… maybe we could do something like that for the two worlds in my game.”

Here’s some images from a mood board I created for Face Race:

This may seem like a lot of work, but you don’t have to be super detailed, and having a folder on your desktop that you can drag images to as you go about your day isn’t that difficult. You’d be amazed at how much this can help your designer realize the vision you have in your head. The alternative is paying your designer to come up with a mood board and develop the visual theme for the game from scratch. Some may prefer this, but expect it to cost a lot more.

Be clear and constructive

Designers can be touchy about their designs, and can easily get emotionally attached to a concept or idea that you’re not as excited about as they are. Designers who can handle iterations — and even big changes — well are gems, hang on to them. But giving solid feedback is a huge plus on your end. Saying, “It’s just not quite there yet… but I can’t put my finger on why,” while often true, is one of the most frustrating things a designer can hear.

Try to pinpoint what it is you like or don’t like about a specific design element. Again, if you can’t put it into words, it helps to find reference material that shows more of what your going for. “I like the shape of what you’ve got here, but maybe the colour tones could be more like the ones in this JPG, and the lines could be bolder and more cartoony… What do you think?”

Know what you need and be detailed

Don’t be afraid to get technical. If your designer has worked on games before, they’ll know what parralax backrounds and sprite sheets are. Tiling, variations on a sprite, whether or not the highlight graphic is overlaid on top or replaces the original sprite, how many animation cycles you need, etc. The technical details of how the graphics are actually used by the code really help a designer understand the requirements of the project.

Understand that in your conversations with any good designer, what you need (or the best way to do things, graphically) may change. Make sure the scope of the design project doesn’t escalate, or make sure your designer is properly compensated for the extra time if it does.

Set clear deadline expectations

Make sure your designer knows all important milestones that need to be met, and which ones are the priority (eg. Which ones other people are depending on, etc) and which ones can slide a bit. If the scope is starting to shift (as described above), bring it up again and make sure it’s still doable, or adjust as necessary.

If your designer is increasing project scope through new design ideas, you can rein this in with: “That’s a cool idea, but we need to stay on track for this release. I’ll put it on the list of things to consider for the next release.”

If your designer is on contract and not working for you full time, chances are they have other ongoing projects. Make sure you have a really clear conversation with them about what their availability is, and if you need them to be working on your project exclusively for a fixed time, make sure you schedule this well in advance so that they can plan for it – or expect to pay more for them to rearrange their schedule.

Explain functionality

I find it extremely beneficial to know as much detail as possible about how an object works in-game. This includes how it moves, what it does, how it affects other objects, why a player would want to use it, etc. Being able to play with a working prototype is ideal here, video is the next best thing. Creating an icon with a clear visual metaphor for an object or power-up, for example, is impossible without knowing these kinds of details.

Expect game design feedback

We’re designers. We like making things look cool. Expect to hear things like, “You know… if you did it this way, you could have this thing come sliding out the side, and a bunch of sparks go flying and this other thing goes shooting out of the front of it, and all this other stuff goes flying in the opposite direction, and the player gets a huge bonus, and…”

Personally I’m a game designer at heart, so giving game design feedback comes with the territory. Make it clear that feedback is welcomed, but not everything can or will be implemented. A good designer already knows this.

Trust us

This can take time if you just started working with a new designer, but try not to micro-manage small design decisions. If you need clarification about why your designer did something a certain way, by all means ask. If you have an alternative suggestion, start a conversation about which method would work better and why. We know we’re working for you, and implementing your vision in a beautiful way is our ultimate goal; but in general, we won’t tell you how to code if you won’t tell us how to design. ;-)

Sometimes it really is just a matter of taste or opinion. But most of the time, if you don’t trust the design sense of your designer, well, maybe it’s time to find a new designer. A designer’s portfolio should tell you ahead of time if they have the design sense you’re looking for.

Get your source files

This should be non-negotiable. You are paying the designer to create work for you. Make sure it’s clear from the beginning that you expect to have all finished Photoshop files, Illustrator files, etc. Personally, I set up a Dropbox shared folder for each client exactly for this purpose.

Stay away from a designer who won’t agree to this; it costs twice as much to do the same job again down the road, if you need an edit done. I’ve talked to too many devs who’ve been screwed by designers who won’t give up “their” working files.

UPDATE: As steveo has noted in the comments, if the work being created is intended to be used as a template for future revisions (which could possibly be done by someone else), you can expect to pay more for your source files, as there is added value there for you. In the end, just make sure you talk about this issue up front so everyone is clear.

Why can’t we be friends?

Oh wait, we can! Coders and designers have great working relationships all the time, and make great games together. If you have other tips, or a story to share (positive or negative) about working with designers, please share in the comments. This is the kind of thing where we can all learn from each other’s stories.


Partly inspired by this great post on communicating with developers from Smashing Magazine.

This post is part of iDevBlogADay, a group of indie iPhone development blogs featuring two posts per day. You can keep up with iDevBlogADay through the web site, RSS feed, or Twitter.

Category: Blog, idevblogaday  Tags: iDevBlogADay
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
  • http://twitter.com/carsonsamson Carson D. Samson

    Excellent read. This so applies to print designers too!

    I must say though, that I rarely get prospective clients coming to me with reference materials. But I wish they would. Great suggestion.

  • http://weheartgames.com Anonymous

    With my website clients, I always ask them to browse around the web and find at least 3 sites with *something* that they like about them. I do this before I even start a job, and it starts to give me an idea of what they like and what they’re going for. It’s easier to make something you’re confident that *they’ll* like too, not just something you like. :)

  • http://maniacdev.com/2010/09/communicating-with-ios-app-graphic-designers/ Communicating With iOS App Graphic Designers | iPhone, iOS 4, iPad SDK Development Tutorial and Programming Tips

    [...] You can read the article here that shares many other useful ideas for communicating with designers: How To Effectively Communicate With Designers [...]

  • http://just2me.com/ samwize

    Nice read!

    Unknowingly, I have been using mood board concept by sending my designers screenshots of graphics that I like. I also usually spell out the requirements and the freedom they can have.

  • steveo

    You should expect to pay extra to get the source files for any project, just as you would in any other medium. Yes you are hiring a designer to create something for you, but if you want that to be a template for further works then the work has more value to both you and the designer which should be reflected in the fee.
    If a designer charges you “… twice as much to do the same job again down the road …” then yes, you are being ripped off. Edits to pre existing work should be done at an hourly, nominal fee.

  • http://weheartgames.com Anonymous

    Thanks for the comments! I never thought of it that way. Will definitely consider the template aspect of things when pricing things out in the future.

    As for the “twice as much” comment, that’s almost, but not quite, what I meant. I should clarify: I’ve spoken with devs who didn’t get their working files from their designer, then their designer disappeared or they lost contact with them for whatever reason. Now they want to update the *existing* graphics, or upsize them for a new resolution, etc. This dev is stuck with their low-res graphics, or stuck paying someone else to recreate them, therefore it would cost twice as much.

« Screencast 6: 65 Layers tips in 8 minutes

Screencast 7: Never erase again – Using layer masks to erase non-destructively »

    Follow on:

    RSS | Twitter | YouTube

latest blog posts

  • Protect yourself against theft
  • New website for One Man Left
  • I like two things
  • Photoshop tip – layer style defaults in CS5
  • Sortie game icon with time-lapse video

Buy it now
on the App Store

A camera-based
party game for iPhone

© 2012 - We Heart Games Inc. All rights reserved.