비즈니스에 막대한 비용을 초래하는 21가지 공통 사용자 인터페이스(UI) 설계 실수

오늘날 소비자는 그 어느 때보다 요구 사항이 더 까다로워지며 특히 디지털 세계와 관련하여 더욱 까다로워집니다. 그들은 웹사이트를 탐색할 때 몇 초 만에 로드되는 매력적으로 디자인된 직관적인 인터페이스를 기대하고 엄격한 기준에 맞지 않는 것을 발견하면 눈으로 투표할 것입니다.

실제로 다양한 산업 분야에서 수집된 통계에 따르면 다음과 같습니다.

• 방문자의 38%는 기본 레이아웃이나 콘텐츠가 매력적이지 않다고 생각하면 웹사이트를 떠납니다.
• 47%의 사람들은 웹 페이지가 2초 이내에 로드되기를 기대합니다.
• 대다수(95%)의 사람들은 웹사이트의 가장 중요한 요소가 사용자 경험(UX)이라고 믿습니다. 그리고
• 웹 디자인의 품질이 저하되면 94%의 사람들이 웹 사이트에 대한 신뢰 또는 사용을 완전히 중단합니다.

웹사이트를 온라인 마케팅 전략의 필수 요소로 간주하는 많은 기업은 잘못된 UI 디자인으로 인해 페이지 조회수, 클릭률 및 전환율 측면에서 막대한 비용이 발생할 수 있다는 사실을 인식하지 못할 수 있습니다.

다음은 21가지 일반적인 UI 디자인 실수입니다.

#1. 어수선한 레이아웃

사용자는 너무 어수선한 웹사이트를 매우 실망스럽게 생각합니다. 그들은 시각적 질서가 부족하고 가장 중요한 요소가 무엇인지, 그리고 어디에 주의를 기울여야 하는지 이해하기 위해 애쓰는 사람들을 압도할 수 있습니다. 일반적으로 다음과 같은 경우 웹사이트 페이지가 복잡하게 느껴질 수 있습니다.

• 화면에 너무 많은 콘텐츠(특히 텍스트)가 있습니다.
• 콘텐츠가 표시되는 방식에 대한 논리나 순서가 없습니다. 그리고
• 시각적 디자인이 매력적이지 않거나 색상과 글꼴이 너무 심하게 충돌합니다.

[Tweet ““웹 디자인은 단순히 예쁜 레이아웃을 만드는 것이 아닙니다. 비즈니스 이면의 마케팅 과제를 이해하는 것입니다. ― 모하메드 사드 ""]

페이지에서 어디 또는 무엇을 찾아야 하는지 모르면 방문자가 방향을 틀 수 있습니다. 이는 판매 손실 또는 잠재적 전환을 의미합니다.

“제가 자주 보는 실수는 디자인 단계에서 실제 콘텐츠를 사용하지 않는 것입니다. 텍스트(예시)는 현대 디자인에서 중요한 역할을 하지만 제품이 출시되면 완벽한 텍스트 예가 실제 콘텐츠로 대체됩니다. 그것이 조화가 끝나고 다양한 문제가 발생하는 곳입니다. 맞지 않는 긴 문장, 잘못 정렬된 레이블, 행 사이의 간격, 어수선한 것(이는 현지화 문제를 일으키기도 전에 발생합니다).”
– Gil Bouhnick은 Missbeez의 CTO이자 공동 설립자이자 Mobile Spoon의 소유자입니다. 트위터 @GilBouhnick에서 그를 팔로우하십시오.

#2. CTA 초대 취소(클릭 유도문안)

틀림없이 CTA(클릭 유도문안) 버튼은 모든 방문 페이지에서 가장 중요한 요소입니다. 웹사이트의 임의 방문자를 잠재 고객으로 전환시키는 장치입니다. 따라서 CTA 버튼이 눈에 잘 띄고 매력적이며 사용하기 쉬워야 방문자가 제품 페이지, 장바구니 또는 체크아웃 시설로 안내하는 등 원하는 작업을 직접 수행할 수 있습니다. .

[Tweet ““행동에 대한 예언적인 부름에 순종하면 긍정적인 유익을 얻습니다.” ― 셰리 K. 화잇, 아버지의 재물로 걷기: 아들의 번영”]

CTA 버튼이 효과적인지 평가할 때 기업은 다음과 같은 질문을 스스로에게 던져야 합니다.

• CTA가 명확하고 모호하지 않습니까? 방문자의 행동 지향적이며 긴박감을 유발합니까?
• 버튼이 페이지의 올바른 위치에 있습니까? 쉽게 찾을 수 있습니까? 그리고
• 얼마나 사용하기 쉽습니까? 페이지의 나머지 부분에서 눈에 띄고 방문자의 관심을 사로잡습니까?

#삼. 직관적이지 않은 탐색

웹사이트는 조직적이고 탐색하기 쉬워야 합니다. 즉, 서로 명확하게 관련되고 명확하고 모호하지 않은 단어로 된 표제와 하위 표제가 있는, 따르기 쉬운 계층 구조와 논리적 순서가 있어야 합니다.

[Tweet "인간의 도덕적 나침반은 본능이 삶을 조종하는 세계에서 아직 작동하지 않습니다." ― 토바 베타, 나의 조상은 고대 우주인이었다"]

항상 메뉴를 제공하고 사용자가 찾을 수 있을 것으로 예상하는 위치(세로로 페이지 왼쪽에 사이드바로 표시하거나 페이지 상단을 따라 가로로)를 찾습니다. 메뉴에 너무 많은 항목을 포함하지 마십시오. 권장량은 6개 이하입니다.

탐색은 일반 사용자에게 직관적이어야 합니다. 탐색이 너무 복잡하거나 어디를 봐야 할지 모를 경우 그냥 다른 곳으로 이동합니다.

#4. 일반 이미지

일반 이미지는 제품이나 서비스를 판매하거나 홍보하기 위해 스톡 사진 및 기타 명백한 가짜 이미지를 사용하는 것입니다. 이러한 유형의 이미지는 두 가지 문제가 있습니다. 사진 자체가 정품이 아닐 뿐만 아니라 일반적입니다. 동일한 이미지가 여러 웹사이트에서 발견될 수 있습니다.

한 장의 사진은 그들이 하는 수천 마디의 단어와 강력한 마케팅 도구가 될 수 있는 좋은 마음을 사로잡는 이미지를 그립니다. 그러나 일반적인 이미지는 즉시 그 신뢰를 약화시킵니다.

#5. 사회적 증거 없음

사회적 증거는 사람들이 사회에서 좋아하거나 받아 들여지기 위해 규범을 따를 것이라는 생각입니다. 소비자는 자신에 대해 기분이 좋아지는 제품을 구매하지만 자신이 하는 일이 옳은 일이라는 이유를 찾고 있습니다. 즉, 구매 결정을 내릴 때 온라인 제품 리뷰, 사용 후기 및 신뢰 아이콘을 참조합니다.

연구에 따르면 85%의 사람들이 구매 결정을 내리기 전에 온라인 리뷰를 읽을 것입니다. 그것들은 구매 과정의 중요한 부분으로 작용합니다.

[트윗 ""인간은 사회적 존재입니다. 우리가 사회적 증거를 좋아하는 것은 놀라운 일이 아니며 브랜드를 빠르게 판매합니다." - Bernard Kelvin Clive"]

웹사이트에 이전 또는 기존 고객의 온라인 리뷰나 평가가 없으면 사회적 증거가 없고 방문자가 판매를 진행할 가능성이 훨씬 적습니다.

#6. 스타일 가이드의 부재

스타일 가이드는 웹 사이트의 형식 및 디자인을 위한 일련의 시각적 표준입니다. 사이트 전체에서 디자인의 균일성을 보장하여 다양한 글꼴 및 텍스트 크기, 색상 또는 크기 또는 다양한 스타일 사용과 같은 불일치를 방지하는 데 도움이 됩니다.

모범 사례는 UI 디자이너가 웹 사이트에 대한 개요를 이해하고 개별 페이지 디자인을 시작하기 전에 스타일 가이드를 작성하는 것을 제안합니다. 이것은 일관성을 보장할 뿐만 아니라 많은 시간을 절약합니다. 많은 그래픽 요소가 이미 존재하므로 처음부터 만들 필요가 없습니다.

#7. 텍스트 및 그래픽/이미지 비율

너무 많은 텍스트와 너무 적은 이미지 또는 그래픽 콘텐츠는 웹사이트의 사용자 경험을 손상시킬 수 있습니다. 어떤 전문가들은 최소 60%의 텍스트와 최대 40%의 그래픽 또는 이미지를 제안하지만 적절한 균형이 무엇인지에 대한 정확한 공식은 없습니다.

모범 사례 제안:

• 귀하의 비즈니스에 적합한 균형을 찾으십시오.
• 메시지 본문에 충분한 텍스트를 사용하여 시청자가 압도하지 않고 모든 핵심 요점을 얻을 수 있도록 합니다.v
• 모바일 장치에서 웹사이트를 보는 사람들을 위해 이미지를 더 많이 사용하십시오. 이러한 이미지는 많은 양의 텍스트보다 보기 쉽기 때문입니다.
• 비즈니스를 위한 최적의 구성을 결정하기 위해 지속적으로 텍스트 대 이미지 비율을 테스트합니다.

#8. 느린 페이지 로딩 속도

나머지 디자인이 아무리 좋아도 웹 페이지를 로드하는 데 너무 오래 걸리면 자동으로 많은 트래픽을 잃게 됩니다. 연구에 따르면 47%의 사람들이 웹 페이지가 2초 이내에 로드될 것으로 예상합니다. 동일한 연구에서는 페이지 로드 시간이 단 1초만 지연되는 경우에도 기업에 비용이 발생하는 것으로 나타났습니다. 즉, 페이지 조회수는 11%, 전환수는 7% 감소했습니다.

또한 페이지 로드 속도는 Google 및 기타 검색 엔진의 순위에도 영향을 줍니다.

[Tweet "모바일 인터넷 사용자의 73%는 로딩이 너무 느린 웹사이트를 접했다고 합니다." ― 닐 파텔”]

#9. 사용자가 생각하게 만들기

비즈니스를 위한 웹사이트의 목적은 주로 마케팅 도구 역할을 하는 것입니다. 그것은 당신이 무엇을 판매하고 있는지, 비용이 얼마인지, 그리고 그것을 어떻게 얻을 수 있는지를 가능한 한 간단하고 간결하게 설명해야 합니다. 궁극적인 목표는 웹 사이트 방문자를 최대한 빠르고 고통 없이 고객으로 전환하는 것입니다.

그러나 사용자가 결정에 대해 생각해야 하거나 스스로 해결해야 하는 경우 마음을 바꾸고 다른 곳으로 이동할 가능성이 있습니다. 사용자 경험을 매끄럽고 매끄럽게 만들어 스스로 생각할 필요가 없도록 합니다.

#10. 자신을 위한 디자인

많은 웹 디자이너가 저지르는 일반적인 실수는 최종 사용자를 염두에 두지 않고 스스로 디자인하는 것입니다. 이것은 단지 방종할 수 있으며 사이트에 대한 잠재적인 방문자가 가질 필요와 요구 사항을 충족하지 못합니다. 대신 웹 디자이너는 마케팅 및 영업 팀과 긴밀하게 협력하여 우선 사용자 관점에서 디자인이 최적화되도록 해야 합니다. 그런 다음 웹 사이트는 실제 사용자를 대상으로 테스트하고 피드백에 따라 수정해야 합니다.

#11. 너무 비어 비어 있는 상태

UI 용어에서 빈 상태는 웹 사이트 방문자가 화면에 표시할 데이터가 없을 때 표시되는 것입니다. 다양한 이유가 있을 수 있습니다. 사용자가 방금 가입했습니다. 데이터 자체를 삭제했거나 오류가 발생했습니다.

비어 있는 상태 자체는 나쁜 것이 아닙니다. 시청자에게 그것이 무엇을 위한 것인지, 왜 보고 있는지, 어떻게 채울 수 있는지 알려주는 데 사용할 수 있습니다.

그러나 다음에 일어날 일에 대한 지침이 제공되지 않으면 시청자에게도 실망감을 줄 수 있습니다. 그렇기 때문에 너무 비워두지 말고 다음 단계를 제안하는 그림, 아이콘 또는 텍스트 블록으로 채우는 것이 좋습니다.

#12. 타이포그래피 계층 구조 부족

모든 디자인 프로젝트에서 시각적 계층 구조는 중요합니다. 사람들에게 화면에서 어디를 보고 무엇을 봐야 하는지 알려줍니다. 타이포그래피의 계층 구조는 디자인의 텍스트 요소를 구성하고 순서를 지정합니다. 독자에게 무엇이 중요한지 알려주고 읽기가 훨씬 쉬워집니다. 그것이 없으면 방문자는 길을 잃거나 산만해질 수 있으며, 주요 메시지를 놓치거나 좌절하고 사이트를 클릭할 수 있습니다.

[트윗 ""타이포그래피는 들을 수 있어야 합니다. 타이포그래피를 느껴야 합니다. 타이포그래피는 경험이 필요합니다.” — Helmut Schmid, 그래픽 디자이너 및 타이포그래퍼”]

#13. 너무 많은 것

웹 디자인에 관해서는 때로는 적은 것이 더 나은 것보다 낫습니다. 이것은 특히 큰 텍스트 블록에 해당되지만 이미지에도 적용될 수 있습니다. 사람들을 흡수할 정보가 너무 많으면 귀찮게 읽지 않을 것입니다. 정보를 단순하고 간결하게 유지하고, 가능한 한 단어 대신 이미지와 그래픽을 사용하고, 한 페이지에 너무 많은 내용을 집어넣지 마십시오.

#14. 너무 광범위한 청중을 위한 디자인

제품이나 서비스가 가능한 한 광범위한 청중에게 어필하기를 원하지만 메시지를 너무 광범위하게 만들어서 특정 그룹이나 세그먼트에 어필하지 못할 위험이 있습니다. 웹사이트를 디자인하기 전에 잠재 고객을 조사하고 그들에게 직접 어필할 수 있는 자료 및 마케팅 메시지를 조정하십시오. 대상 고객에 맞게 콘텐츠를 조정하는 것은 훨씬 더 효과적인 마케팅 방법이며 무작위 분산 방식을 채택하는 것보다 더 많은 전환을 보장합니다.

#15. 하나의 화면 크기만을 위한 디자인

많은 웹 디자이너가 저지르는 일반적인 실수는 작은 화면이나 모바일 장치에서 먼저 볼 수 있는지 먼저 확인하지 않고 전체 화면으로만 웹 사이트를 디자인한다는 것입니다. 이것은 큰 실수입니다. 오늘날 소비자의 거의 70%는 나중에 노트북이나 데스크탑에서 구매하더라도 스마트폰에서 먼저 미디어를 소비하거나 웹 페이지를 봅니다. 웹사이트가 모든 화면에 최적화되어 있지 않다면 잠재적으로 많은 수의 잠재적 전환을 포기하고 있는 것입니다.

#16. 사용자 테스트 건너뛰기

사용자 테스트는 높은 전환율에 필수적입니다. 조직의 웹 디자이너, 마케팅 및 영업 직원은 방문자가 원하는 것이 무엇인지 또는 사용자 경험이 어떻게 될 것인지에 대해 좋은 아이디어를 가지고 있을 수 있지만 실제 사용자가 웹사이트와 웹사이트의 성능을 테스트하고 그들의 피드백.

실제로 사용자 테스트는 웹사이트의 성능이 항상 최적화되도록 사이트가 활성화된 경우에도 지속적인 프로세스여야 합니다.

#17. 너무 많은 팝업

팝업이 작동합니다. 연구 조사에 따르면 팝업을 사용하는 사이트는 최대 400%의 전환율 증가를 경험할 수 있습니다. 사람들의 관심을 끌고 핵심 메시지를 쉽게 소화할 수 있는 형태로 전달할 수 있기 때문에 효과적입니다.

하지만 문제는 디자이너를 방해하고 접근 가능하고 매력적인 웹사이트를 디자인하는 데 방해가 된다는 것입니다. 공간을 차지하고 페이지 콘텐츠를 방해할 수 있습니다. 그러나 팝업의 주요 문제는 매우 자극적일 수 있다는 것입니다. 많은 사람들은 이러한 이미지나 프롬프트를 지속적으로 상기시키지 않고 스스로 읽거나 사용자 경험을 즐기는 것을 선호합니다.

팝업을 사용하려면 책임감 있고 아껴서 사용해야 하므로 방문자에게 압도하거나 폭격하지 않도록 알려야 합니다.

너무 많은 팝업을 피해야 하는 또 다른 이유가 있습니다. 2017년 1월부터 Google은 전 세계 검색 순위에 방해가 되는 팝업이 너무 많이 포함된 사이트를 처벌하기 시작했습니다.

#18. 긴 형식 복사 사용

긴 형식의 카피는 오래된 카피라이팅 전통의 인터넷 버전이며 노란색 강조 표시, 기울어진 빨간색 헤드라인 및 깜박이는 화살표와 같은 기술을 사용하여 방문자가 구매하도록 시도하고 압력을 가하는 마케팅 도구로 자주 사용됩니다. 특정 문제를 해결해야 하는 냉담한 잠재 고객에게 판매하는 것과 같은 특정 상황에서 성공할 수 있습니다. 산만함 없이 제품을 강조하기 때문입니다.

그러나 이러한 기술은 클릭당 지불 캠페인과 관련이 있습니다. 이 캠페인은 이전보다 비용이 많이 들 뿐만 아니라 웹에서 맬웨어 및 바이러스의 확산 증가로 인해 웹 방문자가 클릭에 대해 경계하게 만들었습니다. , 그리고 무엇보다도 긴 형식의 카피는 공격적인 형태의 광고이며, 당신이 끌어들이는 것보다 더 많은 방문자를 소외시킬 가능성이 높습니다.

#19. 읽기 어려운 글꼴 및 빈약한 색상 대비

불행히도 모든 사람이 완벽한 시력을 가지고 있는 것은 아니며 미묘한 색조와 색상을 구별할 수 있습니다. 사실, 시각 장애가 있는 사람들은 배경과 대조되지 않는 텍스트를 읽는 데 문제가 있습니다. 그리고 특히 남성은 특히 적색과 녹색을 구별하는 데 있어서 색 부족으로 고통받는 경우가 많습니다. 즉, 사이트에서 읽기 어려운 글꼴이나 좋지 않은 색상 대비를 사용하면 페이지를 읽기 어렵게 만들 수 있으며 페이지 이탈률이 증가하기 시작합니다.

#20. 프라이버시에 대한 사용자의 권리

웹사이트는 사람들에게 민감한 개인 정보를 신뢰하도록 지속적으로 요구하고 있습니다. 그러나 사용자가 공개해야 하는 정보가 많을수록 웹 사이트 디자이너와 소유자는 데이터 보호에 더 많은 중요성을 부여해야 합니다. 따라서 개인 소유 정보를 수집하는 웹 사이트 또는 온라인 양식을 디자인할 때 회사는 사용자 데이터를 수집하고 저장하는 방법에 대한 명확한 정책과 절차를 마련해야 합니다. 이것은 또한 개인정보 보호정책 및 웹사이트 이용약관의 형태로 방문자에게 전달되어야 합니다.

이것은 단지 법적 요구 사항이 아닙니다. GDPR(일반 데이터 보호 규정)과 같은 법률에 따른 의무를 준수하지 않으면 기업에 수천 또는 수십만 달러의 벌금이 부과되고 기업 소유자에 대한 형사 고발이 발생할 수 있습니다.

#21. 너무 많은 선택권 제공

너무 많은 옵션이 있는 웹사이트를 디자인하거나 클릭하거나 토글할 수 있는 버튼이 너무 많으면 사용자가 마비될 수 있습니다. 그들은 다음에 무엇을 해야 할지 모르기 때문에 종종 아무것도 하지 않습니다. 웹사이트 디자인의 황금 원칙은 적을수록 많다는 것입니다.

결론

잘 디자인된 웹사이트의 비즈니스 가치를 평가하는 것은 어려울 수 있습니다. 제대로 디자인되지 않았거나 제대로 작동하지 않는 사이트가 판매 및 전환 손실과 관련하여 회사나 조직에 막대한 비용을 초래할 수 있다는 사실을 깨닫기 전까지는 말입니다.

즉, 귀하의 사이트는 깨끗하고 매력적이며 잘 구성되어 있어야 하며 읽기 쉽고 탐색하기 쉬워야 합니다. 또한 빠르고 쉽게 로드할 수 있어야 하며 모든 장치 또는 화면 크기에서 볼 수 있어야 합니다. 목표 청중을 염두에 두고 사회적 증거를 소중히 여기며 적을수록 좋다는 일반적인 교훈을 기억하십시오.

마지막으로 중요한 것은 일단 웹사이트를 시작하고 작업이 완료되었다고 가정하지 마십시오. 그것과는 거리가 멀다. 웹 사이트는 가능한 한 최적화되고 최대한 많은 클릭과 전환이 달성되도록 지속적인 고객 및 사용자 피드백을 통합하여 지속적으로 진화해야 합니다.