최악의 웹 디자인 실수 : 나쁜 웹 사이트의 10 가지 예

작성자 :
  • 웹사이트 디자인
  • 업데이트 : Apr 16, 2020

지역 커뮤니티 칼리지에서 강의를 수강했는지 여부 웹 사이트 제작 몇 년 동안 또는 아마추어 학습을하는 경우 방문자가 자신의 사이트에서 시간을 보내는 것을 즐기려면 모든 웹 디자이너가 피해야 할 사항이 있습니다.

당신은 아마 "끈적끈적한웹 사이트를 참조하십시오.

이는 방문자가 계속 머물기를 원하는 사이트를 의미합니다. 브라우저에 머무르며 즐겨 찾기에 자주 방문하는 사이트입니다. 사이트를 끈적 거리게 만드는 요소가 너무 많아서 완전히 다른 주제가됩니다.

그러나 방문자가 도망 가기를 원하는 사이트를 만들 수있는 웹 디자인 실수가 분명 있습니다. 다음은 피할 수없는 디자인입니다.

실수 #1 : 껄끄 러운 색

너무 밝은 색상은 눈을 상하게하거나 서로 충돌하는 색상으로 사이트 방문자가 웹 페이지에서 벗어나기를 원할 수 있습니다.

웹 사이트 테마를 계획 할 때는 서로 보완 할 색상을 선택하십시오. 노란색은 기본 색상으로 거의 작동하지 않지만 악센트로 좋을 수 있습니다. 무지개의 모든 색을 사용하는 것도 좋은 생각이 아닙니다.

나쁜 웹의 예ite : 모라 디토

나쁜 디자인 예제
이 사이트는 수수께끼 유형의 패턴에서 상상할 수있는 거의 모든 색상을 사용합니다. 그것을 설명하는 유일한 방법은 추악합니다.

실수 #2 : 너무 많은 그래픽

웹 페이지를 그래픽으로 어지럽히면 두 가지 다른 일이 발생합니다.

첫째, 페이지가 너무 바빠서 방문자가 클릭 할 곳이나보고 싶은 것을 확실하지 않을 수 있습니다.

둘째, 사용자의 인터넷 연결 속도가 느리면 페이지를로드하는 데 시간이 너무 오래 걸릴 수 있습니다. 30 초 후에 대부분의 사람들이 다른 사이트로 이동합니다. 우리는 모든 것이 즉각적인 시대에 살고 있습니다. 처음 몇 초 동안 고객의주의를 끌지 않으면 고객을 완전히 잃을 위험이 있습니다.

나쁜 웹의 예ite : 파인 솔

나쁜 디자인 예제
이 사이트에는 너무 많은 그래픽이있어 혼란스러워 보입니다. 수많은 그래픽 외에도 이미지가 페이지 전체에서 움직이므로 방문자가 이미지 중 하나를 클릭하더라도 마우스로 이미지를 쫓아 야합니다.

실수 #3 : 느린로드 시간

방문자가 돌아 오기 전에 커피 한 잔과 도넛을 먹을 시간이 너무 느리므로 웹 사이트가 너무 느리게로드됩니까?

플래시, 사운드, 고해상도 그래픽 또는 자바 스크립트와 같은 요소를 너무 많이 추가하면 사이트로드 속도가 느려지고 느려질 수 있습니다. 대부분의 방문자가 고속으로 작동하지만 전화가 걸려 너무 느리게로드되면 사이트에 액세스 할 수없는 농촌 고객이 있습니다.

팁 : 사이트 속도를 확인하고를 통해 개선 조언을 받으십시오. Google 페이지 속도 통찰력.

속도는 사용자 경험에 필수적 일뿐만 아니라 매우 중요한 순위 요소입니다. 페이지 스피드는 2010의 검색 엔진 순위 요소가되었으며, 6 월 2016에서 구글은 페이지 속도 순위 요소를 업데이트하여 모바일 페이지의 페이지 속도를 특별히 보게 될 것이라고보고했다. 모바일 검색이 Google 검색의 절반 이상을 차지하는 경우 모바일 페이지 속도도 최적화해야합니다.

- 출처 : 더 나은 사이트 속도로 귀하의 SEO를 부스트

나쁜 웹의 예ite : 나 박물관

나쁜 디자인 예제
이 웹 사이트의 플래시가 매우 느리게로드됩니다. 그 위에는 플래시를 건너 뛸 수있는 눈에 보이는 링크가 없습니다. 다운로드 속도가 느린 브라우저는이 사이트를로드하는 데 너무 번거롭기 때문에 사이트를 빠져 나와 결코 반환하지 않을 것입니다.

실수 #4 : 광고가 너무 많음

콘텐츠 웹 사이트와 블로그는 제품을 판매하는 대신 광고를 통해 수익을 창출합니다. 그러나 많은 웹 사이트 소유자가 실패하는 곳은 방문자가 콘텐츠와 광고의 차이를 말할 수없는 많은 광고를 추가하는 것입니다. 방문자가 기사 또는 기사의 나머지 부분을 찾기 위해 검색해야하는 경우 페이지에 너무 많은 광고가 있습니다. 사이트에 배치 된 광고는 1 ~ 2 개가 가장 좋습니다. 그 이상으로 브라우저를 귀찮게 할 수도 있습니다.

사실, 디지털 광고 보고서 Upstream과 YouGov가 2012에서 실시한 조사에 따르면, 20 %의 소비자가 광고를 너무 많이한다면 결코 다시는 그 회사를 사용하지 않을 것이라고 말했다.

나쁜 웹의 예ite : Hemmy.net

나쁜 디자인 예제
이 웹 사이트의 여러 페이지에서 페이지 상단의 전체보기 영역은 다른 종류의 90 % 광고입니다. 페이지의 내용을 보려면 아래로 스크롤해야합니다. 심지어 거기에, 흩어져있는 추가 광고가 있습니다. 그것은 너무 혼란 스럽기 때문에 사이트에 집중하기가 어렵습니다.

실수 #5 : 아마추어 사진 수정

아마추어가 제대로 편집되지 않은 이미지보다 큰 소리로 외치는 것은 없습니다. 이러한 유형의 문제가있는 웹 사이트에서는 흐릿한 경계선, 자동 보정 색상, 눈에 띄지 않는 레이어 기법을 사용하여 두 그림이 서로 접합되거나 이상한 크기 조정 비율이 적용될 수 있습니다.

팁 : 무료 이미지 편집 도구를 온라인에서 사용하십시오. 칸바, 그림 원숭이

나쁜 웹의 예ite : 피터의 버스

나쁜 디자인 예제
이 페이지의 그래픽에는 몇 가지 문제가 있습니다. 첫째, 투명한 배경 대신 흰색이있는 버스가 있습니다. 버스는 페이지에서 튀어 나와 아마추어처럼 보입니다. 오른쪽에있는 두 장의 사진은 비율이 유지되지 않고 늘어나거나 크기가 조정되어 문제가됩니다. 사진은 잘 보이고 오른쪽에있는 사람들은 릴리 푸트 땅의 거인이 될 수 있도록 펼쳐져 있습니다.

실수 #6 : 3 살짜리 어린이가 만들 수있는 디자인

Microsoft Word를 열고 Word Art를 만든 다음 인터넷에 사이트를 게시 한 것처럼 보이는 웹 사이트가 있으면 디자인 요소를 다시 생각해 볼 수 있습니다. 혼잡이 더 바쁜 사이트의 일부에서 환영받는 구제 조치 인 반면, 너무 단순 해지면 청소년 사이트를 위험에 빠뜨릴 위험에 처하게됩니다.

나쁜 웹의 예ite : 사이버 D 사인

나쁜 디자인 예제
디자이너는 MS가 시작하는 표준 디자인의 단어 색상도 변경하지 않았습니다. 이 디자인은 매우 단순하여 기본 Microsoft 패턴 배경 및 Word Art로 즉시 인식 할 수 있습니다.
나쁜 디자인 예제
또한 팝업 페이지가로드됩니다. 소개를 건너 뛰고 메인 페이지를 클릭하면 디자인이 더 좋으면 간과 될 수 있습니다. 그러나 링크 된 페이지 (아래)의 디자인은 실망 스럽습니다.

실수 #7 : 탐색 어려움

웹 사이트에 시각적으로 매력적인 디자인이 있어도 방문자는 불만을 품고 탐색 기능이 저하 될 수 있습니다.

예를 들어, 명확한 링크가 없거나 많은 항목이있는 사이트는 어디로 갈지 결정하기 어렵습니다. 많은 웹 사이트 소유자가 직면하는 한 가지 문제는 작은 사이트가 갑자기 커지는 것입니다. 사이트에 500 페이지가있을 때 작동 한 탐색 기능은 사이트에 XNUMX 페이지가 있으면 작동하지 않습니다. 방문자들이 원하는 곳으로 정확히 어디를 가야하는지 이해할 수 있도록 사이트를 어떻게 재 작업하고 카테고리 및 하위 카테고리로 재구성 할 수 있는지 살펴보십시오. 검색 창을 추가하는 것도 현명합니다.

나쁜 웹의 예ite : LawnSignDirectory.com

나쁜 디자인 예제
방문자는 자신의 지역을 검색 할 수있는 방향을 기대하지만 대신 페이지 왼쪽에 나열된 수십 개의 링크, 오른쪽의 광고 및 몇 가지 기능을 갖춘 비즈니스가 있습니다. 이 사이트는 조직 구조의 개조를 통해 방문자가 쉽게 찾을 수있는 자원을 찾을 수 있습니다.

실수 #8 : 텍스트 문제

바쁜 배경을 사용하고 충분한 대비를 제공하지 못하는 텍스트 색상을 선택한 웹 디자이너는 웹 페이지를 읽을 수 없게 만듭니다. 한 기사를 읽은 후 방문자의 눈이 아플 경우 왜 그녀는 귀하의 사이트에서 더 많은 페이지를 읽을 수 있습니까? 바쁜 배경을 선택해야하는 경우 적어도 상자, 레이어 또는 내용 표를 단색 배경으로 배치하고 반대쪽에있는 텍스트 색을 선택하십시오. 회색은 회색을 피하고 어두운 빨간색은 흰색, 밝은 분홍색은 검정색 등을 선택하십시오.

서로 겹치는 단어는 부분적으로 그래픽 위에 겹쳐 있고 부분적으로 단색 배경에있는 단락과 마찬가지로 읽기가 어렵습니다.

나쁜 웹의 예ite : 버뮤다 삼각 지대

나쁜 디자인 예제
이 사이트에는 대조 문제가있을뿐만 아니라 텍스트가 다른 텍스트와 겹치므로 거의 읽을 수 없습니다.

실수 #9 : 오타

눈에 띄지 않는 오타 및 문법 문제보다 전문가가 아닌 것을 비명하는 것은 없습니다. 완벽한 사람은 없지만 가까이 오려고 할 수 있습니다. 친구와 가족에게 페이지를 살펴보고 이러한 오류를 찾거나 페이지를 증명할 전문 편집인을 고용하도록하십시오. 아래의 예는 재미있는 것입니다. 이것은 실제 웹 디자인 회사는 아니지만 전문가가 아닌 일부 회사가 나타나는 방식에 대한 혀를보고 있습니다.

팁 : 방법에 대해 알아보십시오 자신의 글에서 오타와 오류를 잡아라..

나쁜 웹의 예ite : 웹 테크 록스

나쁜 디자인 예제
하나의 오타가 간과 될 수 있지만이 사이트는 그늘진 사이트의 오류가 얼마나 많은지 보여줍니다. 웹 사이트를 구축하는 데 도움이되는 회사의 경우 사이트를 구축하기 전에 자신의 사이트에서 문제를 수정하는 데 시간을 할애하는 것이 좋습니다. "특별"은 SPECAIL로 표기합니다; "전문 기술"은 철자가 "experteze"; 그들은 온라인에서 "스스로 돕는다"고 제안합니다. "우리는 할 수있다. 내장 누구보다 빠른 귀하의 사이트! "

실수 # 10 : 최악의 웹 사이트 디자인 – 설명 할 수 없을 정도로 나쁨

일부 웹 사이트는 본질적으로 디자인이 실제로 나쁩니다. 이처럼 잘 설계되지 않은 웹 사이트는 사이트를 눈에 아프게하는 것이 아니라 사이트의 거의 모든 것입니다.

추악한 색상, 잘못된 탐색 및 기타 항목의 조합이있을 수 있습니다. 다행히도이 사이트는 드물지만 사이트를 보는 것은 지원 귀하의 사이트를 디자인 할 때해야 할 일.

나쁜 웹의 예ite : 내세

나쁜 디자인 예제
이 사이트는 설명하기가 너무 끔찍합니다. 첫째, 발작하기 쉬운 사람은 발작이 발생하지 않는 사람이라도 발작을 일으킬 가능성이 있기 때문에이 사이트에서 멀리 떨어져 있어야합니다. 사이트 스크롤, 애니메이션 및 깜박임 그래픽으로 가득합니다. 게다가, 그래픽은 대부분 아기에게 끝나지 않고 기타를 연주하면서 매력적이지 않습니다. 감히 방문하십시오.

Lori Soard 정보

Lori Soard는 1996 이후 프리랜서 작가이자 편집자로 일해 왔습니다. 그녀는 영어 교육 학사 학위와 저널리즘 박사 학위를 가지고 있습니다. 그녀의 기사는 신문, 잡지, 온라인에 게재되었으며 여러 권의 책이 출판되었습니다. 1997 이후 저자 및 중소기업을위한 웹 디자이너 및 발기인으로 일했습니다. 그녀는 짧은 시간 동안 인기있는 검색 엔진에 대한 웹 사이트 순위를 매기고 많은 고객을 위해 심층적 인 SEO 전술을 연구하기까지했습니다. 그녀는 독자들에게서 듣는 것을 즐긴다.