웹을 디자인 할 때 디자이너가 할 수있는 일반적인 실수는 무엇이며 어떻게 방지 할 수 있습니까?


9

디자인하는 동안 피해야 할 일반적인 실수는 무엇입니까? 나는 색상, 텍스트 및 이미지가 디자인에서 중요한 역할을한다는 것을 알고 있지만 우리가 처리해야 할 다른 많은 것들이 있습니다! 나는 다른 것들을 모르지만 너무 많은 것이 있다는 것을 알고 있습니다 ...

우리는 실수로 최종 결과를 얻는 경우가 많습니다 (사소한-가시적-숨김).

그래서 내 질문은 :

  • 우리가 흔히 저지르는 실수는 무엇입니까? (당신은 또한 꿀이 포함되어 있습니다) (누구도 실수하지 않는 사람은 아닙니다.
  • 이러한 실수를 어떻게 피할 수 있습니까?

답변:


24

예,이 질문은 엄청나게 광범위합니다. 위키 기사로는 괜찮을 것입니다.

우선 '우리'를 정의해야합니다. 웹 사이트 디자인과 관련된 많은 사람과 역할이 있으며 모두 서로 다른 실수를 저지르는 경향이 있습니다.

내가 본 몇 가지 문제가 반복해서 나타납니다.

  • 웹 사이트에 대한 비즈니스 목표를 올바르게 정의하지 못함

  • 핵심 성과 지표를 제대로 정의하지 못한 후이를 바탕으로 사이트의 성공을 측정하는 시스템을 구현하지 못했습니다.

  • 고객의 고객 요구보다는 고객의 요구를위한 설계.

  • 필요한 사람들을 포함하지 않거나 최소한 모든 필요한 역할의 측면에서 과제를 고려하십시오.

    제품 관리, 비즈니스 분석, 마케팅, 카피 라이팅, 데이터베이스 관리, 백엔드 개발, 그래픽 디자인, 사용자 인터페이스 디자인, 사용자 경험 디자인, 유용성, 메트릭스, SEO 등의 기술적 측면을 모두 고려해야합니다.

  • 디자인을 계획하거나 스케치하지 못했습니다.

  • 적응 형 및 반응 형 웹 디자인 원칙을 잊어 버렸습니다.

  • 다양한 크기와 해상도의 화면을 가진 장치를 설계하는 것을 잊었습니다.

  • 계획 단계에서 페이지로드 속도에 영향을 미치는 모든 요소를 ​​고려하지 못했으며 개발 전체에서 속도를 테스트하지 않았습니다.

    일반적인 실수로는 배경 이미지와 같이 최적의 조건보다 낮은 수준으로 매우 상세한 그래픽을로드하는 것과 일반적으로로드 조건을 최적화하지 않고 너무 많은 큰 자산을 다운로드하는 것입니다.

  • 스케치 대신 와이어 프레임을 문서로 사용하여 사용됩니다.

  • 개발 중에 애자일 방법을 사용하지 않습니다.

  • 과다 설계, 애자일 방법을 사용하지 않는 매우 일반적인 부작용.

  • 솔루션 대신 기술 선택.

    예를 들어, 모든 이유에서 엔터프라이즈 제품을 선택하는 것이 좋습니다. 당신에게 적용되지 않는 것조차도; 원하는 특정 문제를 해결할 수 있는지에 대한 질문보다는

  • 카피 라이팅 / 콘텐츠를 잊어 버렸습니다. 이것은 프로세스 초기에 필요합니다.

  • 실제 웹 페이지가 아닌 PhotoShop 파일 디자인

    Photoshop에만 집중할 경우 글꼴 차이, 다른 장치, 화면 크기, 내용 리플 로우, 상호 작용 디자인 및 기타 여러 요소와 같은 요소는 고려하지 않습니다.

  • 읽을 수있는 콘텐츠로 가득 찬 SEO 친화적 인 웹 사이트 대신 플래시 파일 또는 플래시 파일로만 얻을 수있는 터무니없는 아이디어를 디자인합니다.

  • 가능한 한 많은 브라우저에서 지속적으로 테스트하는 대신 하나의 특정 브라우저에 초점을 맞춰 작동하는 웹 사이트 디자인을 구축하십시오.

  • 웹 사이트를 계획, 디자인 및 구현하는 동안 접근성 원칙을 적용하지 못했습니다.

  • 사용자가 참여하기에 너무 오래 기다렸다가 종종 더 빨리 알 수 있었던 것을 찾아야하는 경우가 종종 있습니다.


4
우리가 그들이 생성 한 답변 의 질에 따라 질문 을 평가했다면 ,이 질문 이 목록의 맨 위에있을 것입니다. 환상적인 답변.
Alan Gilbertson

1
나는이 일을 많이한다 :( 이번 투표를 두 번 할 수 있으면 좋겠다 ...
Jack

1
"웹 사이트 대신 포토샵 파일 디자인"이란 무엇입니까? 너무 많은 효과? 그 총알을 조금 넓힐 수 있습니까?
Lauren-Clear-Monica-Ipsum

2
@lauren 나는 주로 HTML, CSS 및 JS가 아닌 Photoshop에서 사이트를 시각적으로 디자인하는 데 항상 시간을 소비한다는 것을 의미합니다. Photoshop에만 집중할 때는 글꼴 차이, 기타 장치, 화면 크기, 내용 리플 로우 등과 같은 사항을 고려하지 않습니다.
DA01

1
@user 가자!
DA01

3

웹 디자인에서 가장 일반적인 실수는 모바일 웹에서 분명하다고 생각합니다.

iPhone 또는 BlackBerry와 같은 소형 모바일 장치에서 웹을 탐색하면 때로는 단추가 너무 작은 것을 알 수 있습니다.

이제 이것은 항상 버튼 자체는 아니지만 버튼 주위에 공간이 충분하지 않다는 실수가 있습니다.

우리가 설문 조사를하고 서로 옆에 뒤로 버튼과 다음 버튼이 있다고 가정 해 봅시다. 호흡 공간이 필요하므로 사용자가 실수로 버튼을 누르고 잘못된 버튼을 누를 수 없습니다.

이는 모바일 사용자를위한 이메일 디자인에서 일반적이며 중요한 고려 사항입니다.


나는 이것이 SE 모바일 사이트에서 사실이라고 생각합니다. 사용자 계정 드롭 다운을 얻으려고 할 때 "질문과 대답"링크를 계속 탭합니다.
Farray

2

DA01의 대답은 이미 고려해야 할 훌륭한 목록이라고 생각합니다. 나는 이것에 대한 더 많은 답변을보고 싶기 때문에 중요하고 질문에 부딪히기 때문에 둘 다 대답을 추가하고 있습니다.

웹 사이트를 디자인 할 때 고려해야 할 또 다른 중요한 사항은 속도입니다. 디자인을 시작하기 전에 페이지로드 속도에 영향을 미치는 모든 요소를 ​​알고 있으면 웹 사이트를 만드는 데 30 초가 걸리므로 나중에 완전히 변경해야하는 그래픽과 아키텍처를 만드는 데 많은 시간을 소비하지 않아야합니다 (예 : 하중.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.