gwLee's study

-사용자의 핵심 과업을 방해하지 마라.
-사용 횟수와 중요도, 순서에 따라 특정 과업과 관련딘 요소들을 제시하라.
-버튼과 링크를 일관되게 사용하라. 항상 같은 기능에는 동일한 레이블을 사용하라.
-페이지에서 고객에세 예기치 않은 애니메이션이나 소리를 들이밀어서는 안 된다.
-사용자가 회원 가입을 하지 않고도 구매 할 수 있게 하라.

페이지 레이아웃
-사용자가 일반적으로 수행하는 과업의 순서에 맞게 요소를 계층적으로 배치하라(왼쪽에서 오른쪼으로, 위에서 아래로). 대부분의 사용자는 콘텐츠 영역을 훑어보는 것에서 시작한다.
-페이지 길이가 적당한지 확인하라. 홈페이지에서는 스크롤리 생기지 않게 하고, 내부 페이지에서도 화면 2.5배의 스크롤 이내가 되게 하라.
-페이지를 쉽게 인쇄 할 수 있는지, 인쇄 시 페이지의 핵심 내용이 빠지지는 않는지 확인하라. 만약 안 된다면, 프린트 전용 버전을 제공하라.

시각 디자인
-중요한 데이터를 표시하는 유일한 방법으로 색상을 쓰는 것을 피하라.
-핵심 정보를 디자인으로 꾸며 광고처럼 보이게 하지마라.

내비게이션
-일관된 네비게이션을 사용하여 각 과업 간에 용이하게 이동 할 수 있게 지원하라.
-마우스를 가져다대야만 중요한 옵션을 볼 수 있게 만들지 마라.
-링크 이름은 링크된 페이지의 내용을 반영해야 한다. '여리극 클릭(Click Here)'이나 '더 보기(more)' 등의 일반적인 링크 이름을 피하라.
-모든 링크에는 언더라인이 생기게 하고, 그 밖의 일반 단어에는 언더라인을 씌 마라. 클릭할 수 있는 모든 요소에는 마우스 오버 효과를 넣어야 한다.
-이미 방문한 페이지의 링크 색상을 바꿔 이전에 어떤 링크를 방문했는지 확인 할 수 있게 하라.

콘텐츠
-사용자가 쓰는 언어를 사용하라.
-콘텐츠를 만들 때는 간단하고 쉬운 내용으로 정확하게 (문법이나 띄어쓰기), 능동형으로 흥미롭게 써라.
-가격을 보여주거나 혹은 가격 정보를 제공하지 않는다는 것을 명시하라.
-여러 제품을 골라 한꺼번에 비교해서 볼 수 있게 하라. 상품 비교 테이블에서는 제품 차별점을 쉽게 확인 할 수 있어야 한다.

가독성
-모든 텍스트에 10포인트 이상의 폰트 사이즈를 적용하라.
-배경과 텍스트 색상은 확실히 차이가 나게 하라.
-불릿 리스트와 간략한 내용 소개, 명확한 제목을 사용하고, 전체 내용을 단락 별로 분리 배치해 쉽게 내용을 훑어 볼 수 있게 하라.
-고정 사이즈 폰트가 아닌 유동 사이트 폰트를 사용한다.

간단한 레이아웃
-사이트가 가진 모든 기능을 한 화면에 출력하는 것은 어리석은 짓이다. 사용자가 선택과 집중을 할 수 있도록 가장 중요한 기능을 돋보이게 하는 간단한 레이아웃

그라데이션 효과를 준 백그라운드 이미지
-지나치게 간단한 레이아웃은 자칫하면 성의없이 옷을 걸친 매너 빵점의 미팅 상대쯤으로 보일 수 있다. 하지만 그라데이션 효과를 준 백그라운드 이미지를 적절히 사용한다면 작지만 세련된 효과를 줄 수 있다.

크고 컬러풀한 아이콘
-여러가지 기능들을 작은 아이콘들로 빽빽하게 채우는 대신 주용한 기능을 크고 컬러풀한 아이콘으로 적절히 배치하라. 가끔 보이는 크고 컬러풀한 아이콘은 사용자로 하여금 선택과 집중을 할 수 있도록 만든다. 아이콘에 리플렉션(reflection)효과나 드롭새도(drop shadow) 효과를 사용한다면 좀 더 세련된 아이콘을 만들 수 있다. 물론 과도한 사용은 집중을 방해하므로 금지 사항.

큰 텍스트
-예전의 사이트들이 작은 텍스트를 선호했던 것에 비해 웹 2.0 사이트는 큰 텍스트를 적절히 사용하고 있다. 사용자를 설득시켜 참여하게 만들기 위해서는 사이트를 이용하는 기본 방법이나 사이트를 이용하야 얻을 수 있는 이익과 같은 중요한 내용을 큰 텍스트로 강조하는 것이 좋다.

부드럽고 약한 색감의 페이지 그라운드
-컬러풀한 아이콘이나 큰 텍스트가 돋보이게 하기 위해서는 강렬한 색감의 페이지 백그라운드보다는 부드럽고 약한 색감의 백그라운드를 사용해야 한다.

적절히 사용한 3D 아이콘
-중요한 기능을 평면적인 아이콘보다는 입체적인 3d 아이콘으로 구현하는 것은 좋은 선택이다. 대부분의 사이트들이 형이한 아이콘을 사용하기 때문에 3D 아이콘을 가끔씩 사용한다면 사용자의 시선을 끌 수 있을 것이다.

여백의 미
-페이지가 텍스트나 아이콘으로 가득 차 있는 구조는 옳지 않다. 사용자는 모든 텍스트틀 읽지 않으며 모든 아이콘을 눌러보지도 않는다. 오히려 중요한 기능을 놓쳐 사이츠 이용에 혼란스러움을 느길수 있다. 중요한 기능을 놓쳐 사이트 이용에 혼란스러움을 느낄수 있다. 중요한 기능을 쉽게 강조할 수 있도록 여백을 적절히 활용하는 것이 좋다.

크고 세련된 로고
-웹 2.0 사이트들은 크고 세련된 귀여운 로고를 하나같이 가지고 있다. 이 로고들은 단순한 레이아웃과 정갈한 디자인의 사이트에 활력을 주어 사이트의 밸런스를 유지하는 데 많은 도움을 준다.

모든 웹 2.0  사이트들이 소위 2.0 디자인의 특징을 모두 가지고 있지는 않지만 공교롭게도 대부분의 사이트들이 단순한 레이아웃 위에 세련되고 재치있는 디자인을 입히고 있다.

var xmlHttp;

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }