デザイナーと開発者の間のコラボレーションのための最良のヒント

公開: 2019-05-30

デザイナーと開発者は、天国で行われる試合になることができます。 効果的に協力するとき、彼らは文字通り世界を変えることができます。

では、なぜほとんどのプロジェクトが設計で始まり、開発で終わるのでしょうか。 このプロセスは大規模な切断を引き起こし、設計者は貴重な設計を引き渡し、開発者がそれらを意図したとおりに解釈するかどうかを心配して待ちます。

このようにすべきではありません。 設計者と開発者は同じチームに属しています。 彼らは単に異なる役割、スキルセット、そして強みを持っています。

「ウェブサイトを成功させるには、競争力ではなく、協力して作業する必要があります。

コラボレーションの重要性

プロジェクトを基本的なアイデアから優れた製品に変えるには、設計者と開発者が同期して作業し、緊密なコラボレーションと明確なコミュニケーションを行う必要があります。

結局のところ、私たちは皆一緒にいます。 したがって、推測し、仮定し、議論し、指差しし、目を転がし合うことは摩擦をもたらすだけであり、最終的には標準以下の製品に波及します。

物事が期待どおりに進まない場合、もう一方の「側面」を非難するのは簡単ですが、デザイナーと開発者はそれぞれ独自の才能と物事の異なる見方を持っていることを覚えておくことが重要です。 したがって、一方に明らかなのは、もう一方には異質な概念である可能性があります。

コラボレーションは習得したスキルであり、Webチームがその可能性を発揮したい場合は習得する必要があります。

デザイナーと開発者のコ​​ラボレーションを改善するための私の最善のヒントは次のとおりです。

  1. 最初から一緒に働く
  2. コラボレーションの標準を開発する
  3. オープンで敬意のある会話を受け入れる
  4. プロトタイプを作成する

1.最初から協力する

従来のWebデザインプロセスでは、デザイナーはプロジェクトの初期段階(プロトタイプの調査、分析、作成)を担当し、デザインがデスクに渡されて指示が与えられるまで、開発者を暗闇に置きます。

このプロセスには問題がたくさんあります。 設計者は、実装が困難、時間のかかる、またはまったく不可能であることに気付いただけで、壮大な設計を夢見ていたかもしれません。 その間、開発者はプロジェクトの背後にある理由を完全に理解していないため、プロジェクトから切り離されていると感じるでしょう。

開発者が最初から設計の密談に招待された場合、開発者は製品が解決しようとしている問題を理解し、ユーザーのニーズを理解することができます。 また、設計を検証し、今後問題を引き起こす可能性のある技術的な考慮事項を明らかにすることもできます。

言い換えれば、設計者と開発者が最初からプロジェクトに協力する場合、設計が不十分または実行不可能になる可能性が低くなり、エンドユーザーが満足する可能性が高くなり、創造的なソリューションの余地が十分にあります。


2.標準を開発する

設計者と開発者が仕事に適した知識と正しいツールを持っている場合、彼らは物事を迅速に成し遂げることができます。 しかし、多くの場合、ロジスティクスの議論に時間が浪費されます。

Flywheelのフロントエンド開発者であるJoshと私たちのデザインインターンであるReseが並んでいます!

たとえば、設計上の考慮事項と技術的な制約をまとめる能力を持つWordPressプラグインを決定すると、かなりの議論が生じる可能性があります。 ただし、何かに同意したら、ロジスティクス上の理由で不適切でない限り、そのプラグインを他の同様のプロジェクトの標準として採用することは完全に理にかなっています。

命名規則、サイズ、グリッド、マージンなどについても同じことが言えます。システムとプロセスを標準化することで、誰もがそれらに何が期待されているかを知ることができ、小さなものに夢中になることはありません。すべての人に役立つ製品の作成に集中するためのより多くの時間。


3.オープンで敬意のあるコミュニケーション

プロジェクトを成功させるには、頻繁でオープンなコミュニケーションが不可欠です。 そして、私は一日中大量の電子メールを打ち負かすことについて話しているのではありません。

電子メールは、いくつかの点で優れています。たとえば、ディスカッションの要約を書面で提供します。 しかし、問題が発生する可能性もあります。 電子メールをざっと読み、その内容の全体的な印象を得るのは簡単です。特に、プロジェクトが横ばいで、受信トレイが過負荷になっている場合はなおさらです。 しかし、誰かの口調や書き方のおかげで、重要なことを見逃したり、間違った印象を与えたりすることも同様に簡単です。 これは、デザイナーと開発者に特に当てはまります。彼らは、さまざまな期待、相反する視点、さまざまな言語を話すことから状況に到達することがよくあるからです。

電子メールはしばしばコミュニケーションの幻想を生み出しますが、これは単なる蜃気楼です。 プロジェクトチームのすべてのメンバーは、翻訳で何も失われないように、直接、電話、またはビデオ会議を介して定期的に連絡を取る必要があります。 敬意と共感を持ってコミュニケーションを取り、積極的にフィードバックを求め、アイデアを互いに跳ね返らせます。 これにより、信頼の環境と創造性のためのプラットフォームが作成されます。


4.プロトタイプを作成します

古い格言が行くように、示すことは言うよりも優れています。 しかし、経験することはそれらの両方に勝ります。

プロジェクトのできるだけ早い段階でプロトタイピングを開始します。 まず、クライアントがあなたのアイデアをよりよく理解するのに役立ち、ユーザーテストを開始できることを意味します。 しかし、さらに重要なことは、誤解を排除し、製品がどのように機能するかを開発者に正確に示すことです。 開発者はインタラクションの言語を話すため、製品の構築方法を簡単に計画できます。 また、初期段階からデザイナーと開発者のコ​​ラボレーションを強化し、誰もが取り組んでいる単一の目標を強調しています。

「最初から緊密に協力し、オープンにコミュニケーションをとるデザイナーや開発者は、優れたWebサイトを開発する可能性がはるかに高くなります。 」

読み続ける:設計プロセスに開発者を含める必要がある理由

インターネットは、デザイナーがコーディングを学ぶ必要がある理由、または少なくともWeb開発の基本を知っている必要がある理由についての議論で賑わっています。 デザイナーがWeb開発について1つか2つ知っていれば、デザインを完成させてテンプレートにコーディングしたときに、デザインがどのように見えるかをよりよく理解できます。 結局のところ、レスポンシブデザインを完全に機能させるには、フッターの奇妙なウィジェット領域に追加のパディングが必要なのかもしれません。

これが、開発者を設計プロセスに含める必要がある理由の1つにすぎません。 コラボレーションのヒントについては、この無料ガイドをダウンロードしてください。

デザイナーと開発者の間のより良いコラボレーションを確実にするために、どのようなヒントが必要ですか? 私たちのリストに何か追加できますか? 以下の会話に参加してください。


この記事はもともと2017年11月28日に公開されました。 最終更新日は2019年5月30日です。