Let us take a look on the definition of collaboration. I would like to share with you how Wikipedia defines collaboration.

A recursive process where two or more people or organizations work together to realize shared goals, (this is more than the intersection of common goals seen in co-operative ventures, but a deep, collective, determination to reach an identical objective) — for example, an intellectual endeavor that is creative in nature—by sharing knowledge, learning and building consensus.

I find this definition very appropriate on how I want you to understand collaboration. As what this definition says,

Collaboration is a recursive process…

It is a process by which you need to start from one step, finish the previous step and proceed to the other and so on to reach one goal.

Difference of Communication and Collaboration

Many people find these two words similar, but I tell you they are totally different. The only similarity they have is they both involve two people connecting with each other.

Communication is when you just deliver information from one entity to another. It just transmits in a one-way direction.

While collaboration digs deeper, it delivers information and throughout the process of delivering there is sharing or changing of thoughts and information.

Why Do Designers and Developers Should Collaborate?

I created here a chart that will help you understand on how important collaboration is.

Let us stick on the chart and answer the question on why do we need to collaborate at work with each points below.

To share own ideas

The first step is sharing of own ideas. It is important when two people express what they think of something, this applies especially to developers and designers. In this way, they can say what they think about the project they are doing.

Sharing of ideas improve analytical thinking, creativity and uniqueness.

Analytical Thinking. Of course you would like your project reach success, so all the thoughts you give must be properly thought of and will be for the good of the project.

Creativity and Uniqueness. We always want a project to be one-of-a-kind and creative. When you share ideas with this kind of goal you will always think of creative and unique ideas that can be appropriate to the project you are doing.

Image by: Idea Maps

To come up with one concept

After sharing ideas, you can already come up with one concept. Not just a concept, but a clear and well-defined one.

What could be the benefits of having a clear and well-defined concept?

• It will make your work very fast.
• It will lessen critical moments.
• It will avoid rushing onto deadlines.
• It will lessen the expenses.

To avoid miscommunication

Wikipedia defines miscommunication as:

An interaction between two parties in which information was not communicated as desired.

A miscommunication happens when an information or message from one entity is not delivered, or delivered but not the way you wanted it to be.

When I was searching for an appropriate image about miscommunication, I have found this image that is an example of miscommunication between the CEO and employees. Please take time to read and do not skip any on what it is written on the image.

Image by: sieersht

This is one good example of miscommunication. From the CEO down to the staff, the correct message was not properly conveyed.

Miscommunication should always be avoided for this can make or break the success of a goal or a project. To avoid this one, always talk to your co-worker and share what you think. Collaborate.

In the process of doing these things, a relationship is built between the designer and the developer.

How To Collaborate

1. Think of Ideas.

When we work, we should always think of ideas. Ideas are very much important to think of. For instance with designers and developers, there are times when a designer thinks of something but seems impossible for the developer to do it. Think of not only one idea, but several yet relevant ideas.

Image by: thewoodenshoes

2. Speak Up

Speak your mind. Tell what you think of your project or of one idea. Speaking improves how we think and talk to other people.

Image by: yo_steedgirl

Be friendly when you speak up. Avoid being aggressive or boastful, this can make your co-worker feel uncomfortable towards you.

3. Listen

Collaboration is a two-way transmission. There will be times when you will have to speak, and there will be times when you will need to sit down and listen to what your co-worker has to say.

When you listen, listen attentively. This will make them listen to you well like how you listened to their insights.

Image by: “Anwaar

While listening, take notes. Remember when you are still at school? When your professor talks, you take notes. This also apply at work. Notes are very useful when you want to remember something important that will bring a good effect to your work. Make sure the notes you take are the important ones.

Image by: Colin Devroe

4. Cooperate

Collaboration will not happen if there is no cooperation between two entities. Cooperate if you think you have an idea in mind that can help your project reach success.

See how the people in this image cooperate to carry those steels? That’s how you should cooperate.

Image by: 17may

5. Know your Goals and Priorities

Goals define your priorities. You should know your goals and priorities so that you will know where you can focus yourself.

6. Be Responsible

Always be responsible, do not ever waste your resources with irrelevant things on your work. Maximize your resources by being responsible so you will reach success and be acknowledged for it.

Image by: Liz Lawley

7. Do Your Best

Always do your best in everything you do, to reach S-U-C-C-E-S-S.

Image by: Ali Eltom

Interview

I interviewed six people who already worked with a designer or a developer. This will reflect how these professionals value collaboration on their work.

1. In the 100% of time working with a designer/developer, how much is the amount of percentage you spent talking with each other?

• 3 said 40%
• 2 said 30%
• 1 said 10%

With these answers, I can say that many still value talking and sharing ideas with co-workers which builds collaboration between entities.

2. Do you talk with your designer/developer even off at work?

Four people said they still talk with their co-worker even off at work. There are times when their topic is still about work, and oftentimes it’s about any topic.

One said she just talk to her co-workers if they are at work.

One said it depends on the personality of his co-worker. If he thinks their personalities won’t jive, then they only talk when at work.

Now, you may ask on why did I include this question. For me, talking to your co-workers and sharing your insights is one way of building a relationship with them. In this way, you can be comfortable working with them, and they can also be comfortable with you.

3. Rate from 1 to 10 (1-lowest, 10-highest) on how important collaboration is between a designer and a developer? Explain your rating.

Out of the six, three gave a rate of 10, two gave 9 and one gave a rate of 8.

Designer Jeizelle Anne said:

“The success of the project depends on how the designer and developer worked together, and when we are working collaboration is really needed.”

Developer Eric John said:

“I gave 10 for collaboration is one key to have a good output when working with others, especially between designers and developers. I find it also good to work when I see that the team or partners collaborate well together.”

Developer Rassel Jan said:

“Collaboration is really important especially when you are in those critical moments of the project. In my part as a developer, I should know on what are the weaknesses of the designer or what he likes to happen on a certain project and I can do that when there’s a collaboration between us.”

Developer Luigi said:

“No good project will be created if the two will not work and collaborate well. But there are persons that can do designing and developing at the same time, though rarely that happens.”

Developer Joren said:

“It is important that the two should come up with just one goal or expected output.”

Designer Benjamin Arthur said:

“If there is collaboration, the work will be easier for the two. Then, there will be a good output. If they came up with one concept, then all of their ideas will be focused there.”

4. Who do you think has the easiest work? Is it the designer or the developer?

Five out of the six said it depends on the forté of the person. If the person excels on designing, he will think that the work of a designer is easier than the work of a developer and vice versa. One person said that it’s the designer who has an easier task, since designing is the only work he/she does.

And I agree with the majority that it really depends on where you excel. If you think your passion is coding, then you will think a developer has the easier work and vice versa.

5. What is your best and worst experience between your designer/developer?

Jeizelle Anne said:

“The best experience I had is when they acknowledge the works I do. And the worst experience I had is we do not understand each other well due to language differences.”

Eric John said:

“The best experience I had is when the project was a success or the expected output was reached. While the worst is when we came to the point that we already fight. ”

Rassel said:

“The best experience is when my designer have done everything I explained. And the worst is when we already wasted an hour without getting over a small issue.”

Joren said:

“The worst experience I had is when we are experiencing misunderstandings, then what will happen is everything will be done repeatedly.”

Benjamin Arthur said:

“The best experience I had is when he acknowledge my works and tell my shortcomings in a nice way. While the worst is when he tell things that he himself doesn’t know how to do.”

To avoid negative situations, collaborate.

Share your Thoughts

How about you? How important is collaboration for you? You may also share to us your best and worst experiences with your co-worker. Comment now!

Web developers of new technologies that enrich the user is forced to vote the post with some examples of the functionality of Ajax, his voice can be recorded without reloading the page. Web designers can use a tool for further development, if we already know about JavaScript, HTML, CSS and XML, you have to spend a few coins to start learning AJAX.

1. Ajax Username Availability Checker Using MooTools 1.2

There are many examples of blatant use Ajax there, but over time, although you will find a great use of Ajax. A great use of the identifier is the availability checker. Why should the user submit the form if you can use Ajax to let them know when they will be available immediately; Heres how you can apply a correct user name comes with MooTools 1.2.

2. Ajax and XML: Ajax for tables

You will see many techniques with both Ajax and there is no evidence that the change to free access to the design of the user experience. Start with the simplest example of the Ajax user experience, the tabs down box.

3. Introducing the ASP.NET Ajax Frameworks

Ajax is a popular technique used in many ways the World Wide Web. It has become the technology of choice for creating user interfaces fast and responsive. This article gives a brief overview of the characteristics of some of the most common framework for ASP.NET AJAX.

4. How To: AJAXify WordPress Comment Posting

I’ll show you how to comments with AJAX client side JavaScript Form Validation, comments on your WordPress blog step by step, that the project should allow more versions of WordPress

5. Ajax and XML: Ajax for chat

The developers talk a lot about the community will come when the term Web 2.0. And if you think it is or is not hype, the idea of involving customers or your readers in a conversation about current issues at hand or the products they sell are quite convincing. But how we get there? Is a chat window on the same page with a list of your products so that your customers can install any software or even the Adobe Flash Player; Sure! It showed you can make with all free, off-the-standard tools such as PHP, MySQL, DHTML (Dynamic HTML), Ajax, Prototype.js and added.

6. How To Create An Amazing jQuery Style Switcher

This tutorial will show you how to create a style switcher using jQuery and PHP. The end result is a discrete switcher and degradable dynamic style applied quickly and easily.

7. Introduction to the Raphael JS Library

It will introduce some key design features, a look at the animation, DOM and eventually allow access by creating a cool widget for your site

8. Creating a Dynamic Poll with jQuery and PHP

When you combine a specific functionality courtesy of PHP with the cleverness of jQuery you can get some pretty cool results. In this tutorial, we’ll make a poll using PHP and XHTML, then use some jQuery Ajax effects to eliminate the need to refresh the page and give it a good piece of animation.

9. RSS Ajax JavaScript ticker

This tutorial will show you how to combine RSS, Ajax, JavaScript to create a live ticker RSS. Thank you for Ajax, the conventional roles of server side programming and client-side with the application as such as JavaScript, and not vice versa PHP is used to treat a large part of the project, including analysis of the RSS file

10. Create a Dynamic Scrolling Content Box Using AJAX

If you use Google Reader, so we could show the way data feed from Google Reader, its initial load when you click one and you scroll down the list until you have seen the light of other evidence, we More information dynamically and added to the list

11. Create a shoutbox using PHP and AJAX (with jQuery)

We learn how to build a momentum-based AJAX shoutbox with jQuery from scratch. It is very interesting to learn how to use the jQuery AJAX function and how it can be used to insert and retrieve data from a MySQL database with PHP asynchronous.

12. Building your first Ajax application with PHP

In this series of articles will focus on the development of the site, focusing primarily on the server using the language PHP, but I do not exclude the possibility that a crack in the Python and Ruby, ASP.NET / C # mono or as something else. This series is also available in JavaScript on the client side, and we will use XHTML labeling for all.

13. How To Build Quick and Simple AJAX Forms with JSON Responses

In this lesson we go through the steps to create a form of AJAX, which will return a response JSON is used to display the success / error messages. We use and JQuery Jquery form a plug to make this process quick and painless.

14. Vista-like Ajax Calendar version 2

Vista-like Ajax Calendar (vlaCalendar) version 2, unobtrusive web version of the working day and low taskbar Windows Vista, the Framework MooTools JavaScript, Ajax, XHTML, CSS and PHP.

15. Create an In-Place Editing System

In this lesson, learn how to create one found editing system in place, as in popular sites like Flickr.

16. How to Code a Fun To-Do List With PHP and AJAX

In this tutorial we will work with various technologies. In short, we create a list of tasks in asynchronous mode, allowing you or your users to create, update and delete. To fulfill our mission, we will work with PHP and JQuery functions AJAX. I think you can not find it as difficult as it may seem at first think. I’ll show you exactly how!

17. AJAX Multiple File Upload Form Using jQuery

Ability to upload multiple files simultaneously, which are necessary for Web applications, but the administration will increase with the number of input fields file is somewhat tedious and long. But thanks to JQuery, which we can simplify this task. Today I was Ajaxified multiple files upload form that uses less code on the server side, creating, and offers a very nice interface.

18. 8 Ajax Data Controls and Effects to Work with Tables

I was wandering around the various projects associated with HTML tables and data management. To achieve the proper table of the user for their web projects.

19. Ajax Forms with jQuery

There are so many different JavaScript frameworks out there, but in recent years with JQuery, and I like it. Not only the library significantly less than others, but it’s so easy to use. I wanted to show how easy it is on a regular basis in the form of “Ajax is a set.

20. Making an Ajax PHP Watermarker Script

In this article  will show how to make scripts PHP AJAX Watermarker. So all must do what the user can select a file in folder, type your watermark in the watermark and text at once with Ajax.

21. Use jQuery and ASP.NET AJAX to build a client side Repeater

You can only send data to the client, a deep reduction in what you send and see significant performance gains. It is also possible to easily add features such as low birth weight sorting and paging on the client. This can not only improve the user experience, but reduce server load and bandwidth requirements.

22. Ajax for Java developers: Build dynamic Java applications

Refresh the page to cycle represents one of the biggest usability obstacles in Web application development and is a major challenge for developers of Java ™. In this series, author Philip McCarthy is an innovative approach to creating dynamic Web application experiences. AJAX (Asynchronous JavaScript and XML) technology is a programming language that allows you to integrate technology Java, XML, Java and JavaScript for Web applications that break the paradigm of reloading the page.

23.Using the Prototype JavaScript library and script.aculo.us

If you are developing Web applications these days, you are on the development of Ajax. Ajax is not something unusual, that you put in their application in specific cases. It has become an integral part of web development. For some proposals with Ajax is a sensitive issue. Cross-browser limitations to deal with writing a lot of complicated JavaScript, and learning about magic numeric codes in JavaScript, which were just some of the problems facing developers of Ajax. Fortunately, there are several open source JavaScript libraries now to make things much easier. In this first article of a three-part series, creating Ajax applications for managing songs using the Prototype JavaScript library and script.aculo.us.

24.Ajax security tools

Some vulnerabilities in Ajax applications so that hackers can cause damage to your applications odor. Identity theft, unauthorized access to confidential information are the browser crashes, a reduction in Web applications, and denial of service attacks are just some of the possible disasters Ajax applications can be vulnerable to the development and protection when creating Ajax capabilities into their applications. Regular DeveloperWorks author Judith Myerson suggests some wider use of tools, including Firefox and accessories, which are used to improve and fix security problems in applications, AJAX.

25. PHP components: Autosuggest

For all beginners Ajax (the easiest to implement only 8Kb) and all you need to do is change some settings. Check this post for more information.

26. Creating An Amazing jQuery Style Switcher with Ajax Techniques

This tutorial shows how to create a style Selector with JQuery and PHP. The end result is a discrete and fully biodegradable Switcher dynamic style that implement quickly and easily.

27. Easy Ajax with jQuery

Ajax is changing web applications, giving them an answer that goes beyond the desktop is not known. But behind all the hype was not a lot is not Ajax – (X) HTML, JavaScript and XML, new, and in this tutorial, I show how the process of adding Ajax to your application further with the simplification of JQuery, a popular library of JavaScript.

28. AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL

I thought I’d write this tutorial because most of the applications I have seen a complete car, just dump the code in the Zip file and tell you how to use it instead of how and why this works, you know that it can adapt to much more (it was with other applications, which I wrote) found!

29. Auto-populating Select Boxes using jQuery & AJAX

If you are familiar with using the box to select the categories and subcategories, such as eBay is not selling any item, usually a large amount of JavaScript can help you choose the fields that are required, but JQuery can greatly simplify this task by the touch of AJAX.

30. Using Ajax to Validate Forms

Form of a general Internet, so we believe them without a mistake is much more about it. However, if your site has some nice touches added that this process easier, seeks to accelerate the process and avoid disappointment in the achievement of our users’ preferences (for example, try to get the name using Hotmail!).