디자이너가 아닌 경우 웹 사이트 디자인을 평가하는 방법은 무엇입니까?
게시 됨: 2019-11-15이 기사에서는 웹사이트 디자인을 비디자이너로 평가하려고 합니다. 우리는 디자인의 결과로 디자인, 즉 사이트의 모양과 기능을 고려할 것입니다. 이상적인 웹사이트는 단순하고, 편리하고, 이해하기 쉽고, 아름다워야 하며 가장 중요한 것은 판매(반드시 제품만 판매하는 것이 아니라 사이트에서 아이디어를 "판매"할 수 있음)여야 합니다.
- 1. 사이트 디자인이 방문자에게 올바른 인상을 줍니까?
- 2. 사이트는 회사의 기업 아이덴티티를 따라야 합니까?
- 3. 사이트가 회사의 광고 전략과 일치합니까?
- 4. 웹사이트 디자인이 최상의 제품을 제공하는 데 도움이 됩니까?
- 5. 사이트 방문자가 필요한 정보를 쉽게 찾을 수 있습니까?
- 6. 사이트 디자인이 통일된 스타일인가?
- 7. 디자인이 색상과 일치합니까?
- 8. 웹사이트의 글꼴이 호환됩니까?
- 9. 디자인 요소가 잘 그려져 있는가?
- 10. 세부 사항을 얼마나 주의 깊게 작업했습니까?
- 11. 사이트에서 정보가 쉽게 인지되는가?
- 12. 공지 및 광고 차단이 쉽게 감지됩니까?
- 13. 디자인에 사용된 그래픽 심볼이 명확한가?
- 14. 전화번호 및 기타 연락처 정보를 찾기가 쉬운가요?
- 15. 온라인 상점에서 상품을 주문하고 구매하는 방법이 명확합니까?
- 16. 디자인에 독창적인 그래픽 요소가 있습니까?
- URL 분석을 통한 사이트 품질 평가
- 사이트 보안
- 사이트의 품질을 평가하는 방법의 체크리스트
1. 사이트 디자인이 방문자에게 올바른 인상을 줍니까?
싸게 사고 싶다면 부티크가 아닌 의류 시장에 갈 것입니다. 또는 고급 화장품을 사고 싶다면 지하도의 포장 마차에서 찾지 않을 것입니다.
웹사이트도 마찬가지입니다. 저렴한 상품을 판매하는 경우 시크한 컬러풀한 디자인이 방문객을 놀라게 할 것입니다. 예를 들어 양질의 고가의 서비스를 제공하는 경우 친숙한 학생이 만든 단순한 사이트는 제안의 현실성을 의심하게 만들 수 있습니다. 사이트 디자인은 귀하의 비즈니스와 일치해야 합니다!
추천: 더 많은 리드를 생성하기 위해 웹사이트 디자인에 추가해야 할 핵심 요소.
2. 사이트는 회사의 기업 아이덴티티를 따라야 합니까?
Amazon이 빨간색과 노란색으로 만든 웹 사이트를 상상해 보십시오. 동의 – 불가능합니다. 디자인은 기업의 기업 아이덴티티에 부합해야 합니다!
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/ 로 변경하면 사이트에서 404 오류가 발생합니다. 사이트는 경고 또는 기타 유형의 오류를 제공해서는 안 됩니다. 또한 사이트는 귀하가 요청한 페이지 대신 다른 페이지를 로드하지 않아야 합니다.
SEO를 위한 웹 디자인 : 웹사이트 디자이너를 위한 필수 SEO 팁.
사이트의 품질을 평가하는 방법의 체크리스트
사이트의 품질을 빠르게 결정하는 방법은 무엇입니까? 위의 방법에 대한 체크리스트는 다음과 같습니다.
- 세부 사항이 얼마나 잘 그려졌는지 평가합니다.
- CSS 유효성 검사기가 생성하는 오류 수를 확인하십시오.
- HTML 유효성 오류의 수를 확인하십시오.
- 페이지 로딩 속도를 추정하고 모든 유형의 장치에서 올바른 표시를 합니다.
- 필터나 다른 검색 도구를 사용하지 않고 사이트를 탐색합니다. 페이지 주소에 "?", "=", "&" 기호가 있는지 확인하십시오.
- 페이지 주소에 아포스트로피를 넣고 사이트에서 404를 제공하는지 확인하십시오.