一見、これは完全に明白なアイデアのように聞こえます。もちろん、デザイナーと開発者は一緒に作業する必要があります。 ただし、多くの場合、これらの人々は同じプロジェクトで互いに別々に作業します。 デザイナーは要素のデザインを作成し、カラーパレットとタイポグラフィを選択します。開発者はコードを記述し、公開する資料を準備します。 このアプローチは、デザイナーとWeb開発者との間の意見の相違につながる可能性があります。
デザイナーと開発者が最初から最後まで一緒にプロジェクトに取り組むと、結果として、美観、ユーザーインターフェイス、およびソフトウェアコードが優れた、よりまとまりのあるWebプロジェクトになります。 協力のプロセスでは、必要な作業と変更が少なくなり、その結果、プロジェクトをより短時間で完了することができます。
デザイナーおよび開発者
従来、WebデザイナーとWeb開発者は、職務が異なるさまざまな役職にあります。
通常、Webデザイナーは、Adobe PhotoshopやIllustratorなどのグラフィックデザインソフトウェアを使用して、要素やWebサイト全体の外観を作成します。 これは、Web開発者がHTML、JavaScript、jQuery、CSS、その他のプログラミング言語を使用してエンコードします。
多くの場合、デザイナーと開発者は異なるオフィスや国で働くこともできますが、完全なWebサイトを作成するには互いのスキルが必要です。 したがって、それらは連携して動作する必要があります。
コラボレーションの利点
第一に、デザイナーと開発者が協力する主な理由は、より完全なWebプロジェクトを作成することです。 経験に基づいて、プロジェクトはデザイナーと開発者が協力してチームとして行動する場合にのみ改善されると言えます。
コラボレーションには他にも多くの利点があります。
- 新鮮な表情ですべてを見て、気づかなかった欠陥や間違いを見つけることができる二人目。
- プロジェクトの実施に対するより創造的なアプローチ。
- よりまとまりのある完成した結果。すべての詳細が見栄えよく、フィット感があり、機能します。
- 設計/開発について内部から学ぶ機会。
- プロジェクトが最終的にどのように見えるべきかについてのより良い理解。
コラボレーションの短所
コラボレーションには欠点はないと言いたいのですが、それはあまりにも単純すぎるでしょう。 実際、マイナスはそれほど多くありませんが、次の2点に注意する価値があります。
- 全員を同時に1か所に集める必要があるため、特に従業員が通常互いに遠く離れて働いている場合、特定の費用が必要になる場合があります。 1つの部屋に集まる機会がない場合は、ニュースグループとオンライン交換用のツールを使用してください。
- 人によって意見の相違がある場合や、共通の言語が見つからない場合がありますが、これは克服できます。
あなたにできること
デザイナーまたは開発者と協力する必要があるすべての理由がわかったので、これをどのように実践できますか？ すべてはオープンなコミュニケーションから始まります。
WebデザイナーとWeb開発者は、プロジェクトの成功した実装をすべての先頭に置き、意思決定を行う際にこれを念頭に置いてください。 途中でいくつかの戦いに勝ち、いくつかは負けます。
コラボレーションを開始する最良の方法は、一緒にランチを食べたり、コーヒーブレークをしたり、散歩したりすることです。 最初のジョイントスケッチまたはワイヤフレームを作成する前に、お互いのスタイルを知ってください。 協力して基本的なルールを確立する計画について話します。
すべてのプロジェクト参加者は、全員がタスクをタイムリーに実行できるように、「チェックポイント」（プロジェクトカレンダーに追加する価値があるかもしれません）を共同で計画する必要があります。 より積極的に：建設的な批判を提供し、他者からのフィードバックを受け入れます。 プロジェクトの実装プロセスで新しいことを学ぶ準備をしてください。
デザイナーのための5つのヒント
- 開発者が必要な美学を理解できるように、設計理論を簡単な方法で説明します。
- インタラクティブな要素を検討してください-どのように見え、どのように機能するか。 インタラクティブ性のすべての段階で設計の準備ができていることを確認してください。
- デザインを完全に準備します。開発者からの編集を期待しないでください。 各ステージの要素を作成および準備します。
- このプロセスでお気軽にお問い合わせください。 たとえば、特定のフォントがWebサイトで機能するかどうかわからない場合は、お問い合わせください。
- 使用されるファイル形式で、Webでの使用に適した解像度とサイズのデザイン要素を提供します。
開発者向けの5つのヒント
- デザインについて学びます。 色とフォントの基本理論の知識、および特定の専門用語の知識は非常に重要です。
- あなたの能力について正直になってください。 デザイナーが実現できないことを計画している場合は、できるだけ早く報告してください。
- 質問に答え、設計プロセスを支援する準備をします。
- 最初からプロセスに参加してください。 UXで機能するデザインアイデアを支援します。
- 開発プロセスにおいて、設計の整合性（好ましくない要素も含む）を維持します。 開発のためにこれを行わずに設計を変更しようとすると、デザイナー側の誤解と不満にしか会えません。
デザイナーと開発者にとって最も重要で基本的なヒントは長い間策定されてきましたが、関連性はあります。 アジャイルソフトウェア開発マニフェストは、すべてのWebデザイナーとWeb開発者が従わなければならない4つの原則を特定します。
- 人と相互作用はプロセスとツールよりも重要です。
- 実用的な製品は包括的なドキュメントよりも重要です。
- 顧客との協力は、契約条件に関する合意よりも重要です。
- 変更の準備は、元の計画に従うよりも重要です。
役に立つかもしれないスキル。
デザイナーと開発者の間のギャップを埋め、連携してより良い仕事をするためには、両方のタイプのWebプロフェッショナルが他の言語を話す必要があります。 デザイナーと開発者は、可能な限り、スキルセットの拡張を開始する必要があります。
各デザイナーと開発者は、次の点に関する基本的な理解と知識を持っている必要があります。
- 色やフォントなどの設計の基本
- 最適な画像フォーマットとキャリブレーション
- HTMLとCSSの基本的な理解
- Webフォントを使用する
- 設計および開発動向
- ユーザーのニーズと欲求を理解する
- グリッド、フレーム、およびワイヤフレームモデリング
おわりに
質問は、実際には、デザイナーと開発者が一緒に仕事をするべき理由でさえありませんが、どうすれば彼らがより良く働き、お互いの責任を理解することができるかです。 最終的に、両方に同じ目標があります：すばらしいサイトを作成すること。
実際、現実には、開発はすべて設計であり、設計はすべて開発です。 一方が他方なしでは存在できず、Webデザインが複雑になるほど、これが真実になります。 だから、私たちに必要なのは、ウェブデザイナーと開発者がつながっていることを示す新しい説明や役職でしょう。
