January 12th, 2016 by Franc Michael  |   Comment

On any project, the team is looking for a slam dunk. But this won’t happen if each team member isn’t aware of their role. The designer’s job is to design a user interface and communicate it to developers. But this transition can be painful when developers don’t understand our expectations. Here are six tips to make your next hand-off as smooth as possible.

1. Share User Stories with Developers

User stories are basic user goals distilled into distinct, terse sentences. They are often written like this: “As a user I want to … [user goal]”. Each user goal should correspond to each UI element. Sharing user stories with them will help them focus on the user. When they think more like a user, they’ll care more about meeting their needs.

2. Stay Organized From Day One

Organize and design your UI so that anyone can make sense of it. A popular programming quote goes like this: “Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live”.

Same goes for designing wireframes and mockups. Remember that a developer will have to interpret your designs. Numbering and labeling every screen and element will help developers understand what they’re coding.

3. Create an Interactive Mockup

Use a prototyping tool that allows you to upload mockups and add interactivity. This helps everyone on the project get a better feel for the end product. When developers have a prototype to play with, they can better meet your expectations.

This quote from Confucius applies well to hands-on learning. “I hear and I forget. I see and I remember. I do and I understand.” Using screen-capture software, you can also create a video of you running through the entire app to show every facet of the functionality.

4. Create a Project Encyclopedia

Define project terminology early and document it in a project “encyclopedia”. If everyone is speaking the same language when discussing the project, nothing will be lost in translation. If you notice someone substituting or replacing terminology, correct it early on.

Your project encyclopedia can go as in-depth as you want. It’s often helpful to define what elements of the app are static, and which are dynamic. If it’s dynamic, where does the data come from? Is it supplied by the user, pulled from a database, or stored in the app itself?

5. Daily Standups with Developer

Go over action items daily with the developers so they have a communication mentality. If you can do this in person, great – if not, try to do a video chat. You can communicate more information face-to-face than over email. People feel more accountable during interpersonal interaction.

6. Track Bugs and Issues

Use a bug-tracking system to document issues that arise during development. Don’t assume that someone else will catch these errors. Remember you are in charge of the complete user experience. Nothing is more frustrating to users than an element that doesn’t function as intended. Once all bugs are gone, the project falls back into your hands. You’re ready to begin testing your user interface with real users.

Final Thoughts

There is often a breakdown in communication among teams. Following these tips will help you make sure each member is aware of the game plan. Make life easier for your developers and they’ll make life easier for you.

  • Where to Place Your Accordion Menu Icons
  • Site Flows vs. User Flows: When to Use Which
  • Tips for a Smooth Hand-off from Designer to Developer
  • How To Prepare Computer Graphics for Mobile Devices?
  • Why Do All Links Need a Hover Effect on Every Website?
  • Leave a Reply