11 일반적인 웹 디자인 실수 (실수)

인터넷에는 수 많은 웹 사이트가 있으며, 하루에 수백 또는 수천 가지가 생성됩니다. 숙고하는 것은 매우 흥미로운 일입니다. - 좋은 웹 사이트의 요소는 무엇입니까??

웹 사이트를 구축하는 것은 어려울 수 있지만 실질적인 도전은 유용하게 만듭니다. 문제는 대부분의 웹 디자이너가 웹 사이트가 스스로 만들어지지 않았지만 사용자의 요구를 해결한다는 것을 잊어 버리는 것입니다. 실용성과 유용성보다 창의력에 우선 순위를 부여합니다..

이 기사에서 우리는 웹 개발자와 디자이너가 만드는 11 가지 웹 디자인 실수 이러한 실수를 쉽게 피할 수있는 몇 가지 제안.

1. 검색 창은 어디에 있습니까?

웹은 정보 보관소와 같습니다. 회사 웹 사이트이든 단순한 블로그이든간에 검색 창은 필수적입니다. 방문자는 웹 사이트 내에서 숨겨진 무언가를 찾고있을 수 있습니다. 검색 상자를 사용하면 방문자가 원하는 것을 얻을 수 있습니다..

제안 :Google 맞춤 검색 간단하고 효과적인 방법으로 시작할 수 있습니다. 그것은 방문자가 효율적인 방식으로 귀하의 사이트를 검색 할 수 있습니다. 제어판에서 HTML 코드를 복사하여 웹 사이트에 붙여 넣기 만하면됩니다. 웹 사이트에 검색 기능이 있습니다..

다음은 사이트에 Google의 검색 엔진을 표시하는 간단한 양식 코드입니다. 사이트 이름을 웹 사이트 이름으로 변경하기 만하면됩니다. 또한 제출 값을 원하는대로 수정할 수 있습니다..

더: 신성 검색 상자 설계 : 예제 및 모범 사례- 이 기사에서는 검색 창 디자인에 대한 가이드 라인을 자세히 설명합니다..

2. 가독성 및 가독성 불량.

이것은 웹 디자인의 중요한 요소입니다. 물론, 좋은 인터페이스 디자인은 사용자의 관심을 사로 잡을 것이지만 사용자는 자신이 원하는 정보를 파악할 수 있도록 텍스트를 읽어야합니다. 일부 웹 사이트는 독창적 인 글꼴 스타일과 크기를 사용하여 고통을 읽습니다..

제안 :다행히도 웹 사이트에서 사용자의 독서 경험을 향상시킬 수있는 간단한 방법이 있습니다..

1. 대부분의 주요 사이트의 색 구성표를 비교하고 색이 가독성을 어떻게 향상시키는 지 확인하십시오. 다른 색상 구성표를 시험해 볼 수있는 좋은 기회입니다. 어도비 쿨러.
2. 사용 산 세리프체 서체 웹에서 쉽게 읽을 수 있기 때문에.

더: 다음은 가독성 향상에 대한 추가 팁을 제공 할 좋은 기사입니다. - 가독성 - 웹 페이지를 읽기 쉽게 만들기.

3. Unorganized Content Layout.

웹 사이트의 콘텐츠가 트래픽을 유도합니다.. 콘텐츠가 어떻게 구성되어 있는지에 따라 콘텐츠의 성공 여부가 결정됩니다. 사용자는 꼭 필요한 경우가 아니라면 읽지 않고 웹 페이지에서 정보를 스캔하고 관심 장소를 찾아냅니다. 일부 디자이너는 웹 페이지에 텍스트 블록을 넣고 머리글, 소제목, 글 머리 기호, 키워드, 단락 등을 완전히 무시합니다..

각 웹 페이지에 적절한 페이지 제목을 사용하여 사용자가 어디에 있는지 정확하게 알 수 있습니다. 일부 디자이너는 웹 페이지의 이름을 잊어 버리기까지합니다..

전반적으로이 카테고리에서 최악의 경우는 부정확하거나 액세스가 불가능하거나 중요하지 않은 콘텐츠를 웹 사이트에 올릴 수 있습니다. 콘텐츠는 웹 사이트의 전체 주제와 일치해야하며 유용해야합니다. 페이지가 작성 중일 경우 왜 페이지를 작성해야합니까? 디자이너가 정말로해야한다면, 일시적인 것이며 3 주는 더 이상 일시적인 것으로 간주되지 않습니다..

제안 : HTML 및 CSS를 사용하여 웹 사이트의 콘텐츠를 구성하여 페이지 디자인을 만들 때 사용해야합니다..

1. 여백을 사용하여 텍스트와 이미지 사이에 충분한 공백을 만듭니다..
2. 업데이트하고 일관성있게. 업데이트의 목적은 새로운 콘텐츠를 추가하는 것이 아니라 과거의 실수를 발견하고 수정하는 것입니다.. 야콥 닐슨 네가 고용 할 것을 제안한다. 편물 “정원사”.

팀의 일원으로 웹 정원사를 고용하는 예산. 웹 사이트가 변경되면 잡초를 뿌리 뽑고 꽃을 다시 심어야하지만 대부분의 사람들은 유지 보수보다 새로운 콘텐츠를 만드는 데 시간을 할애해야합니다. 실제로 유지 관리는 많은 이전 페이지가 관련성을 유지하고 새 페이지에 링크되어야하므로 웹 사이트의 콘텐츠를 향상시키는 저렴한 방법입니다. 물론 일부 페이지는 만료 날짜 이후에 서버에서 완전히 제거하는 것이 더 좋습니다. - 야콥 닐슨

4. 잘못된 탐색.

웹 사이트 내의 탐색은 매끄러 워야합니다.. 사용자는 자신의 길을 쉽게 찾을 수 있어야합니다. 특히 새로운 웹 개발 기술이 등장하면서 웹 사이트 내에서 탐색하기위한 표준은 없지만 탐색이 직관적이고 일관성이 있어야한다는 것을 이해하는 것이 중요합니다..

텍스트를 탐색으로 사용하는 경우 간결해야합니다. 시각적 은유는 다시 발명되어서는 안됩니다. 하이퍼 링크가 사용되면 텍스트 본문에서 눈에 띄어 야합니다. 죽은 링크는 어떤 웹 페이지에도 존재하지 않아야합니다. 이로 인해 사용자의 혼란이 증가하고 시간이 낭비됩니다. 그리고 심지어 더 나쁜 것은 홈페이지에 링크되어있는 링크입니다..

제안 :

1. 모든 링크에 텍스트 설명을 사용하여 탐색을 원활하게 만듭니다. 이미지에 대체 텍스트를 제공하십시오. Flash 또는 Javascript 링크에 대체 텍스트 설명 기술 사용.
2. 웹 사이트 테마와 함께 네비게이션을 구성하고 구조화하십시오. 개인 웹 사이트는 더 창의적이지만 액세스 할 수 있지만 비즈니스 웹 사이트는 더 많은 효율성과 명료성을 요구합니다..

사용자가 3 회 미만의 클릭으로 원하는 것을 찾지 못하면 대부분 즉시 떠날 것임을 기억하십시오..

더: 효과적인 웹 사이트 탐색 구현 - 이 기사는 웹 사이트의 효과적인 탐색을 구현하는 데 더 많은 통찰력을 제공합니다..

5. 일관성없는 인터페이스 디자인.

과도한 독창성이 바로 그것 일 수 있습니다. 과도한! 일부 디자이너는 웹 사이트를 만들 때 웹 사이트 내의 모든 웹 페이지에 대해 다른 디자인을 만들어 다른 레벨로 가져갑니다. 이것은 결코 사용자에게 혼란을주지는 않습니다. 그리고 완전히 성가시다. 웹 사이트가 얼마나 우수하고 매력적인 지에 관계없이 전반적인 모양과 느낌이 일관성이 없으면 사용자는 웹 사이트와 관련이 없으며 제어 능력이 떨어집니다. 따라서 도착하자마자 퇴장합니다..

제안 :

1. 사이트의 주요 섹션에 대한 링크가있는 모든 페이지에 표준 일관된 템플릿을 사용하십시오..
2. 키워드는 간단합니다. 심미안 적으로 단순한 디자인을 만들면 사용자는 웹 사이트에서 혼동하지 않습니다..

6. 비우호적 인 화면 해상도.

나는 수평으로 스크롤해야하는 웹 사이트를 방문했다고 확신합니다. 이것은 현대 웹 디자인의 절대적인 no-no입니다. 좋은 디자이너는 대부분의 화면 크기에 맞는 웹 사이트를 개발할 것입니다. 웹 사이트의 현재 최적화 된 레이아웃은 현재 1024 x 768 픽셀입니다..

제안 :방문자가 휴대 전화 및 넷북에서 서핑을 할 때 특히 모든 해상도에 맞도록 디자인을 맞추는 것은 어렵고 거의 불가능하지만 다음과 같은 방법으로 일반적으로 사용되는 화면 해상도는 대략적인 아이디어를 얻을 수 있습니다.

• 통계 확인 - Google 웹 로그 분석과 같은 분석 서비스는 사용중인 모니터 해상도에 대한 정보를 제공합니다. 다음번 개편을 시작하기 전에 알아 두어야 할 유용한 정보입니다..
• W3 학교의 브라우저 통계 - W3 Schools는 네티즌이 사용하는 가장 인기있는 브라우저 목록을 제공하여 인기도에 따라 정렬합니다. 다른 흥미롭고 중요한 통계도 있습니다..

7. 복잡한 등록 양식.

등록 양식은 까다 롭습니다.. 사용자에게 필요한 정보의 양은 어느 정도입니까? 사용자가 귀하의 웹 사이트에 등록하기 위해 엄청난 세부 정보를 입력해야했던 시대는 끝났습니다. 일부 웹 사이트는 대부분의 등록 필드를 필수로 만들고 몇 번 시도한 후 사용자가 불만을 느끼는 범위까지 필드의 유효성을 검사합니다. 사용자는 정보를 얻기 위해 웹 사이트를 방문합니다. 다른 방법은 없습니다..

Someecard의 간단한 양식으로 등록이 어려워집니다..

제안 :웹의 커뮤니티에서 등록 양식을 비교하고 등록 프로세스 중에 사용자에게 필요한 기본 정보를 이해합니다..

더: 웹 디자인에서 일반적인 9 편의 실수 - Smashing Magazine의이 게시물은 다른 유용성 실수들에 대한 등록 양식을 심층적으로 살펴 봅니다.

8. 이미지 / 애니메이션의 파렴치한 사용.

웹 페이지의 이미지가 너무 많으면 큰 피해가됩니다.. 이미지는 사용자의주의를 끌기 위해 사용할 수 있지만 방해가되거나 심한 악재가 될 수도 있습니다. 적절한 경우 사용자를 설명하고 안내하는 데 이미지를 사용해야합니다..

애니메이션은 멋지고 강력한 매체입니다. 특히 적절하게 사용될 때. 웹 페이지에서주기가 지나치게 길면 사용자의 신경이됩니다. 사용자는 인내심, 시간 또는 리소스가 없기 때문에 디자이너는 대안 페이지를 제공해야합니다. 건너 뛰기 버튼은 전체 페이지 애니메이션 인 경우 건너 뛰기 버튼입니다..

더: 플래시 : 99 % 나쁜 - 플래시를 적절히 사용하십시오. Jakob Nielsen이이 기사를 발표 한 이래로 거의 10 년이 지났지 만 플래시 유용성 측면에서 여전히 관련이 있습니다. 특히 웹 기초 단절 조각.

9. 어수선한 페이지, 더 많은 공백.

너무 많은 디자이너가 잊어 버림 공백 그리고 그것의 중요성. 그들은 자신의 디자인 독창성에 너무 휩싸이기 때문에 그들이 자신에 관한 것이 아니라는 사실을 잊어 버립니다. 따라서 그들은 한 페이지에 최대한 많은 것을 쑤셔 넣습니다. 최종 결과? 분주하고 혼란스럽고 읽을 수없는 페이지.

kylestanding은 디자인에서 공백을 잘 사용합니다..

여기에 당신에게 좋은 아이디어를 줄 몇몇 기사가 있습니다. 웹 디자인에서 공백의 중요성:

• 화이트 스페이스 레이아웃 네 개 비교
• 공백의 가치
• 공백

10. 배경 음악 없음, 제발!

사용자는 시원함을 원하지 않으며 효율성을 추구합니다.. 그리고 네, 99 %는 귀하의 웹 사이트에있는 음악에 관심이 없습니다. 일부 디자이너는 모든 웹 페이지에 다른 배경 음악을 추가하여 악화시킵니다..

제안 :배경 음악을 사용하지 마십시오., 하지만 필요한 경우 코드 및 사용자 컨트롤 프레임을 만드십시오. 그렇게하면 음악이 웹 사이트 내에서 새로운 페이지가로드 될 때마다 변경되는 대신 계속 반복됩니다. 사용자는 언제든지 중지하거나 일시 중지 할 수 있습니다..

11. 테스트, 테스트 및 테스트.

이것은 지나치게 강조 될 수 없습니다. 특정 브라우저에서만 볼 수있는 웹 페이지를 여러 번 방문한 적이 있습니까? 웹 개발자는 웹 사이트를 테스트 할 때 체크리스트를 가지고 있어야합니다..

• 다른 환경에서 웹 사이트를 볼 수 있습니까??
• 디자인 레이아웃이 모든 브라우저에서 일관성이 있습니까??
• 웹 사이트가 이미지 꺼짐, 자바 스크립트 꺼짐 등과 같은 다른 설정에서 볼 수 있습니까??

제안 :W3C는 품질 보증을 테스트 할 수있는 도구를 제공합니다. 체크 아웃 W3C 품질 보증 도구 상자 과 웹 페이지 유효성 검사.

결론:

그것을 간단하게, 어리 석다. (K.I.S.S). 결론. 단순하다면 사용할 수 있습니다. 대체로 위대한 웹 사이트는 간단하고 사용하기 쉬운 웹 사이트입니다. 숙제하고 쉽게 쉽고 자연 스럽습니다..

웹 디자인 프로젝트에서의 경험은 무엇입니까? 다른 팁과 생각을 웹 디자인 실수로 공유하고 싶습니다.?

편집자 주 : 이 게시물은에 의해 작성됩니다 브루 조 오오 오 Hongkiat.com. Brujo Owoh는 Web Design 및 2D Animation을 전문으로하는 멀티미디어 시스템 학부입니다. 그는 소설 읽기, 친구와 어울리기, ​​트위터 디자인 트렌드 유지하기를 좋아합니다. Brujo의 블로그를 방문하십시오..