웹사이트 평가: 디자인; 항해; 기술적 속성

당신의 디자인이 형편없으면 사람들이 꼼짝도 하지 않을 것입니다. 기간. 왜 그럴까요?

선반이 어수선하고 벽에 카펫이 깔려 있고 뒤에서 미친 사람이 나타나서 바로 옆에 깨끗한 상태로 같은 상품과 서비스를 판매하는 상점이 있을 때 당신이 백만 번째 방문자임을 상기시켜 주는 상점에서 쇼핑하지 않을 것입니다. , 잘 정리된 재고, 친절한 서비스 및 방해 요소가 없습니다.

설계

사람들이 귀하의 웹사이트를 방문하고 있으며 그들의 마음속에 귀하의 웹사이트는 귀하의 비즈니스 품질을 직접적으로 반영합니다. 형편없는 웹사이트 = 형편없는 사업. 역도 사실이며 활용할 수 있고 사용해야 하는 것입니다. 귀하가 뛰어난 웹사이트를 운영하는 소규모 비즈니스인 경우 대기업과 공평한 경쟁을 할 수 있는 좋은 기회가 있습니다.

1. 귀하의 회사가 하는 일(직원이 아닌 사람에게 이 작업을 수행하도록 함)이 일반 방문자에게 즉시 명백합니까?

처음에는 이런 질문이 터무니없게 들릴 수 있지만 방문자가 홈페이지를 스캔하는 것만으로도 사이트와 비즈니스의 목적을 즉시 파악할 수 없다면 잘못된 일을 하고 있는 것입니다. 게다가 실제 사람이 당신이 하는 일을 말할 수 없다면 검색 엔진도 당신이 하는 일에 대해 전혀 알지 못하기 때문에 당신이 원하는 것보다 페이지 순위를 낮출 것이 확실합니다.

2. 로고가 전문적으로 만들어졌습니까? 정직하세요.

로고를 만드는 데 전문가에게 비용을 지불하지 않고 대신 미리 포장된 로고를 사용하거나 친구나 친척이 무료로 로고를 만들도록 했다면, 로고가 아마추어가 만든 것처럼 보일 가능성이 매우 높습니다... 왜냐하면 그것은. 올바르게 수행하면 로고가 [좋은] 브랜드 인지도를 제공할 수 있음을 기억하십시오. 사람들은 종종 여기에 몇 달러를 지출하는 것을 꺼려하지만 이 로고는 온라인 및 인쇄 자료의 디자인에 영향을 미치며 보기에 나빠지기 시작하면 후속 마케팅 자료가 이를 따를 것으로 기대할 수 있습니다.

3. 귀하의 사이트는 [핸디캡] 액세스가 가능합니까?

W3C(World Wide Web Consortium)는 시력, 시력 및 움직임이 제한적이거나 제한적인 개인이 웹사이트를 탐색할 수 있도록 하는 지침을 발표했습니다. 많은 사람들이 웹을 검색하려면 화면을 확대하거나 콘텐츠를 소리내어 읽어주는 특별한 도구의 도움이 필요합니다. 사이트에 액세스할 수 있도록 만드는 것이 어려운 작업처럼 들릴 수 있지만 사실은 최소한 기본 수준의 액세스 가능성을 위해 노력함으로써 모든 방문자를 돕고 있다는 것입니다. 핵심 지침은 기본적으로 다음을 명시합니다.

• 프리젠테이션에서 구조를 분리 하십시오. 즉, 전체 사이트를 Flash로 만들거나 이미지로 만들지 마십시오. 이것은 또한 적절한 기본 태그를 사용하여 콘텐츠의 형식을 지정하고 프레임을 구성해야 함을 의미합니다.
• 텍스트 및 이에 상응하는 텍스트를 제공합니다 . 이것은 귀하의 사이트에 텍스트(duh)가 있어야 하고 사이트의 모든 이미지에 이미지를 설명하는 텍스트로 태그가 지정된다는 것을 의미합니다. 이는 접근성에 좋고 사이트 검색 엔진 친화성(SEF)을 만드는 데에도 좋습니다. 이렇게 하면 하나의 돌로 두 마리의 새를 죽입니다.
• 콘텐츠를 이해하기 쉽고 탐색 가능하게 만드십시오 . 이것은 탐색을 위해 사이트에서 적절한 링크를 사용하고 적절한 헤더를 사용하고 비전통적인 탐색, 링크 및 페이지 방향 사용을 제한하는 것을 의미합니다.

사이트를 개발할 때 이 지침을 따르면 더 많은 방문자에게 사이트를 개방할 뿐만 아니라 적절한 기술을 사용하여 모든 사람이 사이트를 더 이해하기 쉽고 사용할 수 있도록 만들 수 있습니다.

4. 웹사이트용 이미지와 그래픽을 구매하셨습니까?

웹 사이트에 Microsoft Word의 클립 아트가 있거나 온라인에서 방금 찾아 저장한 이미지가 있거나 단순히 이미지가 포함되어 있지 않은 경우 이는 위험 신호입니다. 앞에서 언급했듯이 방문자는 품질과 정크의 차이를 구별할 수 있으며 클립 아트를 사용하는 경우 후자에 기대고 있습니다. 둘째, 다른 웹사이트에서 일부 이미지를 빌린 경우 불법을 도용하고 위반하는 것입니다. 또한 좋지 않습니다. 이미지 구매는 매우 저렴할 수 있으며(대부분의 경우 $1-$10) 사이트를 훨씬 더 전문적으로 보이게 할 수 있습니다(아마도 이미지는 전문가가 수행하기 때문일 수 있음). 제가 이미지라고 하는 것은 사진만을 의미하는 것이 아닙니다. 여기에는 배경, 삽화 등이 포함됩니다.

5. 귀하의 사이트는 모든 페이지에서 일관된 모양과 느낌을 가지고 있습니까?

귀하의 사이트에 판매하는 제품 라인마다 하나씩 5개의 섹션이 있고 방문자가 다른 섹션에 있다는 것을 이해하기 위해 모든 섹션에 다른 글꼴, 배경 및 브랜딩이 있는 경우 방문자의 지능을 모욕할 뿐만 아니라 , 하지만 사이트를 업데이트할 시간이 되자 훨씬 더 많은 작업을 수행했습니다. 또는 모든 단일 페이지를 손으로 코딩하고 모든 페이지에서 일관된 템플릿이나 서식을 사용하지 않는 경우 새 콘텐츠를 추가하거나 레이아웃을 변경하려고 할 때 정말 문제가 됩니다.

여기서 핵심은 목표에 맞는 형식을 선택하고 실행하는 것입니다. 이미지와 텍스트로 각 페이지를 약간 사용자 정의할 수 있지만 방문자의 온전한 관점뿐만 아니라 검색 엔진 최적화(SEO) 관점에서 일관성을 유지하는 것이 중요합니다.

항해

좋은 탐색은 세 가지 이유로 중요합니다. 무엇보다도 방문자가 원하는 것을 찾을 수 있습니다. 둘째, 검색 엔진이 색인에서 정보를 찾고 구성할 수 있도록 합니다. 마지막으로 새로운 정보를 쉽고 빠르게 입력할 위치를 알 수 있습니다. 탐색 성공의 열쇠는 정보를 의미 있는 섹션으로 분류하고 구성한 다음 시간이 지남에 따라 최소한의 노력으로 정보와 새로운 분류를 모두 추가할 수 있는 능력입니다.

1. 귀하의 회사나 제품에 대해 전혀 모르는 사람에게 귀하의 탐색 체계가 의미가 있습니까?

당신이 페인트 회사이고 탐색 체계가 색상환처럼 보인다면 이것은 귀엽고 재미있어 보일 수 있지만 비현실적이며 아마도 많은 비전문 화가에게 이해가 되지 않을 것입니다. 이 사이트에는 다른 많은 문제가 있지만 탐색 기능이 완전히 없기 때문에 방문자가 필요한 정보를 얻을 수 없습니다. 이것은 당신이 시도해야 할 것과 반대입니다. 당신의 목표는 사람들이 원하는 콘텐츠를 가능한 한 빨리 얻을 수 있도록 하는 것입니다.

2. 홈페이지에서 중요한 정보를 얻기 위해 얼마나 많은 클릭이 필요합니까?

사용자가 세 번의 클릭으로 원하는 정보를 검색할 수 있어야 한다는 "세 번의 클릭 규칙"에 대해 들어보았을 것입니다. 소규모 사이트에서는 이것이 사실일 수 있지만 중요한 경로를 고려하는 데 시간을 할애한다는 기본 개념이 실제로 이것이 전부입니다. 잘 구성된 탐색과 잘 구성되고 주석 처리된 콘텐츠가 이를 가능하게 합니다. 이것은 또한 방문자에게 "중요한 정보"가 무엇인지 항상 생각해야 함을 의미합니다. 이 정보는 변경될 수 있으며 변경될 경우 이를 인지하고 조정해야 합니다. 방문자가 무엇을 찾고 있는지 모르거나 직접 찾아보지도 않았다면 이러한 결정을 내리기가 어려울 것입니다. 자신의 웹사이트에 앉아 고객인 척하고 정보를 찾거나, 귀하의 비즈니스에 대해 잘 모르는 사람이 이를 수행하고 관찰하도록 하십시오. 당신이나 그들이 좌절하거나 길을 잃으면 당신의 고객도 마찬가지이며 다른 곳으로 가고 있습니다.

3. 메뉴 항목을 추가하려면 HTML 또는 기타 코드를 수동으로 업데이트해야 합니까?

페이지나 메뉴 항목을 추가하기 위해 코드를 수동으로 업데이트해야 하는 것은 매우 오류가 발생하기 쉽습니다. 방문자가 깨진 페이지를 탐색하는 것을 원하지 않습니다. 오류가 발생하기 쉬울 뿐만 아니라 페이지를 추가하기 위해 수동으로 코드를 업데이트해야 하는 것은 시간이 많이 걸리며 HTML 형식이 적절하지 않으면 사이트를 검색 엔진에 매우 친숙하지 않게 만들 수도 있습니다.

4. 사이트에 깨진 링크나 공사중 페이지가 있습니까?

깨진 링크는 벽돌 벽으로 이어지는 상점의 문이 있는 것과 같습니다. 고객이 다른 곳으로 이동하기 전에 여러 번 얼굴을 먼저 마주하는 것이 필요하지 않습니다. "공사중"을 갖는 것은 나쁘거나 더 나쁩니다. 콘텐츠를 사용할 수 없으면 사용할 수 없는 것입니다. 내용을 작성하여 게시하거나 내용이 있을 때까지 링크를 올리지 마십시오. CNN 웹사이트에 가서 기사를 찾기 위해 작성된 유일한 부분은 제목이고 나머지는 "곧 나올 것"이라는 사실을 알게 된다고 상상해 보십시오. 당신은 돌아가지 않을 것입니다. 방문자도 다르지 않습니다.

5. 사이트를 시작하기 전에 탐색 체계에 대한 사용성 테스트를 수행했습니까?

이것은 위압적으로 들릴지 모르지만 그렇지 않습니다. 친구, 가족, 직장 동료 몇 명을 잡고 각자 같은 일을 하도록 하십시오. 그들을 관찰하고 그들이 그것을 어떻게 성취하는지 확인한 다음 그들에게 의견을 말하도록 요청하십시오. 이러한 작업은 "제품 X 찾기" 또는 "서비스 Y 요청 제출" 또는 "20개의 위젯 구매"일 수 있습니다. 이상적으로는 사이트를 처음 시작하기 전에 이 작업을 수행하는 것이 좋지만 사이트가 이미 활성화되어 있으면 여전히 수행하도록 하십시오. 이러한 작업을 완료한 후 수행하는 것이 얼마나 쉽거나 어려웠는지 뿐만 아니라 그것에 대해 어떻게 느끼는지 물어보십시오. 당신이 발견하는 것은 눈을 뜨게 할 수 있습니다. 모든 사람이 같은 방식으로 정보를 찾는 것은 아니며 사람들은 이러한 작업을 수행하는 데 어려움이 있을 때 다르게 반응합니다. 귀하의 목표는 귀하뿐만 아니라 모든 사람이 귀하의 사이트를 쉽게 탐색하고 사용할 수 있도록 하는 것입니다.

기술적 속성

특정 브라우저나 응용 프로그램을 실행해야 하거나 방문자가 사이트에 있는 동안 오류가 발생한다면 세계 최고의 디자인과 탐색은 아무 소용이 없습니다.

1. 사이트에서 로드하는 데 4초 이상 걸리는 페이지가 있습니까?

4초는 정보를 얻으려고 할 때 긴 시간입니다. 책의 페이지를 넘기는 데 4초가 걸린다고 상상해 보십시오. 읽어보면 재미가 없을 것이다. 귀하의 웹사이트도 다르지 않습니다. 빠르고 느린 연결에서 테스트하여 모든 것이 어떻게 로드되는지 확인하십시오. 적절하게 작성된 코드, 제한된 스크립팅, 그래픽의 적절한 사용(과도하지 않은 사용) 및 우수한 호스팅 모두가 페이지 로드 속도에 기여합니다. 로드하는 데 시간이 오래 걸리는 페이지가 있으면 수정하세요. 사람들은 그것에 대해 불평하지 않고 그냥 떠나 적절한 속도로 로드되는 콘텐츠가 있는 다른 곳을 찾을 것입니다.

2. 귀하의 사이트에서 사람들이 플러그인을 제대로 다운로드하도록 강제합니까?

웹 사이트에서 사용에 대해 생각해야 하는 유일한 플러그인은 Adobe Flash입니다. 사용자가 다른 것을 다운로드해야 하는 경우 사이트가 제대로 작동하지 않습니다. 사람들은 귀하의 사이트에 정보를 얻거나 물건을 사는 것 외에는 아무것도 하지 않습니다. 이러한 작업을 수행하는 데 필요한 것보다 더 많은 작업을 수행하도록 하지 마십시오.

3. Microsoft FrontPage 또는 Word를 사용하여 웹 페이지를 만들고 있습니까?

이에 대한 대답이 예라면 이 시리즈의 나머지 부분을 건너뛰고 완전한 재설계 및 재구축에 대해 논의하는 부분으로 이동할 수 있습니다. FrontPage는 학교 프로젝트를 하는 아이들에게 적합합니다. 전문 웹사이트를 구축하는 데 허용되는 도구가 아닙니다. FrontPage와 Word는 수많은 표준 웹 규칙을 위반하고 필요하지 않은 곳에 엄청난 양의 코드를 넣습니다. 이로 인해 페이지가 매우 느려지고 비 IE 브라우저에서 작동하지 않는 경우가 많습니다. 다시 말하지만, FrontPage 또는 Word를 사용하는 경우 다시 빌드해야 합니다. 당신은 거기에있는 다른 도구 중 일부를 좋아할 것이고 그들은 당신이 익숙한 것보다 사용하기가 더 어렵지 않습니다.

4. 웹사이트를 관리하기 위해 어떤 종류의 콘텐츠 관리 시스템을 사용하고 있습니까? 그렇다면 무엇입니까?

콘텐츠 관리 시스템(CMS)은 웹사이트의 구조, 탐색, 디자인 및 콘텐츠를 관리하는 데 도움이 되는 웹 서버에 있는 소프트웨어입니다. 현재 FTP를 통해 페이지를 업로드하고 있다면 CMS를 사용하지 않을 가능성이 높습니다. 당신은해야한다. CMS에는 검색 엔진 친화적인 기능이 내장되어 있으며 코딩을 거의 또는 전혀 하지 않고도 웹사이트의 기능을 확장하고 확장하는 플러그인 및 모듈을 추가할 수 있습니다. 또한 기본적으로 콘텐츠 전체를 검색할 수 있으며 콘텐츠를 쉽게 관리하고 업데이트할 수 있는 다양한 기능을 제공합니다. 가장 좋은 점은 그들 중 다수가 무료라는 것입니다(Joomla, Drupal, WordPress, DotNetNuke). DreamWeaver, FrontPage 또는 기타 HTML 편집기에서 웹 페이지를 편집하는 시대는 끝났습니다. 이것은 수천 개의 기사가 있는 주제이지만 이 경우 CMS를 사용하지 않는 것은 좋지 않습니다.