10 최악 웹 사이트 디자인 실수

작성자 :
  • 웹사이트 디자인
  • 업데이트 : 8 월 03, 2017

지역 커뮤니티 칼리지에서 강의를들을 때, 몇 년 동안 사이트 디자인, 또는 당신이가는 아마추어 학습, 방문자가 자신의 사이트에서 시간을 보내고 싶어 원한다면 모든 웹 디자이너가 피해야 할 몇 가지가 있습니다.

당신은 아마 웹 사이트에 관하여 "끈적"이라는 말을 들었을 것입니다.

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

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

실수 #1 : 껄끄 러운 색

너무나 밝아서 서로 눈에 띄거나 색이 서로 겹치면 사이트 방문자가 웹 페이지에서 도망 가기를 원할 수 있습니다. 웹 사이트의 테마를 계획 할 때 서로 보완하는 색상을 선택하십시오. 노란색은 강조 색상으로보기 좋지만 거의 주 색상으로 작동하지 않습니다. 무지개의 모든 색상을 사용하는 것은 거의 좋은 아이디어가 아닙니다.

사이트 제목 : Moradito

나쁜 디자인 예제

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

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

그래픽으로 웹 페이지를 복잡하게 만들면 두 가지 상황이 발생합니다. 첫째, 페이지가 너무 바빠서 방문자가 어디에서 클릭할지 또는 처음에보고 싶은지 확실하지 않을 수 있습니다. 둘째, 브라우저의 인터넷 연결 속도가 느린 경우 페이지로드가 너무 오래 걸릴 수 있습니다. 30 초 후에 대부분의 사용자는 떠나 다른 사이트로 이동할 것입니다. 우리는 모든 것이 즉각적인 시대에 살고 있습니다. 처음 몇 초 동안 고객의주의를 끌지 않으면 그녀를 잃을 위험이 있습니다.

사이트 제목 : Pine-Sol

나쁜 디자인 예제

이 사이트에는 너무 많은 그래픽이있어 그냥 어수선하게 보입니다.

수많은 그래픽 위에 이미지가 페이지 전체를 돌아 다니므로 방문객이 이미지 중 하나를 클릭하려고해도 마우스로 이미지를 쫓아 야합니다.

실수 #3 : 느린로드 시간

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

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

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

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

사이트 제목 : The Museum of Me

나쁜 디자인 예제

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

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

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

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

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

사이트 제목 : Hemmy.net

나쁜 디자인 예제

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

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

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

사이트 제목 : Peter 's Buses

나쁜 디자인 예제

이 페이지의 그래픽에는 몇 가지 문제가 있습니다.

첫째, 투명 배경 대신 흰색으로 된 버스가 페이지에 내려져 아마추어처럼 보입니다. 오른쪽의 두 사진은 비율을 유지하지 않고 늘리고 크기를 조정 했으므로 문제가됩니다. 사진이 보입니다. 오른쪽에있는 사람들은 Lilliput의 땅에있는 거인이 될 수있을 정도로 뻗어 있습니다.

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

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

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

사이트 제목 : Cyber ​​D-Sign Clan

나쁜 디자인 예제

나쁜 디자인 예제

이 디자인은 매우 간단해서 기본 Microsoft 패턴 배경 및 Word Art로 즉시 인식 할 수 있습니다.

디자이너는 MS가 시작하는 표준 디자인에서 단어의 색상을 변경하지도 않았습니다. 그 위에 팝업 페이지가로드됩니다. 인트로를 건너 뛰고 기본 페이지를 클릭하면 디자인이 개선 된 경우 간과 할 수 있습니다. 그러나 링크 된 페이지 (아래)의 디자인은 실망 스럽습니다.

실수 #7 : 탐색 어려움

웹 사이트가 시각적으로 매력적인 디자인이라도 방문객은 좌절감을 느낄 수 있으며 잘못된 탐색을 남길 수 있습니다. 예를 들어 명확한 링크가 없거나 너무 많은 항목이있는 사이트는 어디로 갈지 결정하기 어렵습니다. 많은 웹 사이트 소유자가 직면하는 한 가지 문제는 갑자기 더 크게 커지는 작은 사이트입니다. 사이트에 500 페이지가있을 때 사이트에 5 개의 페이지가있을 때 작동하는 탐색이 작동하지 않습니다. 사이트가 어떻게 재 작업되고 범주 및 하위 범주로 재구성되는지 살펴보고 방문자가 원하는 곳으로 가야할 곳을 정확히 이해할 수 있도록하십시오. 검색 창을 추가하는 것도 현명한 방법입니다.

사이트 제목 : LawnSignDirectory.com

나쁜 디자인 예제

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

실수 #8 : 텍스트 문제

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

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

사이트 제목 : 버뮤다 삼각 지대

나쁜 디자인 예제

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

실수 #9 : 오타

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

사이트 제목 : Web Tek Rocks

나쁜 디자인 예제

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

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

실수 #10 : 너무 나빠서 설명 할 수 없다.

일부 웹 사이트는 디자인이 본질적으로 나쁩니다. 때로는 사이트를 눈에 괴롭히는 것이 아니라 사이트의 거의 모든 것을 눈에 띄게 만듭니다.

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

사이트 제목 : Afterlife

나쁜 디자인 예제

이 사이트는 너무 끔찍해서 설명하기 어렵습니다. 첫째, 발작하기 쉬운 사람은 발작이 일어나지 않는 사람조차 발작을 일으킬 가능성이 있기 때문에이 사이트를 벗어나야합니다. 사이트가 스크롤되고 애니메이션 그래픽이 깜박입니다. 그 위에 그래픽은 대부분의 경우 매력적이지 않으며, 기타를 연주하는 두건의 아기로 끝납니다. 감히 방문하십시오.

Lori Soard 정보

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