WebデザイナーとWeb開発者の責任の境界は何ですか？[閉まっている]

私はいくつかのウェブサイトの再設計のために機能開発をするために雇われました。私が働いている会社の技術レベルは比較的低く、Webサイトの以前の開発は、Web開発に関する限り独学で学んだグラフィックデザイナーによって完了しました。

開発環境の作成と、外部CMSホスティングからスクリプト言語を組み込んだ内部サーバーへのホスティングの移行を担当しているため、私の責任は基本的な開発を超えています（PHP / MySQLを選択しました）。

私はグラフィックデザイナーと仕事をしており、彼はウェブの創造的なデザインを担当しています。それぞれのタスクの境界間の混乱をめぐって、少し摩擦が生じています。

たとえば、ナビゲーションに関して意見の相違がありました。私は主に使いやすさ（私たちのユーザーベースの大部分は特にWebに精通しているわけではありません）とW3 WAI基準（多くのユーザーが古く、平均以上の割合のユーザーがいることを懸念していました）視力障害）。彼の唯一の懸念は、ウェブサイトに最もよく似ているものであり、私は彼が押していた方向がいくつかの機能的な問題を引き起こしたと感じました。

色の選択、画像、フォントなどは明らかに彼の責任であり、CSSページとスタイルクラスと使用するIDを提供してくれるだけだと思っていましたが、ページレイアウトの一部の要素はもっと当てはまるようです「使いやすさ」の領域。私にとっては、「機能性」とほぼ同義語と解釈されます。

フレームワーク、スクリプト言語、データベース設計、およびいくつかのオープンソースアプリケーション（たとえば、Moodle、そしておそらく将来はDrupal）を含む、使用するツールを選択する必要がありました。これらのツールは非常にカスタマイズ可能ですが、いくつかのインターフェースを直接操作することは、CSS、HTML、およびPHPに精通していることを超えています。これにより、彼が外観をどの程度直接制御できるかが制限され、ツールの選択についての議論につながります。

WebデザイナーとWeb開発者の役割の間に一般的に受け入れられている境界線はありますか？Webテクノロジーの彼の比較的経験の浅いバックグラウンドは、その境界線に影響しますか？

分割線なし

これは非常に一般的であり、グラフィックデザイナーとWebデザイナーの間に明確な境界線が存在しないことがわかりました。グラフィックデザイナーがテーブルにもたらすスキルは、Webテクノロジーの経験に完全に依存しています（通常、これにはcssやhtmlは含まれません）。

グラフィックデザイナーと協力するには、コミュニケーションと妥協が必要です

過去にグラフィックデザイナーと仕事をした方法は、グラフィックデザイナーのスキルによって異なります。一般に、これは、グラフィックデザイナーがWebサイトに適したデザインをどれだけうまく作成できるかに特に相当します。

動的レイアウト

Webサイトのデザインのワイヤーフレームまたは最初のドラフトを受け取ったときに最初に行うことは、デザインが動的レイアウトに適応するのにどの程度適しているかを確認することです。

• 特定の部分に実際にそれほど多くのテキストがない場合、サイトはどのように表示されますか？
• 折り返す必要がある場合、ヘッダーテキストはどのように見えますか？（広告の吐き気、広告の無限）

上記で見つけたことに応じて、グラフィックデザイナーにデザインに関する懸念を表明し、ロールオーバーエフェクト（これらのボタンの色を変更する必要がありますか？）などの詳細情報を求めることがあります。このメニュー項目内のテキスト（これによりデザインが破損します）。

動的なWebサイトで見られるほとんどすべてのことが、デザイナーに表明したデザインを破壊し、デザインで対処する可能性があります。上記を考慮したグラフィックデザイナーのスキルによっては、実際にその必要はないかもしれません。

あなたの場合

あなたの場合、グラフィックデザイナーはあなたの要件の機能の重要な部分を無視しているので、あなたはデザインの変更を要求することで完全に正しいです。

デザインからウェブサイトにそれをまとめる

グラフィックデザイナーは、動的なWebサイトを作成するためにHTMLやCSSを知っている必要はありません。それらから必要なのは、画像と、サイトがどのように見えるかのビジョンです。これを正しく理解するのは非常に難しく、顧客の使いやすさを考慮に入れてください。残りは開発者次第です。

私は個人的に仕事用PCにPhotoshopとFireworksの両方を持っています。スプライトシートの最小数の画像を使用して、可能な限り最適なCSSを作成するために画像の切り取りとキャプチャの両方を実行します。

これはほとんどのグラフィックデザイナーが馴染みのあるものではないため、画像圧縮、CSSスプライトの最適化は純粋にプログラミングタスクです。

広義の違いは、Webサイト開発の技術的部分と芸術的部分の違いです。Web開発者にはコード（php、Ruby、Pyhon）の作成とテストの技術的部分があり、WebデザイナーにはWebサイトの外観（CSS、Photoshop）およびユーザーの認識方法を設計する目的があります。

通常のソフトウェア開発では、設計者がソフトウェアアプリケーションの技術的な高レベルの設計を提供する目的を持っているため、これは何らかの形で誤解を招く可能性があります。ソフトウェア設計者のより一般的な名前はソフトウェアアーキテクトです。

ソフトウェアの開発者とソフトウェアの設計者の違いをどう思いますか？

これは同じ概念であり、Webデザイナーはレイアウト、美学、ユーザーインターフェイスに重点を置いてより高いレベルで操作する必要があります。スタイルシートとHTMLが考慮される限り、彼の役割にはレベルが低すぎるため、とにかく貢献するべきではありません。両方の同じ役割を実行しようとしているため、お互いの足の指を踏んで混乱する状況に陥っています。

これには2つの良い方法があります。

1）モックアップの作成、スクリーンショットの例、そしてユースケース図とユーザーフロー図の作成に集中する必要があります。中間層とデータベース層の設計、およびWebプレゼンテーション自体の開発を担当します。これは大きなタスクであり、多くの役割を実行しているため、彼よりもあなたの側でより多くの努力が必要になります。

2）データベースと中間層を処理し、Web層、HTML、JS、CSSに集中してもらいます。

彼のことわざの位置の本を投げるしようとする代わりに、別のアプローチを取るようにしてください。 異なる状況とメンバーは、異なる義務と責任を必要とします。

彼と話をして、推論しようとします。彼は明らかにテーブルに何かをもたらし、おそらくあなたとあなたの両方の間で、あなたはただ同意しないでしょうが、実際にはあなたが一人で働いているかのように優れたデザインを思いつきます。

思いやりがあることは、ほとんど有益ではありません。

設計者と開発者の両方の責任は、可能な限り最高の製品を提供することです。このように、特にユーザビリティと機能のインターフェースで、特に説明しているように、明らかに重複する部分があります。

その秘trickは、あなたが両方とも最善を尽くそうとしていることを認識することです。領土の支配をめぐる敵対的な関係ではなく、協力的な関係であることを認識したら、両方のスキルを有利に活用できます。

たとえば、アクセシビリティに悪影響を与える特定のデザインの選択肢を使用する必要があると感じた場合、適切に使用できず、代替手段を提供できないサイトは役に立たないと指摘します。建設的でない批判は、邪魔をして敵対関係を強化するだけです。あなたのデザイナーは、最悪の敵ではなく、プロジェクトの親友であるべきです。

グラフィックデザイナー=ビジュアルデザインのみ

UXデザイナー=分析とワイヤフレーム設計

Webデザイナー=プロトタイプデザインの作成

UIデザイナー= CSS、javascript、ajax、クロスブラウザーの互換性を備えたHTMLデザイン

プログラマー= phpを使用するプログラム。.net、jsp

開発者=新しいウィジェット、通常のプログラミングで上記のようなフレームワークを発明した人

短い回答： Web開発者は通常、Webアプリケーションに実際の機能開発（サーバー側コード、サービス、データベース操作、CRUDなど）を実装しません。

言い換えれば、ウェブデザイナーであることは何も悪いことではありません。問題は、彼らがそうではないという人々にあります。私は、バックエンド（サーバー側）プログラミング言語をまったく知らず、キャリアの中でデータベースを変更する必要がなかったWeb開発者であると主張する人々について話している。これらは、実際のWeb開発者が仕事に期待できる賃金を下げる人たちです。

したがって、Web開発者とWebデザイナーが行う作業の性質には大きな違いがあり、それらを混ぜることは良くありません。

特定のケースに関しては、私が（デザイナーと開発者の両方として）作業したチームによると、限界を超えています。ロールの説明は次のとおりです。

私は、機能開発を行うために雇われました...私は、開発環境の作成、および外部CMSホスティングからスクリプト言語を組み込んだ内部サーバーへのホスティングの移行を任務としてきたため、基本的な開発を超えて責任を果たしました...グラフィックデザイナーと共に、彼はウェブの創造的なデザインを担当しています。 ...しかし、ページレイアウトの一部の要素は、「ユーザビリティ」の領域にさらに収まるように思われます。これは、「機能性」とほぼ同義であると解釈されます。

あなたは開発者であり、彼はデザイナーです。フレームワークを選ぶことができます（それに応じてHTML /デザインを調整する必要があります）が、HEはクリエイティブな要素を決定し、ユーザビリティの問題のルーラーです。私の本では、「使いやすさ」は「機能」と同じではありません。

Web開発者は、Webサイト、WebサービスなどのWebプロジェクトを実際に開発する人です。

Webデザイナーは、Web開発者のサブパートです。Webデザイナーは、ユーザーインターフェイスであるプレゼンテーションロジックの作成のみに専念する開発者です。