웹 사이트 재 설계에 접근하는 방법
게시 됨: 2020-12-173 ~ 5 년 정도마다 특정 웹 사이트에 대한 재 설계가 일어나는 것은 드문 일이 아닙니다. 우리는 몇 가지 다른 방식으로 재 설계를 볼 수 있지만, 간단히 말하자면 변경할 수있는 "새로운 모습"입니다.
- 시각 자료 만 – 콘텐츠, 페이지 및 기타 모든 것은 동일하게 유지되지만 사이트는 이제 더 현대적으로 보입니다.
- 콘텐츠 및 비주얼 – 랜딩 페이지, 기사 순서 변경, 새로운 유형의 데이터 등과 같은 첫 번째 + 콘텐츠 변경
첫 번째는 준비해야 할 콘텐츠가 많지 않아야하므로 디자이너가 바로 넘어가는 것이 훨씬 간단합니다. 당연히 결정되면 웹 사이트 재 설계의 첫 번째 단계로 이동합니다.
새 콘텐츠를 만들거나 이전 콘텐츠를 사용
디자이너는 자신이 작업 할 콘텐츠를 알아야합니다. 예를 들어-홈페이지의 제목은 무엇이며, 그 뒤에 부제목, 단락, 목록, 동영상, 이미지가있을 수 있습니까? 이 모든 것은 디자이너가 실제로 무엇이든 보여주기 위해 필요한 정보입니다.
그리고 이것이 첫 번째 결정입니다. 기존 사이트의 내용이 그대로 유지되거나 새로 작성 될 것입니다. 동일하게 유지된다면 고객 (또는 해당 문제에 대한 마케팅 팀)이 결정해야하는 모든 것이 전체 방향이 될 것입니다.
콘텐츠가 재 작업되는 경우 디자이너는 새 텍스트가 준비되고 마무리 될 때까지 기다려야합니다. 이를 표현하는 한 가지 방법은 디자이너가 주문하는 텍스트가있는 상자 만있는 와이어 프레임을 사용하거나 섹션 당 콘텐츠가있는 간단한 PDF 일 것입니다.
물론 전체 웹 사이트가 준비되면 편집 및 마케팅 팀은 자유롭게 콘텐츠를 작업하고 편집 할 수 있습니다. 1 일차부터 콘텐츠를 복사하면 디자이너가 콘텐츠에 수반되는 시각적 요소에 대해 올바른 결정을 내릴 수 있습니다. 길이, 제목, 목록, 기능, 미디어 등이 될 수 있습니다.
비주얼 스타일 결정
다음은 "어떻게 보일까요?"입니다. 이것은 디자이너가 대답 할 질문처럼 보이지만 실제로는 그렇지 않습니다. 사실 이것은 디자이너가 클라이언트에게 자주 묻는 질문입니다.
시각적 방향은 회사의 리 브랜딩에 의해 결정될 수 있습니다. 웹 사이트를 현대화하고 특정 인구 통계에 적합하거나 사이트 전체의 새롭고 업데이트 된 모습 일 수 있습니다. 때때로 웹 사이트 재 구축, 디자이너의 컨셉은 모두 회사의 리 브랜딩이 될 수 있습니다. 그리고 우리는 여기에서 대기업에 대해 항상 이야기하는 것이 아닙니다. 소규모 브랜드는 새로운 웹 사이트에서 웹 디자이너의 작업으로 인해 포장, 사회적 존재 등을 재 작업하도록 영감을받을 수 있습니다.
이는 디자이너가 종종 자신의 제품을 "개념"이라고 부르는 단계이기도합니다. 올바른 언어, 모양 및 / 또는 느낌을 찾는 것이 전부라고 말하는 또 다른 방법입니다. 이러한 단계에서 디자인은 일반적으로 홈페이지 또는 사이트 / 앱의 기본보기를 중심으로 회전합니다.
커밋 / 범위에 따라 많은 개념이 생성 될 수 있습니다. 이러한 개념을 통해 개발자, 클라이언트, 마케팅 팀 및 디자이너는 어느 것이가는 길인지, 어떤 유형의 요소가 함께 잘 작동하는지, 콘텐츠 변경이나 기술적 문제가 있는지 논의 할 수 있습니다.
개념 단계는 대부분의 결정이 내려지기 때문에 가장 어려운 단계 중 하나 일 수 있습니다.
다음은 디자이너가 대답해야하는 질문의 예입니다.
- 이미지가 무거울까요? 그래픽이 깔끔하고 최소한으로 보입니까?
- 그래픽을 사용한다면 어떤 스타일일까요?
- 사용할 글꼴
- 오래된 색 구성표를 현대화해야합니까?
- 사이트는 얼마나 상호 작용해야합니까?
방향에 따라 개념에서 고려해야 할 몇 가지 사항이 있습니다.
- 사이트의 원래 느낌을 그대로 유지해야합니까? 그것은 색 구성표, 그래픽, 타이포그래피 규칙 등이 될 수 있습니다.
- 대신 완전히 새로운 느낌을 도입해야합니까? 이는 디자이너가 가질 수있는 모든 제약이 콘텐츠라는 것을 의미합니다.
하나의 개념이 선택되면 (많은 수정 후 발생할 수 있음) 다음 단계가 시작될 수 있습니다.
디자인 컴포지션 구축
원래 의사 결정 단계에서 콘텐츠 / 사이트 구조가 동일하게 유지되도록 결정했다면 디자이너의 작업이 좀 더 쉬워집니다. 그들이해야 할 일은 오래된 디자인을 새로운 개념으로 바꾸는 것입니다. 이는 일반적으로 페이지 단위로 이동하고 각 구성 요소를 재 작업하여 새로운 모양과 느낌을 따를 수 있음을 의미합니다. 여기에서 구성 요소 재 작업 (간격, 타이포그래피, 색상)과 같은 작은 변경 사항이나 레이아웃 변경과 같은 더 큰 변경 사항 (요소의 위치, 순서 등)을 볼 수 있습니다.
사이트 재 설계의 중요한 부분은 고유 한보기입니다. 페이지의 레이아웃과 구성 요소가 다른 한 개발 팀을 위해 디자인을 준비해야합니다. 디자인 측면에서는 주문 / 내용을 약간 변경하여 아트 보드를 복사하여 붙여 넣기 만하면되기 때문에 약간의 변형을 보여 주기도 쉽기 때문에 건너 뛸 가치가없는 단계입니다.
디자인이 완료되면 디자이너와 고객은 물론 마케팅, 영업, 개발자 등 관련된 모든 사람이 다시 한 번 확인해야합니다. 설계가 개발 단계에 비해 상대적으로 재 작업 / 변경하기 쉽기 때문에 이는 주요 변경 사항의 마지막 이상적인 단계입니다.
개발 단계
일반적으로 디자이너가 작업을 완료하고 프로젝트를 개발 팀에 전달하는 곳입니다. 여기서부터 디자이너는 대부분 질문에 답하고 자산을 제공하며 때때로 디자인에서 누락 된 특정 구성 요소 상태를 디자인합니다.
이상적으로는 새 사이트를 시작하기 전에 개발 단계에서 설계를 변경하면 안됩니다. 이는 종종 관련된 모든 당사자에게 전달이 지연되거나 불필요한 스트레스를 초래하기 때문입니다.
개발 중에는 일반적으로 두 가지 방법으로 접근 할 수 있습니다.
- 새로운 빌드
- 기존 사이트의 재 작업
WordPress의 맥락에서 종종 새 빌드는 새 프로젝트를 모두 설정하고, 이전 사이트에서 데이터베이스를 가져오고, 깨끗한 코드베이스로 새로운 테마를 만들고 처음부터 디자인을 구현하는 것입니다. 또한이 경우 가능한 플러그인 및 테마 통합을 제외하고 레거시 코드가 없습니다.
마감일이 매우 촉박 한 경우 새 테마로 정시에 출시하는 두 가지 방법이 있습니다.
- 모든 것을 켜놓고 라이브로 가지 마십시오. 이것이 가장 합리적인 접근 방식입니다. 최우선 순위 페이지를 나열하고 그 페이지 만 개발하십시오. 그들과 함께 라이브 한 다음 출시 후 몇 주 안에 다른 기능 및 / 또는 페이지를 출시하세요.
- 대략적인 버전으로 이동하십시오. 즉, 모든 페이지를 구현해야하지만 반드시 편집 할 수는 없습니다. 테스트 할 시간이 적거나 단순히 수정할 시간이 없어서 요소를 한두 개 숨기거나 버그를 수정해야 할 수도 있습니다.
- 대부분의 개발자의 시간을 차지하는 디자인의 UI 요소를 단순화합니다. 예를 들어 복잡한 탐색 메뉴 (데스크톱 및 모바일),지도 / 토글 / 검색, 슬라이더 또는 복잡한 레이아웃이 될 수 있습니다.
우선 순위 (기한 또는 품질)에 따라 클라이언트는 에이전시 또는 프리랜서가 먼저 작업해야하는 두 가지 중 하나를 선택해야합니다.
그러나 재 작업이 몇 주에 걸쳐 점진적으로 이루어져야한다면 에이전시 나 프리랜서는 종종 기존 테마를 재 작업해야합니다. 여기에서 개발자는 모든 작업이 완료되면 마이그레이션 할 수있는 새 사이트에 대한 새 스타일 시트를 가장 자주 만들고 머리글 / 바닥 글부터 시작하여 기존 템플릿을 다시 작성하기 시작합니다.
페이지별로 교체하고 업데이트를 배포하면 사이트가 페이지 전체에서 이전 모습과 새 모습과 일치하지 않게 보입니다. 웹 사이트는 아니지만 Windows 10이 이에 대한 예입니다.
라이브 단계 진행
이것은 오랫동안 기다려온 라이브 단계입니다. 일반적으로 사이트에 대한 대부분의 QA 및 리뷰는 완전히 새로운 웹 사이트에 게시하는 것과 동일한 단계와 일치합니다. 많은 테스트, 모든 곳을 클릭하고, 각 메뉴 항목이 작동하는지, 페이지가 제대로 작동하는지, 콘텐츠가 좋은지 확인합니다. 모든 통합이 작동합니다.
재 설계와 새 사이트의 주요 차이점은 특히 사이트 구조가 변경된 경우 기존 콘텐츠입니다. 이전 URL이 작동합니까? 손실 된 콘텐츠가 있습니까? 모든 이전 데이터가 최근에 마이그레이션 되었습니까? 살펴볼“출시일”목록이 상당히 길며, 좋은 웹 개발 대행사의 서비스를 사용하는 것이 가장 안전합니다.
요약
웹 사이트의 재 설계는 많은 사람들이 참여하는 긴 과정입니다. 또한 답하기 어려운 질문이 많고 극복해야 할 기술적 장애물도 있습니다. 고맙게도 대부분의 경우. 이러한 변화는 브랜드에 매우 긍정적 인 것으로 나타났습니다.