본문으로 바로가기






1. 관례를 이용하라.


   -> 널리 사용되거나 표준화된 디자인 패턴을 따르라 (ex. 사용자는 로고가 보통 페이지 상단 왼쪽 모서리에 있으리라 생각한다.)

  !! 혁신적인 결과를 내려면 대체하고자 하는 것이 지닌 가치를 이해해야 한다.

- 새로운 아이디어가 더 낫다는 것을 확신할 때 혁신하라. 관례와 달라 보인다고 다 혁신이 아니다!

명료성이 일관성보다 더 중요하다.



2. 시각적 계층구조를 효과적으로 구성하라.


  - 더 중요한 부분이 더 눈에 띈다.

  - 논리적으로 연관된 요소가 시각적으로 연결되어 있다.

  - 두 요소 간 상/하위 관계가 형성되어 있다면 이를 시각적으로도 보여준다.



3. 페이지의 구역을 또렷하게 구분하라.


   - 사용자는 페이지의 어떤 부분이 유용할지 한눈에 매우 빠르게 결정한다.

   (Banner blindness : 사용자는 광고를 포함하고 있다고 생각되는 영역 전체를 철저하게 무시해 버린다.)



4. 클릭할 수 있는 요소를 명확히 표시해라.


   - 모바일 환경도 고려하라 (마우스 커서를 가져다 대면 손가락으로 바뀌는 방법은 모바일 터치스크린에 적용 불가하다.)

   - 일반적으로는 모든 텍스트 링크에 한 가지 색상을 입히거나 클릭해도 된다는 걸 형태나 위치로 구분할 수 있게 하는 정도면 충분하다.



5. 주의를 흩뜨릴 만한 요소를 없애라.


   - 시각적 잡음은 페이지 이해를 방해하는 주요 요소이다.

     -> 시끄러움 : 모든 요소들이 마치 중요한것 처럼 시끄럽다.

     -> 무질서 : 페이지 요소를 기준선에 따라서 배열하지 않으면 문제가 발생한다.

     -> 어수선함 : 잡음만 많고 정보가 적다(신호 대 잡음비가 낮다.)



6. 내용을 훑어보기 좋은 방식으로 구성하라.


   - 제목을 많이 넣어라.

   - 위에 공간을 더 넣고 아래는 적게 넣어라.

   - 단락의 길이를 짧게 유지하라.

      -> 온라인 상에서는 단락이 문장 하나로 구성되어도 아무 문제 없다.

   - 블릿 목록을 사용하라.

   - 주요 용어를 강조하라





참고서적 : Don't Make Me Think [Steve Krug]


 Other Contents 

댓글을 달아 주세요

티스토리 툴바