10 웹 디자인 실수는 브랜드를 해치는 실수입니다

귀하의 웹 사이트는 다른 비즈니스 및 서비스 제공 업체와 차별화 할 수있는 것입니다. 그러나 그것은 당신을 대적 할 수있는 양날의 검입니다. 어떻게? 웹 사이트가 처음 몇 초 안에 시청자에게 어필하지 않으면 경쟁 업체로 넘어 가기 때문에 절대 돌아 오지 않을 수 있습니다. 숫자에 따르면, 당신은 좋은 첫인상을 얻기 위해 8 초 (또는 그 이하) 만 가지고 있습니다 .

그게 다 좋지만 어떻게 긍정적 인 첫 인상을 보장 할 수 있습니까? 우리가 논의하려는 일반적인 웹 사이트 디자인 실수를 피함으로써. 시작합시다.

혼란스러운 레이아웃 및 시각적 오버로드

웹 사이트의 디자인에서 너무 많은 일이 일어나고 있습니다. 다양한 종류의 글꼴이 다양한 글꼴에 사용됩니다. 일정한 팝업이 정기적으로 나타납니다. 이것들은 잠재적 인 사용자를 귀찮게하고 웹 사이트를 다시 방문하지 않도록 완벽한 레시피를 만드는 몇 가지 것입니다.

고치는 방법?

시청자 (및 잠재 고객)가 웹 사이트를 열면 쉽게 스캔 할 수 있습니다. 여기에는 압도적이지 않은 명확한 시각적 계층이 포함됩니다.

일관되지 않은 브랜딩 요소

브랜딩 가이드 라인이 없다면 청중이 당신을 기억하기가 더 어려워지고 있습니다. 당신이 할 수없는 것은 웹 사이트의 임의의 색상, 이미지, 타이포그래피 및 기타 요소를 사용하는 것입니다. 그렇게하면 웹 사이트 시청자를 혼동 할 수 있습니다. 이것이 마지막으로 원하는 것입니다.

고치는 방법?

서체, 색상 코드, 간격 및 기타 것들에 대한 모든 것에 대해 이야기하는 브랜딩 안내서가 있습니다. 또한 브랜드 아이덴티티와 함께하는 로고를 만들어야 합니다.

가난한 모바일 응답 성

모든 사람이 웹 사이트를 볼 수 있도록 랩톱, 컴퓨터 및 포트할 수없는 장치를 열지는 않습니다. 디지털 트래픽의 58%가 휴대 전화에서 나온 이므로 모바일 화면을 위해 웹 사이트를 구축하지 않으면 세계 인구의 절반 이상을 무시하고 있음을 의미합니다.

고치는 방법?

모바일 최초의 웹 사이트 디자인은 갈 길입니다. 웹 사이트를 시작하기 전에 다양한 장치와 브라우저에서 테스트하십시오. 웹 사이트를 개발할 때는 Bootstrap 및 CSS Grid와 같은 반응 형 프레임 워크를 찾으십시오.

느린 로딩 속도

웹 사이트 로딩 속도가 하락하면 바운스 속도가 직접 늘립니다. 즉, 전환이 훨씬 적고 원하는 것보다 더 많은 사람들을 놓아 줄 것입니다. 이것은 또한 시청자가 당신이 새로운 고객을 얻을만큼 심각하지 않다고 생각하기 때문에 부정적인 브랜드 인상을 남깁니다.

고치는 방법?

이미지를 압축하거나 Webp와 같은 파일 형식을 사용하여 웹 사이트로드 속도를 높일 수 있습니다. 다른 잠재적 솔루션에는 게으른 하중을 가능하게하고 JavaScript 최소화가 포함됩니다. Google Pagespeed Insights 또는 GTMetrix와 같은 신뢰할 수있는 도구를 사용하여 웹 사이트로드 속도를 늦추는 요소를 식별하십시오.

혼란스러운 탐색

사용자가 웹 사이트를 열면해야 할 일과 어디로 가야하는지 이해하기가 쉽습니다. 그러나 귀하의 웹 사이트에 복잡한 구조, 오해의 소지가있는 통화 또는 여러 내비게이션 경로가있는 경우 달성하기가 어려울 것입니다. 사용자는 웹 사이트를 이해하려고 시도하는 대신 경쟁 업체에 튀어 나와 더 간단한 웹 사이트를 기대합니다.

고치는 방법?

메인 메뉴 (5-7)에 카테고리가 제한되어 있으며 각 접이식에 설명 레이블 또는 제목을 사용하고 메뉴를 표준 상단 또는 왼쪽 상단에 배치하십시오. 이것은 경쟁 업체의 고객 수에 플러스를 피하는 몇 가지 방법이었습니다.

품질이 낮은 이미지

그림 (Visual)은 천 단어를 말하며 웹 사이트를 디자인 할 때는 사실입니다. 픽셀 화 및 저품질 그래픽을 사용해도 소비자에게 전달하려는 메시지를 전달하는 데 도움이되지 않습니다.

고치는 방법?

고품질 사진에 투자하거나 신뢰할 수있는 플랫폼에서 로열티가없는 이미지를 검색하여 시청자에게 호소하는 영상을 얻으십시오.

약하거나 숨겨진 통화 유도 (CTA)

예기치 않은 장소에서 행동을 취하는 것은 모두 차려 입고 어디로 가야할지 모르는 것과 같습니다. 마찬가지로, 제대로 설계되지 않은 Call to Action은 시청자가 웹 사이트 전환을 클릭하고 개선하려는 유혹이 아닙니다.

이 문제를 해결하는 방법?

"무료 인용문", "지금 다운로드"또는 브랜드 아이덴티티를 충족하는 다른 항목과 같은 행동에 대한 실행 가능한 언어를 사용하십시오. 매력적인 배너 또는 바닥 글에 액션 유도 문안을 놓고 브랜드의 시각적 정체성과 일치하는 색상을 사용하십시오.

서식없이 텍스트의 벽

웹 사이트와 책의 차이점은 사람들이 책에서 단어를 읽는 동안 웹 사이트를 스캔한다는 것입니다. 따라서 수많은 단어와 단락을 공식화하지 않으면 시청자가 'X'버튼을 눌러 웹 사이트를 종료하고 결코 돌아 오지 않을 수 있습니다.

이 문제를 해결하는 방법?

텍스트를 짧은 단락으로 나누어 텍스트를 더 읽기 쉽게 만듭니다. 총알 포인트를 사용하여 포인트를 더 잘 전달할 수 있습니다. 또한 소제목을 추가하여 텍스트를 더 읽기 쉽게 만들고 SEO 친화적으로 만듭니다.

접근성 모범 사례를 무시합니다

시각적 결핍이있는 다르게 사용 가능한 개인이 있으며, 잠재적 인 고객이 될 수 있습니다. 액세스 가능한 웹 사이트가 없으면 타겟팅하는 사람의 수를 줄일 수 있습니다. 또한 편견을 보여주지 않고 포괄적 인 브랜드가되어야하기 때문에 법적 위험을 초래할 수 있습니다.

이 문제를 해결하는 방법?

웹 사이트가 웹 컨텐츠 접근성 가이드 라인 (WCAG)에서 설정 한 표준을 충족하는지 확인하십시오. Wave 및 Lighthouse와 같은 도구를 사용하여 웹 사이트 디자인의 접근성을 평가할 수 있습니다.

구식 설계 트렌드

단일 페이지, 무색 웹 사이트가 사람들을 와우로 만들 수있는 시간이있었습니다. 유일한 차이점은 수십 년 전 또는 (심지어) 수십 년 전이었을 것입니다. 웹 사이트 디자인 트렌드가 바뀌고 있습니다. 당신이 그에 따라 적응하지 않으면, 당신은 경주에 훨씬 뒤에 남아 있거나, 무슨 일이 일어나고 있는지 알지 못하는 구식 회사로 자신을 제시 할 것입니다.

이 문제를 해결하는 방법?

뉴스 레터와 평판이 좋은 블로그를 구독하여 최신 사용자 인터페이스 및 경험 트렌드에 대한 업데이트를 계속하십시오. 웹 사이트 디자인을 잘하고있는 경쟁 업체와 비교하십시오.

결론

웹 사이트는 사람들을 비즈니스에 유치하는 데 사용됩니다. 말하지만, 제대로 설계하지 않으면 그들을 놀라게 할 수 있습니다. 이들은 사람들이 웹 사이트를 디자인 할 때 일반적으로하는 10 가지 실수였습니다. 사용자를 유치하거나 변환하지 않는 웹 사이트가있는 경우이 10 포인트를 점검 목록으로 사용하고 그에 따라 개선하십시오. 웹 사이트를 클라이언트 매그네트로 전환 할 시간입니다.