지침 : 웹사이트 요소들이 웹페이지안과 웹페이지간에서 시각적 일관성을 확보하도록 하라.

주석 : 두 개의 연구에 의해 시각적으로 비일관적인 사이트에서 발견되는 오류의 수가 시각적으로 일관적인 사이트에서 발견되는 수보다 월등히 높다는 것이 발견되었다. 시각적 일관성에는 글자의 크기와 자간, 레이블들에 사용된 색상, 폰트와 배경, 레이블들의 위치, 텍스트와 그림들이 포함된다. 초기 연구들에 의하면 일관된 인터페이스상에서 수행된 작업들은 (1)작업 완료 시간의 감소, (2)오류의 감소, (3)사용자 만족도의 증가, (4)학습 시간의 감소를 가져옴이 밝혀졌다.

그러나 사용자들은 어떤 종류의 비일관성은 빠르게 극복하는 경향을 보인다. 예를 들어 한 연구에 의하면 서로 다른 사이즈의 위젯(widgets, 누르기 버튼이나 입력란, 리스트 박스등)은 사용자의 수행성이나 선호도에 부정적인 영향을 미치지는 않는 것으로 밝혀졌다.

지침 : 일반적인 항목의 구성은 페이지마다 일관되게 하라.

주석 : 선택한 구성은 관례적으로 사용자에게 익숙한 것이어야 한다. 예를 들어 전화번호는 일관된 구두점 형식이어야 하고(800-555-1212) 시간 표시는 일관되게 콜론등으로 구두점 표시를 하여야 한다(HH:MM:SS).

지침 : 모든 웹페이지에 적어도 12 포인트 이상의 폰트(예컨데 서체, 영문 기준)를 사용하라.

주석 : 연구 결과에 의하면 12 포인트보다 작은 폰트는 사용자의 읽기 수행성을 느리게 만든다. 65세 이상의 사용자를 위해선 적어도 14 포인트 이상의 폰트를 사용하는 것이 낫다. 웹사이트에 6포인트보다 작은 폰트는 결코 사용해서는 안된다.

전통적인 종이 기반의 폰트 사이즈는 웹사이트 디자인에는 잘 적용되지 않는다. 예를 들어 동일한 폰트를 보여줄 때 윈도우 브라우저들은 맥킨토시보다 2에서 3포인트 크게 보인다. 사용자가 브라우저의 설정을 변경하여 디자이너가 정한 폰트 사이즈를 크게 하거나 작게 할 수 있다. 픽셀을 이용하여 텍스트 사이즈를 정하면 모니터 픽셀의 물리적인 크기와 해상도에 따라 서로 다른 문자 크기로 보여지며 큰 폰트 설정을 사용해야만 하는 사용자들에게 접근성 문제를 야기시키게 된다.

지침 : 가능한 최고 읽기 속도를 달성하려면 친숙한 폰트를 사용하라.

주석 : 연구 결과에 따르면 12 포인트 Times New Roman이나 Georgia(serif fonts), Arial, Helvetica, Verdana(sans serif fonts)등 어느 것을 사용하더라도 읽기 속도에 있어 유의미한 차이는 발견되지 않는다.

지침 : 단어나 짧은 문구의 중요성을 강조하기 위해서는 폰트 특성을 변화시켜라.

주석 : 텍스트 안의 단어에 대해, 둘러싸고 있는 텍스트들과 다른 폰트 특성을 쓸 경우 돋보이게 된다. 중요한 폰트 특성은 강조(bolding), 이태리체(italics), 폰트 스타일(serif, sans serif), 폰트 크기(클수록 주의집중 효과가 있다), 대/소문자가 있다. 잘만 쓰면 폰트 스타일을 이용해 중요 단어에 주의를 집중시킬 수 있다.

색다른 폰트 특성을 사용하게 되면 부정적인 결과도 같이 가져오는데 읽기 속도가 거의 20%까지 느려질 수 있으며 따라서 산문으로 된 큰 문단에서는 사용을 자제해야 한다. 강조를 위해 색다른 폰트 특성을 쓸 경우 한 두 단어나 짧은 문구에서만 써야 한다. 강조를 위해 밑줄을 긋는 것은 피해야 하는데 왜냐하면 밑줄 친 단어는 웹에서 일반적으로 링크로 간주되기 때문이다.

지침 : 적절하게(그러나 남용하지 말고) 웹의 특색을 사용하여 웹페이지의 특정 부분에 대해 주의를 집중시켜라. 이러한 특색에는 움직이는(moving or animating) 오브젝트, 항목간 서로 다른 크기, 이미지, 밝은 색의 항목, 다양한 폰트 특색들이 있다.

주석 : 주의를 끄는 특색들은 조심해서 그리고 매우 적절하다고 생각하는 경우에만 사용하여야 한다. 웹사이트의 모든 특색들이 사용자의 주의를 동일하게 끄는 것은 아니다. 다음 특색들은 사용자에게 미치는 영향의 강도순으로 제시된 것이다.

* 움직임(예컨데 애니메이션이나 ''숨겼다가 보여주기'')은 가장 효율적으로 주의를 끄는 아이템이다. 연구조사에 의하면 사용자들은 페이지에서 움직이는 아이템에 제일 먼저 주목하게 된다고 한다. 그러나 움직임이 적절하거나 유용한 경우가 아니면 사용자에게 짜증을 유발시킬수 있다. 움직임이 일단 주의를 끈 다음에도 계속되면 웹사이트의 정보로부터 오히려 주의를 분산시키게 된다.
* 큰 오브젝트, 특히 이미지들은 작은 것들보다 우선적으로 사용자의 주의를 끈다. 사용자들은 우선 큰 아이템들을 오랫동안 응시하게 된다. 그러나 어떤 종류의 이미지들에 대해선 광고나 장식물로 알고 건너뛰는 경향이 있다.
* 사용자들은 이미지들을 1,2초 바라본다음 연결되어 있는 캡션을 읽게 된다. 많은 경우에 이미지의 의미를 이해하기 위해 텍스트 캡션을 읽는 것은 마지막 순서이다. 더 밝은 색상을 가진 이미지의 부분이나 텍스트가 먼저 주의를 끄는듯 하다.

특정 텍스트와 그래픽 아이템을 더 밝은 색상으로 표시하고 다른 것들은 어두운 색으로 표시하면 사용자들이 요소들의 상대적 중요도를 판단하는데 도움을 준다. 주의를 끄는 폰트의 특색은 모두 대문자로 쓰는 것, 강조(bolding), 이탤리체(italics), 밑줄, 폰트 사이즈의 증가등이다.

지침 : 효율적이고 성공적으로 사용자의 작업 수행을 가장 잘 돕는 순서로 목록과 작업들을 배열하라.

주석 : 디자이너는 웹사이트의 이용을 용이하게 하는 항목들의 순서가 있는지 판단하여야 한다. 만약에 그런 순서가 있다면 이를 지원하도록 사이트가 구성되어야 하며 모든 페이지는 동일한 순서를 따라야 한다. 예를 들어 항목들의 목록이나 링크들의 집합, 탭의 배열은 유의미한 순서로 되어 있어야 한다.

명확한 순서를 적용할 수 없는 경우에는 알파벳 순서나 숫자순으로 목록을 만들어야 한다. 명심할 것은 디자이너의 로직이 아니라 사용자의 로직이 우선한다는 것이다.

[아래 사례는 우선 지역에 의해 분류하고 그 다음 알파벳 순서로 분류하여 사용자가 빠르게 원하는 정보를 찾게 한 목록이다.]

[아래 사례는 대부분의 사용자가 동일한 항목을 찾을 경우 그 항목을 목록의 제일 위에 놓아 사용자의 편의를 배려한 목록의 경우이다]

[아래 사례는 알파벳을 세로로 배열해야 할 것을 가로로 배열하여 읽기 힘들게 만들어 놓은 목록의 경우이다.]

지침 : 관련이 있는 일련의 항목들은 이어진 텍스트로 쓰는 것보다는 세로 목록으로 표현하라.

주석 : 잘 조직된 목록 형태는 빠르고 정확한 훑어보기를 쉽게 만들어준다. 한 연구에 의하면 사용자는 가로 목록보다는 세로 목록을 더 빠르게 훑어보는 것으로 밝혀졌다. 사용자가 가로 목록을 훑어보는 것은 세로 목록을 훑어보는 것보다 20% 더 시간이 걸린다.

지침 : 각 목록 상단에는 도입부 헤딩(heading, 즉 단어나 문구)을 제공하라.

주석 : 설명력 있는 헤딩의 제공은 사용자가 항목들의 목록이 왜 있는지, 항목들은 서로 어떻게 관련되어 있는지 쉽게 이해하게 해준다. 헤딩은 사용자에게 항목들의 분류나 원리, 주제에 대해 정보를 제공한다. 헤딩이 포함되었을 때 사용자들은 목록을 더 잘 사용할 수 있다.

지침 : 훑어보고 이해하기 쉽게 목록을 만들어라.

주석 : 유의미한 레이블의 사용, 효과적인 배경 색상, 경계(borders), 여백은 사용자로 하여금 항목들의 묶음을 차별화된 목록으로 분간할 수 있게 해준다.

지침 : 항목들에 숫자를 매길 때 0부터 시작할 것이 아니라 1부터 시작하라.

주석 : 숫자를 매길 때 0부터 시작해서는 안된다. 수를 셀 때 사람들은 "0"이 아닌 "1"부터 시작한다.

지침 : 목록의 가장 중요한 항목들은 목록 처음에 배치하라.

주석 : 숙련된 사용자는 대개 메뉴나 목록의 제일 위의 항목을 먼저 보며 리스트 아래 쪽에 있는 항목들을 보기 전에 제일 처음의 세 개의 항목중 하나를 본다. 연구 결과에 의하면 사용자들은 관련 있는 것을 보게 되자 마자 목록 훑어보기를 멈추는 경향이 있다고 보고되고 있으며 따라서 중요한 항목을 목록의 시작 부분에 놓는 까닭이 여기에 있다.

지침 : 목록의 각 항목, 목록 박스 항목, 체크 박스 레이블, 라디오 버튼 레이블의 첫 글자는 대문자로 써라.

주석 : 항목안에 일반적으로 대문자로 쓰는 단어가 있는 경우가 아니면 첫 단어의 첫 글자만 대문자하여야 한다.

지침 : 동등한 지위나 가치를 갖는 항목들을 표시할 때는 불릿을 사용하라. 항목에 특정한 순서가 지켜져야 할 때에는 숫자순으로 목록을 만들어라.

주석 : 불릿 목록은 목록 안의 항목들이 고유의 순서나 차례, 순위를 갖고 있지 않을 때 쓰는 것이 좋다. 숫자순 목록은 목록안의 각 항목들을 올림차순으로 배열하며 숫자 순서가 바로 명백해진다. 숫자순 목록은 지시 사항을 제시할 때 특히 중요하다.

지침 : 데이터 입력란에서 필수 입력 사항과 선택 입력 사항을 명확하고 일관되게 구분하라.

주석 : 사용자들은 어떤 데이터 입력란이 필수 사항이고 선택 사항인지 쉽게 판단할 수 있어야 한다. 많은 웹사이트들이 현재 필수 입력란 레이블 앞에 별표(*)를 사용하고 있다. 다른 사이트들은 레이블 옆에 "필수"라는 단어를 붙이고 있다. 한 연구에 의하면 필수 입력란을 표시하는데 있어 갈매기(chevrons, >>>), 체크표시(checkmarks), 색상보다 강조체 텍스트를 선호하는 것으로 밝혀졌다.