가장 흔한 웹 디자인 실수 – 웹사이트용 관

매일 많은 웹사이트가 수많은 디자인 컨셉으로 운영되고 있으며, 우리는 지금까지 본 최고의 디자인 중 일부를 접하게 되며, 다른 한편으로 때때로 우리는 그 웹사이트의 관으로 판명되는 너무 어리석은 디자인의 웹사이트를 접하게 됩니다. 그 특정 웹사이트를 새로 방문하는 모든 방문자는 길을 잃고 그런 종류의 디자인으로 웹사이트를 포기할 것입니다. 이제 가장 큰 질문은 웹사이트를 어떻게 디자인해야 하는지 또는 웹 디자이너가 저지르는 가장 일반적인 웹 디자인 실수는 무엇입니까?

웹 사이트를 구축하는 것은 어려울 수 있지만 실제 과제는 웹 사이트를 사용 가능하게 만드는 데 있습니다. 문제는 대부분의 웹 디자이너가 웹사이트가 자신을 위해 만들어진 것이 아니라 사용자의 요구를 해결하기 위해 만들어졌다는 사실을 잊는다는 것입니다. 실용성과 유용성보다 창의성을 우선시합니다.

좀 보자,

가장 흔한 웹 디자인 실수

우리가 보았을 수도 있고 보지 않았을 수도 있는 많은 실수 중에서 웹 디자이너가 하는 가장 어리석은 실수에 대해 이야기할 것입니다.

#1 검색창 검색

웹은 정보의 아카이브와 같습니다. 기업 웹사이트든 단순한 블로그든 검색창은 필수입니다. 방문자는 웹사이트에 숨겨진 무언가를 찾고 있을 수 있습니다. 검색 상자를 사용하면 방문자가 원하는 것을 얻을 수 있습니다.

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

#2 가독성이 낮고 명확하지 않습니다.

이것은 웹 디자인의 중요한 요소입니다. 물론 좋은 인터페이스 디자인은 사용자의 주의를 끌지만 사용자가 원하는 정보를 파악하려면 텍스트를 읽어야 합니다. 일부 웹 사이트는 읽기를 어렵게 만드는 가장 기이한 글꼴 스타일과 크기를 사용합니다.

제안: 다행히도 웹사이트에서 사용자의 읽기 환경을 개선하기 위해 할 수 있는 간단한 방법이 있습니다.

1. 대부분의 주요 사이트의 색상 구성표를 비교하고 색상이 가독성을 향상시키는 방법을 확인하십시오. 다양한 색 구성표를 시험해 볼 수 있는 좋은 장소는 Adobe Kuler 입니다.
2. 웹에서 쉽게 읽을 수 있도록 산세리프체 를 사용하십시오.

#3 복잡한 콘텐츠 레이아웃

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

사용자가 자신이 어디에 있는지 정확히 알 수 있도록 각 웹 페이지에 적절한 페이지 제목을 사용하십시오. 일부 디자이너는 웹 페이지의 이름을 지정하는 것을 잊어버리기도 합니다.

전반적으로 이 카테고리에서 가장 나쁜 것은 웹사이트에 부정확하거나 접근할 수 없거나 중요하지 않거나 오래된 콘텐츠를 넣는 것입니다. 콘텐츠는 웹사이트의 전반적인 주제와 일치해야 하며 유용해야 합니다. 페이지가 제작 중이라면 왜 귀찮게 올려야 합니까? 디자이너가 정말로 필요하다면 그것은 일시적일 뿐이며 3주는 더 이상 일시적인 것으로 간주되지 않습니다.

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

1. 여백을 사용하여 텍스트와 이미지 사이에 충분한 공백을 만듭니다.
2. 업데이트하고 일관성을 유지 하십시오. 업데이트의 목적은 새로운 콘텐츠를 추가하는 것뿐만 아니라 과거의 실수를 찾아 수정하는 것입니다.

#4 탐색 문제

웹사이트 내 탐색은 원활해야 합니다. 사용자는 쉽게 길을 찾을 수 있어야 합니다. 웹 사이트 내 탐색에 대한 표준은 없지만, 특히 더 많은 새로운 웹 개발 기술이 등장함에 따라 탐색이 직관적이고 일관성이 있어야 한다는 점을 이해하는 것이 필수적입니다.

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

제안:

1. 모든 링크에 텍스트 설명을 사용하여 탐색을 원활하게 합니다. 이미지에 대체 텍스트를 제공합니다. Flash 또는 Javascript 링크에 대체 텍스트 설명 기술을 사용합니다.
2. 웹사이트의 테마와 함께 탐색을 구성하고 구성합니다. 개인 웹사이트는 더 창의적이면서도 접근성이 좋을 수 있지만 비즈니스 웹사이트에는 더 많은 효율성과 명확성이 필요합니다.

사용자가 3번 미만의 클릭으로 원하는 것을 찾지 못하면 대부분은 즉시 떠납니다.

#5 고르지 않은 인터페이스 계획

과도한 창의성이 바로 그런 것일 수 있습니다. 과도한! 일부 디자이너는 웹 사이트 내의 모든 웹 페이지에 대해 다른 디자인을 만들어 웹 사이트를 만들 때 이를 다른 수준으로 끌어 올립니다. 이것은 사용자에게 결코 혼동을 주지 않습니다. 그리고 완전히 짜증납니다. 웹사이트가 아무리 훌륭하고 매력적이더라도 전체적인 모양과 느낌이 일관되지 않으면 사용자는 웹사이트에 공감할 수 없고 통제력이 떨어집니다. 따라서 그들이 도착하자마자 떠나십시오.

제안:

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

#6 무응답

가로로 스크롤해야 하는 웹사이트를 방문한 적이 있습니다. 이것은 현대 웹 디자인에서 절대 금물입니다. 훌륭한 디자이너는 대부분의 화면 크기에 맞는 웹사이트를 개발할 것입니다. 현재 웹사이트에 최적화된 레이아웃은 1024 x 768 픽셀입니다.

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

• 통계 확인 – Google Analytics와 같은 분석 서비스는 사용 중인 모니터 해상도에 대한 정보를 제공합니다. 다음 개편을 시작하기 전에 알아야 할 유용한 정보입니다.
• W3 Schools 브라우저 통계 – W3 Schools는 네티즌들이 가장 많이 사용하는 브라우저 목록을 명확하게 제공하고 인기도에 따라 정렬합니다. 다른 흥미롭고 중요한 통계도 있습니다.

#7 복잡한 등록 양식

등록 양식이 까다롭습니다. 사용자에게 얼마나 많은 정보가 필요합니까? 사용자가 웹사이트에 등록하기 위해 수많은 세부 정보를 입력해야 했던 시대는 지났습니다. 일부 웹사이트에서는 대부분의 등록 필드를 필수로 지정하고 사용자가 몇 번의 시도 후에 좌절할 정도로 필드의 유효성을 검사합니다. 사용자 여러분, 웹사이트를 방문하여 정보를 얻으십시오. 반대 방향이 아닙니다.

Someecard의 간단한 양식으로 간편하게 등록할 수 있습니다.

제안: 웹상의 커뮤니티에서 등록 양식을 비교하고 등록 과정에서 사용자에게 필요한 기본 정보를 이해하십시오.

더 보기: 웹 디자인의 9가지 일반적인 사용성 실수 – Smashing Magazine의 이 게시물은 다른 사용성 실수 중 등록 양식에 대해 자세히 살펴봅니다.

#8 웹사이트의 기만적인 이미지

웹 페이지에 이미지가 너무 많으면 큰 문제가 됩니다. 이미지는 사용자의 주의를 끌기 위해 사용될 수 있지만 주의를 산만하게 하거나 단순히 가혹하게 만들 수도 있습니다. 적절한 경우 이미지를 사용하여 사용자를 설명하고 안내해야 합니다.

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

더보기: 플래시: 99% 나쁨 – 플래시를 적절하게 사용합니다. Jakob Nielsen이 이 기사를 발표한 지 거의 10년이 지났지만 Flash 사용성, 특히 Breaks Web Fundamentals 부분과 관련하여 여전히 관련이 있습니다.

#9 뒤죽박죽된 페이지, 더 많은 빈 공간

너무 많은 디자이너들이 공백 과 그 중요성을 잊고 있습니다. 그들은 자신의 디자인 창의성에 너무 빠져서 그것이 자신에 관한 것이 아님을 잊습니다. 따라서 그들은 가능한 한 많은 것을 한 페이지에 집어 넣으려고 합니다. 최종 결과는? 바쁘고 어수선하고 읽을 수 없는 페이지.

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

다음은 웹 디자인에서 공백의 중요성에 대한 좋은 아이디어를 제공하는 몇 가지 기사입니다.

• 4개의 공백 레이아웃 비교
• 공백의 가치
• 공백

#10 배경 음악, 거대한 후퇴

사용자는 쿨함을 원하지 않고 효율성을 추구합니다. 예, 99%는 웹사이트의 음악에 관심이 없습니다. 일부 디자이너는 모든 웹 페이지에 다른 배경 음악을 넣어 상황을 악화시킵니다.

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

마무리

KISS는 결론입니다. 아, 단순하게 유지하고 멍청이를 의미합니다. 그리고 그것은 실제로 사람들이 웹사이트에서 가장 좋아하는 것입니다. 단순하면 쉽게 사용할 수 있습니다.

일반적인 웹 디자인 실수에 대해 많은 통찰력을 얻으셨기를 바랍니다.

실수와 함께 영감도 옵니다. 따라서 상위 10가지 웹 디자인 트렌드와 사이트를 쉽게 액세스할 수 있도록 하는 몇 가지 방법을 읽는 것을 잊지 마십시오.