Collaborating Effectively with Developers
0 likes789 views
This document discusses effective collaboration between web designers and developers. It acknowledges that designers and developers often have frustrations when a product does not match designs or functionality is changed, but emphasizes that they are not enemies. It recommends developing empathy for each other's roles, communicating well through tools like Google Docs and video chats, and using processes like Agile and user stories to facilitate parallel design and development work.
Collaborating Effectively with Developers
- 1. COLLABORATING EFFECTIVELY WITH DEVELOPERS image: http://www.cre8ivecommando.com/web-designers-vs-web-developers-6831/
- 2. A BIT ABOUT ME • Web Designer • Front-end Developer • UX Designer @ Dominion Enterprises • Work with a RemoteTeam
- 3. THEY ARE NOTTHE ENEMY
- 4. WHAT’STHE PROBLEM? • Product that doesn’t match up with our designs. • Workflows are wrong. • Added/deleted functionality. • Lots of frustration.
- 11. UNICORNS? PFFFTTT • Develop empathy for your developers. • Understand the basics of code (html/css). • If you’re feeling gutsy even javascript - variables & functions.
- 12. PROCESS FOR COLLABORATION AND PARALLEL DEV/DESIGN • Agile / SCRUM • Epics • Stories • Tasks (design, dev, qa) • Daily Stand Ups
- 13. MY FAVOURITETOOLS • Google Docs • Wireframes - Axure • JIRA /TFS • Video Chats • Google Hangout • Slack • Screen Share • Email? Meh • Phone? Meh
- 14. GETTING BUY IN FOR NATIVE APPS (IOS,ANDROID,WINDOWS 8) • Understand the UX Guidelines. • Understand the available UI components. • Research difficulty level of certain asks. • Ask lots of questions. • Iterate & compromise.
- 15. EXAMPLE: IOS • iOS Human Interface Guidelines • Research solutions for dev problems. • Example: iOS change navbar color • Give examples of working apps that have the same functionality. • Create Interactive Prototypes
- 16. INTERACTIVE PROTOTYPETOOLS • Axure • Flinto • Invision • Keynotopia • Pop Prototype • PaintCode
- 17. TESTING BUILDS • Test Flight • XCode
- 18. EXAMPLE STYLE GUIDE PARTS