웹 디자인의 세계를 탐색하는 것은 어려울 수 있습니다. 상충되고 오래된 조언이 너무 많습니다. 3-클릭 규칙을 준수하라는 조언을 몇 번이나 받으셨습니까? 사용자가 세 번의 클릭으로 원하는 콘텐츠에 도달해야 한다고 명시되어 있습니다. 그러나 Nielsen Norman Group에 따르면 3-Click 규칙을 지원하는 연구는 없습니다 . 그것은 단지 추측일 뿐입니다. 웹은 도시 신화에 해당합니다. 2022년 효과적인 웹디자인을 위해서는 해야 할 일과 하지 말아야 할 일들이 있습니다. 이번 포스트에서는 여러분이 자신있게 웹사이트를 디자인할 수 있도록 가장 중요한 사항을 알려드리겠습니다. 해야 할 일: 디자인 패턴을 활용하세요 디자인 패턴은 복잡한 기술처럼 들립니다. 그것이 의미하는 모든 것은 잘 알려진 표준 접근 방식을 복사하는 것입니다. 야콥의 법칙 에 따르면 대부분의 사람들은 대부분의 시간을 다른 사이트에서 보내므로 다른 사이트와 비슷하면 귀하의 사이트를 더 잘 이해할 수 있습니다. 사이트를 다른 사이트처럼 만들 수는 없으므로 타겟 인구 통계에 가장 도움이 될 디자인 패턴을 선택하고 선택하는 것이 중요합니다. 가장 잘 알려진 디자인 패턴 중 일부는 뷰포트의 왼쪽 상단에 로고를 배치하고 링크에 밑줄을 긋고 바닥글에 배송 정보와 같은 필수 요소를 배치하는 것입니다. 해야 할 일: 포함시키십시오 포괄적인 디자인은 웹이 모든 사람을 위한 것이라는 의견을 담고 있습니다. 항상 그런 것은 아닙니다. 불과 몇 년 전만 해도 개발 비용을 줄이기 위해 일부 인구 통계를 제외하고 사이트를 보는 것이 일반적이었습니다. 웹사이트에서 누군가를 제외하는 것은 잘못된 것입니다. 많은 관할 구역에서 불법이므로 불법입니다. 그러나 아마도 더 중요한 것은 사용자의 5%를 제외하면 수익에서 5%가 공제된다는 것입니다. 포함하기가 그 어느 때보다 쉬워졌습니다. 첫 번째 단계는 웹사이트를 반응형으로 만들어 모든 장치에 적합하도록 만드는 것입니다. 그런 다음 접근성 지침 을 따라 모든 사람을 환영합니다. 마지막으로 사용자의 말을 경청하고 요구 사항에 적응할 준비가 되어 있습니다. 해야 할 일: 단순하게 유지 웹사이트 디자이너로서 당신은 의심할 여지 없이 더 독창적인 사이트 중 일부를 부러워했습니다. 가장 실험적인 사이트의 대부분은 일반적으로 다른 디자이너를 대상으로 한다는 점을 기억하는 것이 중요합니다. 포트폴리오 사이트에서 잘 작동하는 것이 지역 편의점에서는 잘 번역되지 않습니다. 100번 중 99번, 단순한 선택이 옳은 선택입니다. 대부분의 사람들은 독창적인 디자인에 관심이 없습니다. 그들은 작업을 수행하는 데 관심이 있습니다. 작업을 완료하는 데 드는 노력이 적을수록 경험이 향상됩니다. 복잡성은 대부분 탐색에 영향을 미칩니다. 논리적 구조로 시작하여 간단한 계층적 탐색을 사용하십시오. 해야 할 일: 집중하라 모든 웹사이트에는 목표가 있습니다. 판촉, 이익, 효용 또는 조합일 수 있습니다. 해당 웹사이트의 각 부분, 모든 단일 페이지에는 하나의 목표가 있어야 합니다. 힉스의 법칙( Hick's Law )은 선택이 많을수록 결정을 내리는 데 걸리는 시간이 늘어난다고 합니다. 그리고 목표 기울기 효과 는 고객이 완료에 가까울수록 프로세스를 완료할 가능성이 더 높다고 말합니다. 이 둘을 결합하면 페이지에서 사용자에게 하나의 CTA(클릭 유도문안)를 제공하면 사용자가 이를 취할 가능성이 높아집니다. 각 페이지에 하나의 명확한 목적이 있는 경우 탐색, 링크 및 보조 목표를 계속 갖는 것이 좋습니다. 해야 할 일: 일관된 UI 유지 일관성은 종종 품질의 특징이라고 합니다. 세부 사항에주의를 기울였다는 의미입니다. 그러나 일관성은 좋은 인상을 주는 것만이 아닙니다. 일관성은 좋은 UX(사용자 경험)에도 필수적입니다. 사용자는 이동하면서 웹사이트를 탐색하는 방법을 배웁니다. 그들은 웹사이트와 상호작용할 때 웹사이트의 '규칙' 또는 논리를 배웁니다. UI(사용자 인터페이스)가 일관되면 규칙을 더 빨리 배우고 더 자신감을 갖게 됩니다. 일관성 테스트에 자주 실패하는 영역은 상자의 모서리 반경, 링크 스타일 및 쓰기 톤입니다. 하지마세요: 미학을 무시하세요 디자인은 사용성 연구와 디자인 패턴에 대한 의존에 관한 것이 아닙니다. 디자인도 아름다워야 한다. 아름다움은 종종 천박하고 중요하지 않은 것으로 여겨집니다. 그러나 미적 사용성 효과 는 아름다운 웹사이트가 고객에게 더 유용하다고 여겨질 가능성이 높다고 말합니다. 사랑스러운 디자인은 전환율이 높은 디자인입니다. 디자인이 예쁜지 확인하려면 타이포그래피 계층 , 색 구성표 및 레이아웃의 대칭에 주의하세요 . 하지 말아야 할 것: 사용자를 기다리게 하기 당신이 할 수 있는 최악의 일은 사용자를 기다리게 하는 것입니다. 기술이 발전할수록 연결 속도가 빨라질수록 사용자의 기대치가 높아집니다. 귀하의 사이트는 1초 이내에 로드되고 2초 이내에 상호작용해야 합니다. 그렇지 않으면 검색 엔진으로 다시 돌아가 경쟁사 중 하나를 대신 시도하는 고객을 잃게 됩니다. 지연은 사이트 속도에만 적용되는 것이 아닙니다. 고객이 원하는 정보나 제품에 쉽게 접근할 수 있어야 합니다. 사이트 깊숙이 여러 수준으로 묻지 마십시오. 복잡한 탐색이나 예측할 수 없는 구조로 인해 사용자가 지연되면 로드하는 데 10초가 걸린 것처럼 확실히 사이트를 종료합니다. 사용자는 인내심이 전혀 없습니다. 하지마세요: 화면을 차단하세요 웹을 검색할 때 사용자가 웹 사이트에서 콘텐츠를 보지 못하도록 차단하는 디자이너의 수는 놀랍습니다. 가장 일반적인 원인은 뉴스레터 구독 제안입니다. 고객이 아직 귀하의 제품을 본 적이 없는데 어떻게 귀하의 뉴스레터에 등록할 것인지 알 수 있습니까? 사용자가 사이트를 탐색하도록 한 다음 뉴스레터 구독을 제안합니다. 또 다른 일반적인 원인은 쿠키 알림입니다. 대부분의 사이트는 법을 준수하기 위해 적당한 쿠키 알림을 요구합니다. 그러나 쿠키 알림이 사이트에서 가장 중요한 콘텐츠인 것처럼 거대한 사이트 차단 모달을 표시합니다. 하지 말아야 할 것: 마지막까지 콘텐츠를 남겨두세요 내용은 종종 마지막까지 남아 있습니다. 어렵기 때문입니다. 우리가 어렸을 때 읽고 쓰는 법을 배웠다고 해서 설득력 있고 매력적인 판매 문구를 쓸 수 있다는 의미는 아닙니다. 콘텐츠는 SEO(검색 엔진 최적화)에 매우 중요하지만 더 중요한 것은 CX(고객 경험)에 필수적입니다. 대부분의 웹사이트는 콘텐츠에 세 가지 큰 실수를 합니다. 첫 번째 실수는 불균형 복사입니다. 이는 귀하의 주력 제품에 대해 25단어, 회사 연혁에 대해 5,000단어를 작성하는 것을 의미합니다. 두 번째 실수는 고객이 아닌 회사를 위한 글입니다. 이는 고객 작업이 아닌 회사 구조를 중심으로 콘텐츠를 구성하는 것을 의미합니다. 실수 3은 한 번에 너무 많은 내용입니다. 텍스트의 벽은 꺼집니다. 대신 고객의 관심을 유지할 수 있는 짧고 스캔 가능한 스니펫을 작성하세요. "오리지널을 시도하지 마십시오 ... ...그냥 잘하려고." 그 인용문은 20세기 디자인의 거물인 폴 랜드( Paul Rand )의 말입니다 . 독창성은 당신에 관한 것이고 품질은 웹사이트에 관한 것입니다. 훌륭한 디자이너는 평판보다 결과물에 더 신경을 씁니다.