웹사이트 재설계: 웹사이트 디자인 재작업에 대한 팁과 요령

시간이 지남에 따라 웹 사이트는 구식이 되거나 조직에 새로운 요구 사항이 생겨 웹 사이트 재설계가 필요할 수 있습니다. 예를 들어 회사는 제공하는 제품의 종류를 확장하고 늘어난 재고를 판매하는 데 도움이 되도록 웹사이트 디자인을 업데이트해야 할 수 있습니다.

기술은 항상 진화하고 있으며 사이트 방문자가 웹 사이트에서 기대하는 것은 그에 따라 변할 것입니다. 때때로 방문자는 더 오래된 디자인의 사이트가 죽었다고 생각할 것입니다.

열악한 고객 서비스를 의미하는 것이 있습니다. 오래된 사이트 디자인은 비전문적이고 소홀해 보입니다. 탐색 옵션이 오래되고 익숙하지 않기 때문에 사이트 방문자가 탐색하기 어려운 경우가 많습니다.

핀

적어도 1년에 한 번은 웹사이트를 다시 디자인할 계획을 세우는 것이 항상 현명한 생각입니다. 업데이트는 사이트의 전체 점검만큼 크거나 최적화 코드 및 탐색 옵션을 암시하는 만큼 작을 수 있습니다. 다음은 웹사이트 재설계를 위한 몇 가지 모범 사례입니다.

일반 팁 및 요령

필연적으로 웹 사이트의 일부 요소는 잘 수행되고 다른 요소는 제대로 수행되지 않습니다. 항상 모든 것을 확인하여 사용 가능한 정도와 개선이 필요한 부분을 확인해야 합니다.

핀

사용자 친화성과 사용성은 웹사이트 디자인의 모든 측면에서 중요한 요소입니다. 그들은 사용자 경험에 큰 영향을 미칩니다.

고장난 것이 아니라면 고치지 마세요. 성능이 좋은 요소는 개선할 필요가 없습니다. 갑자기 뒤쳐지기 시작하지 않는지 계속 모니터링해야 하지만 잘 하고 있는 것을 개선하기 위해 시간과 자원을 낭비하지 마십시오.

그러나 잘 작동하던 요소가 지연의 징후를 보이기 시작하면 최적의 사용자 경험을 유지하기 위해 약간의 조정을 수행합니다.

핀

전혀 작동하지 않는 사이트의 측면을 자유롭게 제거하거나 교체하십시오. 웹사이트에서 작동하지 않는 것이 필요하다고 느끼지 마십시오.

Google Analytics, CrazyEgg 및 Hotjar와 같은 도구를 사용합니다. 이 도구는 가장 많이 방문한 페이지와 가장 많은 클릭을 받은 요소를 보여줍니다. 추적해야 할 다른 중요한 요소는 판매 전환, 이탈률, 사이트에 머문 시간, 키워드 및 신규 리드입니다.

변경 사항이 어떻게 영향을 미치는지 확인할 수 있도록 재설계 전후에 이러한 통계의 로그를 유지하는 것이 좋습니다.

핀

웹사이트 재설계는 더 나은 결과를 얻는 것을 기반으로 해야 합니다. 방문자 수 늘리기, 이탈률 줄이기, 사이트에 머문 시간 늘리기, 리드 수 늘리기, 사이트에서 생성하는 판매액 늘리기 등의 작업을 재설계하기를 원합니다. 이 팁은 자신의 포트폴리오 웹사이트에도 적용할 수 있습니다.

웹사이트를 재설계해야 하는 일반적인 이유는 무엇입니까?

못생긴

사이트는 단순히 보기에 좋지 않습니다. 글꼴이 읽기 어렵고 거슬립니다. 색상이 떨어져 충돌할 수 있습니다.

사이트는 전반적으로 아마추어적이고 비전문적으로 보입니다. 빠른 검색을 통해 경쟁업체의 사이트가 훨씬 더 전문적이고 만족스러워 보입니다.

날짜

사이트가 오래된 것 같습니다. 때로 그것이 어떻게 구식으로 보이는지 정확히 정의하기 어려울 수 있지만, 그것은 단지 낡고 현대적이지 않게 보입니다.

레이아웃, 사이트 너비 및/또는 정렬은 10년 전에 설계된 것처럼 보입니다.

업데이트를 실행할 수 없음

사이트 업데이트가 불가능합니다. 백엔드에 액세스할 수 없습니다. 디자인의 단순한 요소라도 만들려면 초기 디자인 회사에 꽤 많은 돈을 지불해야 합니다.

또는 대신 사이트의 백엔드에 액세스할 수 있지만 간단한 편집을 하려면 부트 캠프를 거쳐야 합니다.

모바일 기기에서 보기 좋지 않음

사이트는 모바일에서 끔찍하게 보입니다. 읽거나 탐색하는 것이 어렵거나 불가능합니다. 애니메이션이 전혀 표시되지 않을 수 있습니다.

이러한 문제로 인해 사이트가 손상되거나 버려진 것처럼 보입니다. 현재 많은 사용자가 모바일 장치를 통해 웹 사이트에 액세스하고 있으며 나쁜 모바일 사이트는 나쁜 소식입니다.

Google에 표시되지 않음

Google에 표시되지 않는 것은 웹사이트에 대한 죽음의 전령이 될 수 있습니다.

검색 엔진 목록에 표시되지 않는 이유를 알아내려고 하면 악몽이 될 수 있으며 사이트 재설계가 필요할 수 있습니다.

목표를 세워라

핀

웹사이트 재설계를 시작하기 전에 고객이든 직접 사이트를 재설계하든 몇 가지 목표를 설정해야 합니다.

웹사이트의 현재 디자인에 대해 수집한 데이터 중 일부를 사용하여 색상, 글꼴, 로고 및 기타 브랜딩 자료에서 디자인 신호를 얻고자 하는 웹사이트와 같은 목표를 설정해야 합니다. 사용하려는 스톡 이미지; 사용자 등록과 같은 웹사이트의 주요 목표 전환율 25% 증가; 사용자 참여 증가; 또는 웹사이트의 SEO 또는 구조 개선.

빨리 하세요. 나는 이것에 대해 충분히 강조할 수 없습니다. PNG 대신 브라우저 캐싱, Gzip 및 SVG 이미지를 사용합니다. 편집 가능한 형식의 이미지가 없다고 당황하지 마십시오. 온라인에 있는 많은 도구 중 하나를 사용하여 언제든지 다시 PNG로 변환할 수 있습니다.

사용자 경험에 집중

핀

웹사이트 재설계의 기술적인 세부 사항에서 길을 잃지 마십시오. 타겟 고객을 염두에 두고 좋은 UX로 깔끔한 웹사이트 디자인을 만드세요.

사용자 경험이 우선되어야 합니다. 기술적인 세부 사항보다 사용 편의성과 편의성에 중점을 둡니다.

분할 테스트를 쉽게 유지

핀

분할 테스트는 결과에 따라 웹사이트 디자인을 점진적으로 개선할 수 있음을 의미합니다.

웹사이트 재설계에 대한 실험을 수행하여 판매, 전환 또는 개선하려는 기타 측정항목을 개선할 수 있는 항목을 확인할 수 있습니다.

전자 상거래 사이트는 웹사이트의 클릭 유도문안을 활용하려는 다른 조직과 마찬가지로 분할 테스트를 반드시 사용해야 합니다.

재설계 출시

웹사이트 재설계의 마지막 단계는 재설계의 시작입니다. 라이브 날짜와 시간을 설정합니다.

재설계의 품질 보증 테스트를 통해 기능, 승인된 디자인과의 일치, 원활한 전환, 작동 링크 및 백업에서 복원의 용이성과 같은 중요한 요소를 확인할 시간이 있는지 확인하십시오.

핀

웹사이트 재설계가 시작되면 관련 측정항목을 계속 측정하여 목표를 달성하는지 확인해야 합니다. 재설계가 의도한 대로 작동하지 않는 것을 발견할 수 있으며, 이는 재설계의 추가 반복 또는 심지어 또 다른 완전한 재작업을 촉발할 것입니다.

결론

웹사이트 디자인은 주기적이고 규칙적인 프로세스입니다. 새로운 기술 발전이나 웹 디자인 패션이 따라올 것입니다. 기업은 서비스나 제품을 확장할 것입니다.

웹사이트 재설계는 위에 요약된 모범 사례에 계속 의존할 것이며, 이를 따르면 올바른 길로 들어서게 될 것입니다.