웹사이트 재설계를 위한 최고의 가이드

구식 웹 사이트는 분명히 원하지 않는 것이지만 5~8년 전에 디자인한 웹 사이트나 다른 사람이 디자인한 웹 사이트를 보면 여전히 꽤 좋아 보일 수 있습니다. 따라서 업데이트가 필요하지 않다고 생각할 수 있습니다. 그러나 귀하와 귀하의 고객은 사이트의 그래픽 디자인 측면이 시대를 초월한다고 생각할 수 있지만 기술은 그렇지 않습니다. 웹사이트는 지난 10년 동안 상당히 변화했습니다. 따라서 오늘날의 온라인 시장에 맞게 업데이트해야 하는 8가지 구성 요소가 있습니다. 이러한 구성 요소 중 일부는 기술적이므로 UX 디자인 에이전시와 같은 지식이 풍부한 디지털 에이전시가 필요합니다. 일부는 미학과 기능이 혼합되어 있습니다. 그러나 다른 것들은 법적 고려 대상이 되고 있습니다.

1. 반응성

10년 전에는 대부분의 사람들이 거대한 모니터가 있는 개인용 컴퓨터를 통해 인터넷에 액세스했습니다. 다른 사람들은 전혀 액세스하지 못했습니다. 점점 더 많은 사람들이 휴대전화로 액세스했습니다. 이 사용자 패턴이 변경되었습니다. 대부분의 사람들은 이제 스마트폰을 사용합니다. 게이머와 프로덕션이 필요한 사람들만 여전히 개인용 컴퓨터를 사용합니다. 따라서 웹 사이트는 44인치 랩어라운드 모니터에서와 같이 작은 3인치 화면에서도 잘 보여야 합니다. 그러나 많은 사람들이 태블릿도 사용하기 때문에 웹사이트는 어떤 기기에서도 잘 보여야 합니다. 이렇게 하려면 웹사이트에서 사용 중인 장치를 감지하고 해당 장치의 필요에 따라 모양을 조정해야 합니다. 이 조정 기능을 응답성이라고 합니다.

2. 검색 엔진 최적화

검색 엔진 최적화는 매년 업데이트해야 하는 것입니다. 웹사이트가 검색 엔진 순위에서 잘 작동하도록 유지하기 위한 오일 교환이라고 생각하십시오. 웹사이트를 업데이트하기 전에 SEO 대행사에 문의하여 짧은 꼬리 및 긴 꼬리 키워드와 적절하게 배치된 H1, H2 및 H3 태그가 포함되어 있는지 확인하십시오. 마지막으로 들어오는 링크의 품질과 양을 모두 업그레이드하기 위해 공동의 노력을 기울여야 합니다. SEO의 다른 구성 요소는 다음과 같습니다.

– 키워드가 풍부한 메타데이터
– 제품 이미지
– 소셜 미디어에 대한 링크
– 지역 리드를 위한 지역 및 지역 SEO

3. 한 페이지

거의 600개의 메뉴 탭이 있는 웹사이트의 시대는 지났습니다. 대신, 많은 사이트는 무한 로딩 웹사이트(한 페이지 웹사이트라고도 함)를 통해 사용자를 수용합니다.

한 페이지 웹 사이트는 사용자가 페이지를 아래로 스크롤할 수 있도록 하여 많은 콘텐츠를 제공하도록 설계되었습니다. 이러한 콘텐츠 페이지는 사용자가 스와이프하여 스크롤하고 탭하여 기사를 열기만 하면 되므로 조작하기 쉽습니다.

물론 한 페이지의 하이브리드도 잘 작동하지만 메뉴 항목은 완전히 다른 페이지로 이어져야 합니다. 그렇지 않으면 메뉴 항목이 불필요한 클릭일 뿐입니다. 사용자의 주의 집중 시간이 단축되는 시대에 진정으로 새롭고 다른 콘텐츠로 이어지는 경우에만 추가 클릭이 보장됩니다.

4. 히트 매핑

인터넷 초창기에 디자이너들은 일종의 디지털 책이나 브로셔처럼 대부분 왼쪽에서 오른쪽으로 읽을 수 있도록 콘텐츠를 제작했습니다. 그러나 열 매핑 소프트웨어는 웹사이트를 스캔하고 특정 페이지에서 가장 인기 있고 인기 있는 콘텐츠를 식별할 수 있습니다. UX 디자인 에이전시와 같은 우수한 웹 디자이너는 이제 사용자가 주로 페이지 왼쪽을 스캔하고 클릭한다는 것을 알고 있습니다. 사용자는 대부분 오른쪽에 있는 것을 무시합니다. 또한 스크롤 없이 볼 수 있는 부분의 광고가 특히 관련성이 없는 경우 사용자는 큰 배너 광고를 무시하는 방법을 배웠습니다.

모바일 콘텐츠의 경우 페이지가 너무 작아서 좌우의 의미가 거의 없습니다. 따라서 콘텐츠와 클릭 유도문안은 시작 페이지 상단에 가까워야 합니다. 이 배치는 내용이 반으로 접힌 신문의 접힌 부분 위에 있었던 신문 시대에서 차용되었습니다. 당연히 페이지 상단 근처의 콘텐츠는 스크롤 없이 볼 수 있는 부분 위에서 호출됩니다.

또한 페이지 스크롤 측면에서 사람들이 흥미를 잃기 전에 대략 4-8번만 스와이프하면 됩니다. 게다가, 그 마지막 몇 번의 스와이프는 기껏해야 끔찍합니다. 결과적으로 한 페이지 웹 사이트는 좋지만 간략해야 합니다.

5. 페이지 로드

많은 유형의 기술이 웹 데이터를 다르게 처리하기 때문에 페이지는 빠르게 로드되도록 설계해야 합니다. 이것이 작동하려면 페이지 속도를 최적화해야 합니다. 항상 모든 것을 로드하는 대신 이전에 로드된 요소를 로드하기 위해 페이지 캐시 플러그인을 사용해야 할 수도 있습니다. 속도 면에서 250~750ms의 로드 시간을 달성하도록 노력하십시오. 마지막으로, 많은 호스트가 느린 서버를 가지고 있기 때문에 웹 호스트를 변경해야 할 수도 있습니다. 웹 호스트를 변경할 때 500ms 미만의 일관된 페이지 로드 속도를 찾으십시오.

6. CTA

일반적으로 귀하의 웹사이트는 제품, 서비스 또는 형식을 홍보하도록 설계되었습니다. 따라서 실제로 사람들을 초대하여 작업을 완료해야 합니다. 예를 들어 사람들이 해당 제품, 서비스 또는 양식을 구매, 구독 또는 완료하도록 하는 특정 요청이 있어야 합니다. 사람들에게 작업을 완료하도록 요청하거나 지시하지 않으면 많은 사람들이 하지 않을 것이며 상당한 수익이나 리드를 잃게 될 것입니다.

예를 들어, 10년 이상의 경험을 가진 회사의 고품질 웹 디자인이 필요한 경우, 즉 수익성 있는 웹 재설계에 필요한 구성 요소에 대해 말하면 여기를 클릭해야 합니다.

7. 다국어

고객의 관점에서 볼 때 사이트의 기본 언어를 번역하는 기능은 이제 상당히 쉬워졌습니다. 따라서 사이트를 고객이 사용하는 만큼 많은 언어로 번역할 수 있는 플러그인 또는 메뉴 옵션에 투자해야 합니다. 다시 말하지만, 이러한 유형의 업그레이드는 쉽고 포괄적이며 잠재적으로 수익성이 있습니다.

8. 대체 텍스트

포괄적이어야 할 필요성과 관련하여 많은 시각 장애가 있는 사람들이 인터넷을 사용하고 이러한 사람들은 이미지가 묘사하고 있는 것과 광고 배너가 홍보하는 것을 결정하는 데 어려움을 겪습니다. 따라서 "텍스트"라고 하는 코드 뒤의 이미지 설명을 업데이트해야 합니다. 업데이트되면 TTS(텍스트 음성 변환) 소프트웨어가 대체 텍스트를 크게 읽어 시각 장애가 있는 사람들에게 이미지 또는 배너 광고의 전반적인 의미를 알려줍니다.

물론 모든 사람이 포함되어야 하기 때문에 이러한 유형의 업그레이드가 중요해지고 있습니다. 세상은 점점 더 포괄적이고 모든 사람이 특정한 필요를 갖고 있다는 것을 더 많이 이해하고 있습니다. 더 포괄적인 것에 대해 별로 신경 쓰지 않는다면, 시각 장애인이 전통적인 시각 장애인과 동일한 접근 권한을 갖지 못하기 때문에 차별 소송이 발생하고 있음을 고려하십시오. 앞서가면 더 많은 고객을 확보하고 법정에서 벗어날 수 있습니다.

기타 고려 사항

물론 이들은 상위 8개 구성 요소에 불과합니다. 새 웹 사이트에 포함되어야 하는 기타 업그레이드는 다음과 같습니다.

– 방화벽 보호
– 전자상거래 사이트용 SSL 인증서
– 일관된 컨텐츠 추가를 위한 컨텐츠 관리 시스템
– HTML5 호환
– 하이브리드 텍스트/멀티미디어 콘텐츠 믹스