2022년에 피해야 할 10가지 일반적인 웹 디자인 실수

웹사이트를 방문하여 5초 안에 탭을 닫을 때의 느낌을 아십니까? 웹사이트에서 사용자의 평균 집중 시간은 8초입니다. 웹 사이트는 비즈니스, 전자 상거래 또는 개인 블로그가 될 수 있습니다. 이제 다음 8초 안에 청중이나 고객에게 긍정적인 인상을 주고 싶습니다. 그리고 그들의 관심을 끌

그들이 경쟁자로 전환하거나, 끔찍한 인상을 주거나, 조잡한 디자인으로 웹사이트에서 이탈률을 높이는 것을 원하지 않을 것입니다. 색 구성표가 지저분하면 타이포그래피가 브랜드와 어울리지 않거나 일반적으로 UI가 비효율적입니다.

기본적으로 귀하의 웹 사이트는 귀하에게 거래 차단기가 될 수 있습니다. 다른 모든 비즈니스는 온라인에 존재하며 웹 사이트를 갖는 것은 시장에 진출하고 잠재 고객을 확보하는 데 필수적인 부분이 되었습니다.

적절한 구성 요소, 깔끔한 사용자 인터페이스, 단순성, 기능, 색 구성표, 시각 효과, 타이포그래피 및 일관성을 갖춘 훌륭한 웹 사이트는 사람들이 계속해서 블로그를 탐색하거나 구매하거나 계속 읽도록 할 수 있습니다.

그렇다면 이 모든 것이 균형을 이루는 웹사이트를 어떻게 가질 수 있을까요? 또한 청중이 원활한 브라우징 경험을 할 수 있도록 웹사이트 디자인 실수를 방지할 수 있는 방법을 설명합니다.

무엇이 좋은 웹사이트를 만드는가?
일반적인 웹사이트 디자인 실수

무엇이 좋은 웹사이트를 만드는가?

웹사이트 디자인 실수를 피하기 위해 먼저 무엇이 웹사이트를 좋은 웹사이트로 만드는지 이해하려고 노력합시다. 당신은 그래픽 디자이너가 아닐 수도 있고, 아니면 웹사이트 디자인을 완성하기 위해 비용을 지불하고 있을 수도 있습니다. 당신의 비전이 실현된다는 것을 어떻게 확신합니까?

디자인에는 원칙이 있으며 모든 것을 알기 위해 마법사가 될 필요는 없습니다. 당신이 그것을 올바르게 얻기 위해 따를 수 있는 기본적인 6가지 원칙. 디자인 원칙이 무엇인지 살펴보겠습니다.

디자인의 6가지 원칙

화합/화합

움직임을 암시하거나 다시 리듬을 만드는 요소가 규칙적으로 반복되는 요소로 반복 패턴을 만듭니다. 예를 들어, 미로처럼.

균형

요소들을 대칭, 비대칭, 방사형으로 배열하여 균형감을 줍니다.

계층

이름에서 알 수 있듯이 여기에서는 다른 원칙을 사용하고 사용자가 보기를 원하는 방식으로 디자인 요소를 정렬합니다.

규모/비율

크기, 비율, 구분을 사용하여 시각적 조화를 만들고 요소 간의 관계 감각을 설정합니다.

지배력/강조

하이라이트, 색상 및 크기를 사용하여 강조점을 만들고 차이점을 설정하고 웹사이트의 중요한 측면에 청중의 초점을 맞추십시오.

차이

유사해 보이거나 동일한 시각적 특성을 공유하는 요소를 그룹화합니다.

구성할 때 웹 디자인의 전경과 배경 등 서로 다른 색상을 사용하여 서로 다른 디자인을 조합합니다.

일반적인 웹사이트 디자인 실수

클릭 유도문안(CTA) 버튼이 없는 경우

클릭 유도문안은 귀하가 조직 또는 개인으로 존재한다는 증거를 사용자에게 제공하는 모든 것이 될 수 있습니다. 또한 사용자가 웹 페이지에서 어떤 종류의 조치를 취하도록 안내하고 권장합니다.

구독 버튼, 통화 또는 귀하가 제공하는 무료 온라인 과정에 대한 등록과 같은 간단한 것일 수 있습니다. 대부분의 경우 클릭 유도문안은 강조 표시되거나 특수 버튼을 통해 이루어집니다.

웹 사이트 및 이미지의 너무 많은 로딩 시간

앞서 언급했듯이 웹사이트에서 사용자의 평균 집중 시간은 8초입니다. 어디선가 배너 광고를 보고 즉시 브랜드나 해당 광고가 제공하는 제품/서비스에 관심을 갖게 된다면 어떻게 하시겠습니까?

버튼을 따라 링크를 클릭하면 로드하는 데 너무 많은 시간이 걸리는 페이지로 이동합니다. 짜증이 나서 즉시 탭을 닫습니다. 귀하의 비즈니스에 끔찍할 수 있습니다. 특히 인터넷상의 귀하의 웹사이트가 귀하의 존재가 있는 유일한 소스인 앱이 없는 전자 상거래 산업을 다루는 경우에 그렇습니다.

마찬가지로 사진을 업로드할 때 웹용으로 사용하는 더 작은 그래픽은 300KB 이하, 크거나 전체 화면 배경 이미지는 1MB 이하로 만드십시오.

관련 이미지 및 콘텐츠 없음

귀하가 저소득층 아동의 교육에 중점을 둔 NGO라고 가정해 보겠습니다. 그러나 귀하의 웹사이트에 작성된 내용은 귀하의 조직이 그들의 삶을 더 낫게 만들기 위해 무엇을 하고 있는지에 대한 정보를 제공하는 것이 아니라 최근에 발표된 노래의 의미에 관한 것입니다. 그것은 분명히 청중을 혼란스럽게 할 것입니다. 귀하의 주요 목적에 부합하는 콘텐츠를 보유하십시오.

비주얼에 대해서도 마찬가지입니다. 이미지가 콘텐츠와 잘 어울리지 않으면 관련 이미지로 변경하거나 제거해야 합니다.

복잡하고 역기능적인 웹사이트 보유

코딩 문제, 만료되거나 일치하지 않는 도메인 이름, 고장난 내부 링크로 인해 웹사이트가 제대로 작동하지 않아 웹사이트 탐색이 어려울 수 있습니다.

또 다른 이유는 보안 HTML 웹 사이트가 없어서 시청자가 웹 사이트의 보안을 의심하게 만들기 때문일 수 있습니다. 결과적으로 나쁜 사용자 경험과 청중을 실망시킵니다.

콘텐츠를 업데이트하지 않음

응답 시간에 간접적으로 영향을 미치기 때문에 콘텐츠를 새로 고치고 업데이트해야 합니다. 오래된 플러그인과 테마로 인해 데이터가 손실되고 웹사이트가 다운될 수 있으며, 다른 웹사이트로 자동 리디렉션되어 SEO 순위에 영향을 미치고 Google에서 사용자를 블랙리스트에 올릴 수도 있습니다.

웹사이트에 대한 적절한 레이아웃, 색 구성표 및 타이포그래피 부족

일부 웹 사이트에는 정보, 그래픽, 비디오 등이 너무 많습니다. 이렇게 하면 웹 사이트의 로드 시간이 늘어나고 읽기가 어려워집니다. 공백을 사용하고 웹사이트를 어지럽히는 요소를 너무 많이 사용하지 마십시오.

하이엔드 브랜드라면 업종에 맞는 레이아웃을 선택하세요. 브랜딩에 대해 이야기하면서 사람들이 웹사이트를 디자인할 때 저지르는 또 다른 실수는 적절한 색 구성표와 타이포그래피를 선택하지 않는 것입니다. 그리고 전체 웹 사이트는 색상 팔레트와 글꼴이 일치하지 않는 광대처럼 보입니다.

각 색상은 무언가를 나타냅니다. 웹사이트를 디자인할 때 색상 심리학을 염두에 두십시오. 그리고 그에 따라 색상을 선택하십시오. 타이포그래피에도 동일한 규칙이 적용됩니다. 브랜드의 개성에 맞아야 합니다. 귀하의 브랜드가 펑크를 외치지 않는 한 읽기 쉬운 글꼴을 사용하고 적절한 글꼴 크기를 사용하십시오.

모바일 친화적인 웹사이트 없음

데스크탑 전용으로 설계된 웹 사이트는 사용자가 macOS, 모바일 장치 또는 태블릿과 같은 다른 장치에서 탐색할 때 문제가 될 수 있습니다. 사용자 경험이 영향을 받으며 좋지 않습니다. 웹사이트를 다른 기기에 최적화하고 사이트에 대한 반응형 디자인을 구축하여 모바일 친화적으로 만드십시오.

백링크, 내부 링크 또는 소셜 미디어 계정에 대한 링크가 없는 경우

간단히 말해서 백 링크는 사용자가 다른 웹사이트에서 귀하의 웹사이트로 귀하의 웹사이트로 연결되는 것입니다. 웹사이트의 신뢰성은 특히 Google의 PageRank 및 SEO의 경우 백링크에 크게 의존합니다.

귀하의 사이트에 링크된 사이트와 관련된 관련 콘텐츠가 있는지 확인하고 품질을 보장합니다. 백링크는 SEO에서 가장 눈에 띄는 요소 중 하나입니다.

내부 링크는 사용자가 웹사이트의 한 페이지에서 다른 페이지로 안내되는 것입니다. 검색 엔진이 이러한 링크를 사용하여 웹사이트를 탐색하기 때문에 다시 한 번 중요합니다. 소셜 미디어 계정을 웹사이트에 연결하는 것은 영향력 있는 소셜 미디어 통합 전략 중 하나입니다.

청중이 다양한 플랫폼에서 귀하에게 연결하는 데 도움이 될 뿐만 아니라 귀하에 대해 더 많이 알 수 있도록 하여 귀하의 페이지로 트래픽을 유도할 수도 있습니다.

마지막으로, 웹사이트에서 이러한 관행을 사용하지 않으면 경쟁자보다 우위를 점할 수 있는 많은 조치를 놓치고 있는 것입니다.

미니멀하고 깔끔한 사용자 인터페이스가 없음

적을수록 더 많이 사용되며 대부분의 경우 사람들은 단순함의 힘을 과소평가합니다. 그러나 본질적으로 미니멀한 웹사이트 디자인을 갖는 것은 2000년대 초반에 성장하기 시작했고 그 개념은 오늘날 붐을 이루고 있습니다. 하나가 없으면 복잡성의 위험이 높아집니다.

최소한의 디자인은 혼란을 줄이면서 시청자의 초점을 원하는 곳으로 빠르게 돌릴 것입니다. 귀하의 콘텐츠를 간단하고 직접적인 방법으로 제시하는 데 도움이 됩니다.

마찬가지로 깔끔한 사용자 인터페이스는 사용자의 눈에 보기 쉽고 읽기 쉽고 잘 정리되어 있습니다. 깨끗한 사용자 인터페이스가 없으면 시청자가 산만하지 않고 한 가지에만 집중하기 어렵습니다. 깨끗하고 최소한의 사용자 인터페이스를 달성하는 데 도움이 되는 디자인 원칙을 참조할 수 있습니다.

SEO 또는 분석 없음

웹사이트에서 SEO를 사용하는 전략을 무시하면 유입되는 유기적 트래픽을 놓치고 페이지 순위가 영향을 받습니다. 웹 사이트를 만드는 동안 항상 SEO를 염두에 두고 최소한 SEO의 기본 사항은 알고 있어야 합니다.

웹사이트의 또 다른 핵심 부분은 잠재고객을 이해하는 데 도움이 되는 분석입니다. 청중은 어디에서 왔습니까? 다음 번에 웹사이트에서 어떤 유형의 콘텐츠를 좋아합니까? 전자 상거래 사이트인 경우 측정 항목을 사용하여 판매 게임을 확장할 수 있습니다.

또한 아웃바운드 링크를 추적하면 협업을 위한 새로운 기회가 제공됩니다. 또한 어떤 질문으로 인해 사용자가 사이트에 도달했는지, 클릭률(CTR) 및 평균 게재순위를 확인할 수 있습니다.

결론

우리는 웹사이트의 성능을 나쁘게 만드는 많은 것들을 살펴보았습니다. 그러나 결론을 내리면서 해야 할 일과 하지 말아야 할 일을 빠르게 수정하여 웹사이트를 만드는 동안 실수를 피할 수 있습니다.

웹사이트는 무엇으로 구성되어야 합니까?

• 깨끗하고 최소한의 사용자 인터페이스로 모바일 친화적인 웹사이트를 만드십시오.
• 웹 사이트를 만드는 동안 디자인 원칙을 따르십시오.
• 귀하의 웹사이트와 관련된 관련 영상/그래픽 및 콘텐츠를 보유하십시오. 이것은 또한 사이트에 픽셀화되거나 왜곡된 이미지가 없음을 의미합니다. 파일 크기가 더 큰 이미지를 최적화하십시오.
• 웹사이트에 SEO 및 분석을 포함하여 순위를 올리세요.
• 웹사이트에 대한 인바운드 및 아웃바운드 링크를 보유하고 소셜 미디어 계정을 웹사이트에 연결하는 통합
• 웹사이트의 타이포그래피와 색 구성표를 브랜드 개성에 맞추는 습관을 들이십시오.
• 클릭 유도문안 버튼을 놓치지 마세요.
• 공백을 사용하고 웹사이트가 복잡하거나 복잡하지 않도록 하십시오.
• 콘텐츠를 새로고침하고 명확한 메시지로 자주 업데이트하세요.

자주 묻는 질문

일반적인 웹 사이트 디자인 실수는 무엇입니까

CTA 버튼을 추가하지 않는 것, 모바일 친화적인 웹사이트가 없는 것, 깔끔하고 미니멀한 디자인이 없는 것, 긴 로딩 시간은 웹 디자이너가 피해야 하는 일반적인 웹사이트 디자인 실수 중 일부입니다.

무엇이 나쁜 웹 페이지 디자인을 만드는가?

반응이 없는 디자인, 어수선한 레이아웃, 숨겨진 탐색 메뉴 및 잘못된 색상 대비는 잘못된 웹 페이지 디자인을 나타냅니다.

4가지 일반적인 설계 오류는 무엇입니까?

너무 많은 글꼴을 사용하고 스톡 이미지를 사용하고 교정하지 않고 색상 대비가 좋지 않습니다.