디자이너가 아닌 경우 웹사이트 디자인을 어떻게 평가합니까?
게시 됨: 2019-11-15이 기사에서는 웹사이트 디자인을 비디자이너로 평가하려고 합니다. 우리는 디자인의 결과로 디자인, 즉 사이트의 모양과 기능을 고려할 것입니다. 이상적인 웹사이트는 간단하고, 편리하고, 이해하기 쉽고, 아름답고 가장 중요하게 판매(제품만 판매할 필요는 없으며 사이트는 아이디어를 "판매"할 수 있음)해야 합니다.
- 1. 사이트 디자인이 방문자에게 올바른 인상을 주는가?
- 2. 사이트는 회사의 기업 아이덴티티를 따라야 합니까?
- 3. 사이트가 회사의 광고 전략과 일치합니까?
- 4. 웹사이트 디자인이 제품을 최상의 상태로 표시하는 데 도움이 됩니까?
- 5. 사이트 방문자가 필요한 정보를 쉽게 찾을 수 있습니까?
- 6. 사이트 디자인이 통일된 스타일인가요?
- 7. 디자인이 색상과 일치합니까?
- 8. 웹사이트의 글꼴이 호환됩니까?
- 9. 디자인 요소가 잘 그려져 있습니까?
- 10. 세부 사항을 얼마나 주의 깊게 작업했습니까?
- 11. 사이트에서 정보를 쉽게 인지할 수 있습니까?
- 12. 공지사항과 광고블록이 쉽게 인지되는가?
- 13. 디자인에 사용된 그래픽 심볼이 명확합니까?
- 14. 전화번호 및 기타 연락처 정보를 쉽게 찾을 수 있습니까?
- 15. 온라인 상점에서 상품을 주문하고 구매하는 방법이 명확합니까?
- 16. 디자인에 독창적인 그래픽 요소가 있습니까?
- URL 분석을 통한 사이트 품질 평가
- 사이트 보안
- 사이트 품질 평가 방법 체크리스트
1. 사이트 디자인이 방문자에게 올바른 인상을 주는가?
싸구려 물건을 사고 싶다면 부티크가 아닌 의류 시장에 가십시오. 또는 양질의 화장품을 사고 싶다면 지하도의 포장 마차에서 찾지 않을 것입니다.

웹사이트도 마찬가지입니다. 저렴한 상품을 판매하는 경우 세련되고 화려한 디자인이 방문자를 놀라게 할 것입니다. 그리고 예를 들어 당신이 양질의 값비싼 서비스를 제공한다면, 친숙한 학생이 만든 간단한 사이트는 당신의 제안의 현실성을 의심하게 만들 수 있습니다. 사이트 디자인은 귀하의 비즈니스와 일치해야 합니다!
추천: 더 많은 리드를 생성하기 위해 웹사이트 디자인에 추가할 핵심 요소.
2. 사이트는 회사의 기업 아이덴티티를 따라야 합니까?
아마존이 빨간색과 노란색으로 만든 웹사이트를 상상해 보십시오. 동의합니다. 이것은 불가능합니다. 디자인은 회사의 기업 아이덴티티를 준수해야 합니다!
3. 사이트가 회사의 광고 전략과 일치합니까?
예를 들어, 볼보는 자동차를 가장 안전한 것으로 포지셔닝하고 그에 따라 광고 캠페인을 구축합니다. 볼보 웹사이트는 "안전"도 강조해야 합니다.
4. 웹사이트 디자인이 제품을 최상의 상태로 표시하는 데 도움이 됩니까?
아름다운 디자인도 좋은 것이지만, 제품을 아름답게 표현하는 것이 더 중요합니다.

디자인에 밝고 대비되는 색상이 있는 경우 이러한 프레임의 사진은 실제보다 희미하게 보일 것입니다. 그리고 그 반대의 경우도 파스텔(회색이 바람직함) 톤으로 디자인하면 사진이 더 밝고 강렬해 보입니다.
5. 사이트 방문자가 필요한 정보를 쉽게 찾을 수 있습니까?
사이트에 5페이지가 있는 경우 일반적으로 정보 배치에 문제가 없습니다. 이 페이지의 이름이 있는 메뉴를 넣으면 됩니다.
100페이지 또는 10.000페이지가 있다면? 큰 사이트의 경우 방문자가 필요한 정보를 어디에서 찾을 수 있는지 명확하도록 사이트의 구조, 섹션 및 하위 섹션의 이름을 생각할 필요가 있습니다. 또한 웹 사이트가 큰 경우 웹 사이트 유지 관리 계획이 중요합니다.
6. 사이트 디자인이 통일된 스타일인가요?
사이트가 페이지마다 디자인이 너무 다른 경우 방문자는 다른 사이트로 이동했다고 느낄 수 있습니다. 일반적으로 사이트의 모든 페이지에는 공통 요소(로고, 메뉴, 색상, 글꼴)가 있습니다.
7. 디자인이 색상과 일치합니까?
다른 색상을 결합하는 전체 과학이 있습니다. color.adobe.com에서 다양한 색상 조합을 볼 수 있습니다.
8. 웹사이트의 글꼴이 호환됩니까?
사이트의 글꼴은 서로 일치해야 합니다. 잘못 선택된 글꼴은 부정확함과 딜레턴트 느낌을 줍니다. 글꼴을 결합하는 가장 좋은 방법은 실용적인 팁과 예가 포함된 기사를 작성하는 것입니다.

9. 디자인 요소가 잘 그려져 있습니까?
선이 불분명하고 노치가 있는 웹사이트, 더러워진 느낌이 들 정도로 그림자가 있는 웹사이트, 사진이 흐릿하고 흐릿한 웹사이트를 만난 적이 있다고 생각합니다. 이러한 사이트는 즉시 제작자의 "비전문성"을 느끼게 합니다. 디자인은 단순하지만 깔끔하게 실행된 사이트는 속임수를 썼지만 제대로 그려지지 않은 것보다 항상 더 좋아 보입니다.

10. 세부 사항을 얼마나 주의 깊게 작업했습니까?
양질의 디자인에는 실현되는 것보다 더 많이 느껴지는 그러한 사소한 일이 있습니다. 이것들은 조심스럽게 그려진 눈부심, 거의 눈에 띄지 않는 배경 질감, 로고 및 제목의 글자를 픽셀 단위로 그릴 수 있습니다. 전문가와 초보 웹 디자이너의 작업을 비교하면 세부 사항에 대해 많이 이해할 수 있습니다.
11. 사이트에서 정보를 쉽게 인지할 수 있습니까?
작은 글꼴이 더 아름답게 보이지만 읽기가 더 어렵습니다. 텍스트 아래에 있는 배경 이미지는 사이트를 더 아름답게 만들 뿐만 아니라 텍스트를 읽기 어렵게 만들 수도 있습니다. 사이트 방문자에게 알리고 싶은 정보가 쉽게 인지되는지 확인하십시오.
12. 공지사항과 광고블록이 쉽게 인지되는가?

특가로 과도하게 인출하면 사이트가 크리스마스 트리처럼 변합니다. 사이트에 너무 많은 관심 소스(공지사항, 특별 제안, 광고)가 있으면 사람은 이를 인식하지 못합니다.
당신은 좋아할 수 있습니다: 당신의 스타트업 비즈니스를 위한 킬러 웹사이트를 구축, 디자인 및 마케팅하는 방법은 무엇입니까?
13. 디자인에 사용된 그래픽 심볼이 명확합니까?
종종 사이트는 정보의 인식을 용이하게 하기 위해 다른 아이콘을 사용합니다. 일반적인 기호를 사용하십시오. 온라인 상점 아이콘 가방에서 장바구니를 교체하면 모든 방문자가 그것을 이해하지 못할 것입니다.
14. 전화번호 및 기타 연락처 정보를 쉽게 찾을 수 있습니까?
사이트 방문자가 귀하에게 연락하기를 원할 때 귀하의 연락처를 쉽게 찾는 것이 매우 중요합니다. 전화와 이메일은 "연락처" 페이지에만 있는 경우가 많습니다. 전화는 페이지의 시작과 맨 아래 모두에 있는 것이 바람직합니다.
15. 온라인 상점에서 상품을 주문하고 구매하는 방법이 명확합니까?
온라인 상점에서 구매하는 동안의 장벽 중 하나는 구매자가 올바른 주문을 하고 원하는 것을 정확하게 얻을 수 있다는 불확실성입니다. 사이트, 주문 방법 및 구매자가 구매한 상품을 받는 방법을 최대한 명확하게 설명해야 합니다.

주의해야 할 주요 사항 : 불량품에 대한 결제의 종류, 방법, 배송조건, 보증, 교환(반품) 조건.
16. 디자인에 독창적인 그래픽 요소가 있습니까?
오리지널 그래픽은 개성과 배타감을 연출합니다. 단순한 아이콘과 다양한 그래픽 요소가 될 수 있습니다.
URL 분석을 통한 사이트 품질 평가
CNC는 이미 고전이 되었고, 이를 무시해서는 안 되는 좋은 전통이 되었습니다. 뉴스 섹션에도 CNC를 만드는 것이 바람직합니다. 갑자기 일부 뉴스에는 대상 고객을 유치하는 데 도움이 되는 주요 요청이 포함될 것입니다. 이것은 판촉에 유용합니다.
URL에 특수 기호 “?”, “=”, “&”가 없는지 확인합니다. 예를 들어 페이지 주소에 물음표가 있으면 동일한 콘텐츠가 유사한 다른 주소에 업로드된다는 의미일 수 있습니다. 즉, 사이트가 구현된 CMS에 따라 검색 엔진은 인터넷 리소스에서 최대 5개의 페이지 사용을 감지할 수 있습니다. 중복 페이지는 검색 엔진에 대한 사이트의 가치를 감소시킵니다. 그리고 실제로 인터넷 리소스에 없다고 생각하면 두 배로 불쾌합니다.

동적 URL과 구성에서 이러한 모든 기호가 허용되는 경우가 있습니다. 필터 적용 후 생성되는 페이지입니다. 예를 들어, 특정 매개변수로 온라인 상점의 전체 범위에서 제품을 선택해야 할 때. 선택의 결과로 형성된 페이지는 임시적이고 인덱싱할 수 없으며 이러한 문자를 허용합니다. 그러나 특정 제품 카드의 경우 페이지 주소에 물음표가 없어야 합니다.
사이트 보안
고객이 이해할 수 없기 때문에 종종 무시하는 중요한 가치. 따라서 견적을 드릴 수 없습니다. 우리는 그 말을 받아들여야 하며 사이트가 사이버 범죄자들에 의해 해킹되지 않기를 바랍니다.
인터넷 리소스의 취약성을 대략적으로 판별하는 데 사용할 수 있는 몇 가지 작은 "트릭"이 있습니다. 이것은 완전한 그림에 충분하지 않습니다. 하지만 적어도 뭔가.
사용자가 사이트에서 파일을 다운로드할 수 있는 경우 이 작업에 허용되는 파일 형식 목록을 정의해야 합니다. 다운로드할 수 있는 형식은 다운로드 버튼 근처 어딘가에 보고되어야 합니다. 잘못된 파일 형식을 다운로드하고 시스템에서 파일에 기록된 내용을 확인하도록 합니다.
"'" 기호는 사이트에서 SQL 취약점을 확인하는 데 도움이 됩니다. 페이지 주소 끝의 어딘가에 넣으십시오. 예를 들어 my-site/catalog/clothes 와 같은 줄을 my-site/catalog/clo'thes/ 로 변경하면 Site should give an 404 error. 사이트는 경고나 기타 유형의 오류를 제공해서는 안 됩니다. 또한 사이트는 요청한 페이지가 아닌 다른 페이지를 로드해서는 안 됩니다.
당신은 또한 좋아할 수 있습니다: SEO를 위한 웹 디자인: 웹사이트 디자이너를 위한 필수 SEO 팁.
사이트 품질 평가 방법 체크리스트

사이트의 품질을 신속하게 결정하는 방법은 무엇입니까? 위의 방법에 대한 체크리스트는 다음과 같습니다.
- 세부 사항이 얼마나 잘 그려졌는지 평가하십시오.
- CSS 유효성 검사기가 생성하는 오류 수를 확인하세요.
- HTML 유효성 오류 수를 확인하십시오.
- 모든 유형의 장치에서 페이지 로드 속도와 올바른 표시를 예측합니다.
- 필터나 다른 검색 도구를 사용하지 않고 사이트를 탐색합니다. 페이지 주소에 "?", "=", "&" 기호가 있는지 확인합니다.
- 페이지 주소에 아포스트로피를 넣고 사이트에서 404를 제공하는지 확인하십시오.
