웹 디자이너와 웹 개발자의 책임 사이에는 어떤 경계가 있습니까? [닫은]

여러 웹 사이트 재 설계를위한 기능 개발을 위해 고용되었습니다. 내가 일하는 회사는 기술 수준이 상대적으로 낮으며 웹 사이트의 이전 개발은 웹 개발과 관련하여 자체 교육을받는 그래픽 디자이너가 완료했습니다.

개발 환경을 만들고 외부 CMS 호스팅에서 스크립팅 언어를 통합 한 내부 서버로 호스팅을 마이그레이션하는 작업을 수행하면서 내 책임은 기본 개발 이상으로 확장되었습니다 (PHP / MySQL을 선택했습니다).

나는 그래픽 디자이너와 함께 일하고 있으며, 그는 웹의 창조적 인 디자인을 책임지고 있습니다. 우리는 각자의 업무 경계 사이의 혼란에 약간의 마찰을 겪고 있습니다.

예를 들어, 탐색에 대한 의견 차이가있었습니다. 나는 주로 사용 편의성 (대부분의 사용자 기반이 웹에 정통하지 않음)과 W3 WAI 표준 (많은 사용자가 나이가 많으며 평균 사용자 비율이 더 높음)에 관심이있었습니다. 시각 장애). 그의 유일한 관심사는 웹 사이트에 가장 잘 어울리는 것이었고, 그가 추진하는 방향으로 인해 일부 기능적 문제가 발생했다고 생각했습니다.

나는 색상 선택, 이미지, 글꼴 등이 그의 책임이라고 생각하며, CSS 페이지와 스타일 클래스 및 ID를 제공 할 것이라고 기대했지만 페이지 레이아웃의 일부 요소는 더 아래에있는 것처럼 보입니다. 나에게 "사용성"의 영역은 "기능성"과 거의 동의어로 해석됩니다.

프레임 워크, 스크립팅 언어, 데이터베이스 디자인 및 일부 오픈 소스 응용 프로그램 (예 : 무들, 아마도 Drupal 등)을 포함하여 우리가 사용할 도구를 선택하는 임무를 맡았습니다. 이러한 도구는 사용자 정의가 가능하지만 일부 인터페이스에서 직접 작업하는 것은 CSS, HTML 및 PHP에 익숙하지 않습니다. 이것은 외관에 대한 직접 제어의 양을 제한하여 도구 선택에 대한 일부 토론으로 이어집니다.

웹 디자이너와 웹 개발자의 역할 사이에 일반적으로 인정되는 구분선이 있습니까? 웹 기술에 대한 그의 경험이 비교적 적은 배경이 그 구분선에 영향을 줍니까?

분할 선 없음

나는 이것이 매우 일반적이며 그래픽 디자이너와 웹 디자이너 사이에 명확한 구분선이 없다는 것을 알았습니다. 그래픽 디자이너가 웹 기술에 대한 경험에 전적으로 의존하는 기술은 무엇입니까 (일반적으로 CSS 나 HTML은 포함되지 않음).

그래픽 디자이너와 작업하려면 커뮤니케이션과 타협이 필요합니다

과거에 그래픽 디자이너와 함께 일한 방식은 그래픽 디자이너의 기술에 따라 다릅니다. 일반적으로 이것은 그래픽 디자이너가 웹 사이트에 적합한 디자인을 얼마나 잘 만들 수 있는지와 특히 동일합니다.

동적 레이아웃

웹 사이트를위한 와이어 프레임 또는 디자인 초안을받을 때 가장 먼저해야 할 일은 디자인이 동적 레이아웃에 얼마나 적합한 지 확인합니다.

• 실제로 특정 부분에 많은 양의 텍스트가 없으면 사이트는 어떻게 보입니까?
• 머리글 텍스트를 감싸 야하는 경우 어떻게 보입니까? (광고 구역, 광고 인피니 엄)

위의 내용에 따라 그래픽 디자이너와 디자인에 대한 우려를 표명하고 롤오버 효과 (이 단추의 색상이 변경되어야합니까?)와 같은 항목에 대한 추가 정보를 요청할 수 있습니다. 이 메뉴 항목 안에 텍스트가 있으면 디자인이 중단됩니다.

디자인을 깨뜨릴 수있는 다이내믹 한 웹 사이트에서 발생하는 것을 볼 수있는 거의 모든 것은 디자이너와의 대화를 통해 디자인에 적용됩니다. 위의 내용을 고려한 그래픽 디자이너의 기술에 따라 실제로는 아무 것도 할 필요가 없습니다.

당신의 경우

귀하의 경우 그래픽 디자이너는 요구 사항 기능의 핵심 부분을 무시하므로 디자인 변경 요청에 완벽하게 맞습니다.

디자인에서 웹 사이트로 통합

그래픽 디자이너는 동적 웹 사이트를 만들 수 있도록 HTML이나 CSS를 알 필요가 없습니다. 그들에게 필요한 것은 이미지와 사이트의 모습에 대한 비전입니다. 이것을 이해하기가 매우 어렵고 고객의 유용성을 고려하십시오. 나머지는 개발자에게 달려 있습니다.

저는 개인적으로 업무용 PC에 Photoshop과 Fireworks를 모두 가지고 있으며 이미지 자르기와 캡처를 모두 수행하여 스프라이트 시트에있는 가장 적은 수의 이미지를 사용하여 가능한 최적의 CSS를 만듭니다.

이것은 대부분의 그래픽 디자이너가 익숙하지 않은 이미지 압축이므로 CSS 스프라이트를 최적화하는 것은 순전히 프로그래밍 작업이어야합니다.

넓은 의미에서 웹 사이트 개발의 기술적 부분과 예술적 부분의 차이는 다릅니다. 웹 개발자는 코드 작성 (php, Ruby, Pyhon) 및 테스트의 기술적 인 부분을 보유하고 있으며 웹 디자이너는 웹 사이트의 모양 (CSS, Photoshop) 및 사용자가 코드를 인식하는 방법을 설계 할 목적을 가지고 있습니다.

정상적인 소프트웨어 개발에서 디자이너는 소프트웨어 응용 프로그램의 기술적 인 고수준 디자인을 제공 할 목적이 있기 때문에 이것은 오해의 소지가 있습니다. 소프트웨어 디자이너의 일반적인 이름은 소프트웨어 아키텍트입니다.

소프트웨어 개발자와 소프트웨어 디자이너의 차이점을 어떻게 생각하십니까?

같은 개념이며, 웹 디자이너는 레이아웃, 미학 및 사용자 인터페이스에 중점을 두어야합니다. 스타일 시트와 HTML이 고려되는 한, 그는 자신의 역할에 비해 너무 낮은 수준이므로 그 어떤 것도 기여해서는 안됩니다. 당신은 서로 같은 발가락을 밟고 같은 역할을 수행하기 때문에 혼란스러워하는 상황에 처해 있습니다.

이것에 대해 두 가지 좋은 방법이 있습니다.

1) 그는 모형, 예제 스크린 샷, 사용 사례 다이어그램 및 사용자 흐름 다이어그램 작성에 중점을 두어야합니다. 웹 프레젠테이션 자체의 개발뿐만 아니라 중간 및 데이터베이스 계층의 디자인을 담당합니다. 이것은 더 큰 일이며 많은 역할을 수행하기 때문에 자신보다 더 많은 노력을 기울일 것입니다.

2) 데이터베이스와 중간 계층을 처리하고 웹 계층, HTML, JS, CSS에 중점을 두십시오.

그에게 잠정적 인 입장을 던지려고 시도하는 대신에 다른 접근법을 시도하십시오. 상황과 구성원마다 다른 의무와 책임이 필요합니다 .

그와 이야기하고 추리를 시도하십시오. 그는 분명히 테이블에 뭔가를 가져다 줄 수도 있고, 아마도 두 사람 사이에있을 수도 있습니다. 당신은 동의 하지 않을 것이지만 실제로 혼자 일하는 것보다 더 나은 디자인을 생각해 낼 것입니다.

친밀한 태도는 거의 도움이되지 않습니다.

디자이너와 개발자의 책임은 최고의 제품을 제공하는 것입니다. 따라서 특히 유용성과 기능성의 인터페이스에서 일부 중복이 발생합니다.

그런 다음에는 최선을 다하려고 노력하고 있음을 인식해야합니다. 영토의 통제에 대한 적대적인 관계가 아니라 협력 적 관계라는 것을 알고 나면 두 기술을 모두 유리하게 활용할 수 있습니다.

예를 들어, 접근성에 악영향을 미치는 특정 디자인 선택을 사용해야한다고 생각되면, 사이트를 제대로 사용할 수없고 대안을 제공 할 수 없다면 사이트가 쓸모 없다고 지적하십시오 . 건설적이지 않은 비판은 방해가되고 적대 관계를 강화할뿐입니다. 디자이너는 최악의 적이 아닌 프로젝트의 가장 친한 친구 여야합니다.

그래픽 디자이너 = 시각적 디자인 만

UX 디자이너 = 분석 및 와이어 프레임 디자인

웹 디자이너 = 프로토 타입 디자인 제작

UI 디자이너 = CSS, 자바 스크립트, 아약스 및 크로스 브라우저 호환성을 갖춘 HTML 디자인

프로그래머 = PHP를 사용한 프로그램. .net, JSP

개발자 = 정규 작업에서 위의 프로그래밍과 같은 새로운 위젯, 프레임 워크를 발명 한 사람

짧은 답변: 웹 개발자는 일반적으로 웹 응용 프로그램에서 실제 기능 개발 (서버 측 코드, 서비스, 데이터베이스 작업, CRUD 등)을 구현하지 않습니다.

다시 말해, 웹 디자이너가되는 데 아무런 문제가 없습니다. 문제는 자신이 아닌 사람이라고 말하는 사람들에게 있습니다. 나는 백엔드 (서버 측) 프로그래밍 언어를 모르고 자신의 경력에서 데이터베이스 수정을 다루지 않아도되는 웹 개발자라고 주장하는 사람들에 대해 이야기하고 있습니다. 이들은 실제 웹 개발자가 자신의 작업에 대해 기대할 수있는 비용을 낮추는 사람들입니다.

따라서 웹 개발자와 웹 디자이너가하는 작업의 특성에 상당한 차이가 있으며 이들을 혼합하는 것은 좋지 않습니다.

특정 사례와 관련하여, 내가 함께 일한 팀 (디자이너와 개발자 모두)에 따르면 한계를 뛰어 넘고 있습니다. 역할에 대한 설명은 다음과 같습니다.

기능 개발을 위해 고용되었습니다 ... 개발 환경을 만들고 스크립트 언어를 통합 한 외부 CMS 호스팅에서 내부 서버로 호스팅을 마이그레이션하는 작업을 수행하면서 기본 책임 이상의 업무를 수행했습니다 ... 그래픽 디자이너와 함께 웹의 독창적 인 디자인을 담당합니다. ...하지만 페이지 레이아웃의 일부 요소는 "사용성"이라는 영역에 더 많이 속하는 것 같습니다. "기능성"과 거의 동의어로 해석됩니다.

당신은 개발자이고, 그는 디자이너입니다. 프레임 워크를 선택하면 (그리고 HTML / 디자인을 적절히 조정해야하지만) 창의적 요소를 결정하고 사용성 문제의 통치자입니다. "사용성"이 내 책의 "기능"과 같지 않습니다.

웹 개발자는 실제로 웹 사이트, 웹 서비스 및 모두와 같은 웹 프로젝트를 개발하는 사람입니다.

웹 디자이너는 웹 개발자의 하위 부분입니다. 웹 디자이너는 사용자 인터페이스 인 프리젠 테이션 로직 작성에만 집중하는 개발자입니다.