[시선추적 사용성]지점에 우선순위를 부여하라 > 디자이너팁

디자이너팁

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

[시선추적 사용성]지점에 우선순위를 부여하라 정보

[시선추적 사용성]지점에 우선순위를 부여하라

본문

지점에 우선순위를 부여하라

 

사람들은 중요한 지점에 나타나는 가장 중요하고, 기본적이며, 페이지 제목이나 주제에 관련된 정보를 예상한다. 페이지의 구역에는 시각적 우선순위가 있다. 높은 우선순위를 가진 구역은 아래 특징을 가진다:

 

- 위치. 대부분의 경우에 상단 컨텐츠 영역은 글로벌 네비게이션 아래에 있으며, 아래쪽 컨텐츠 영역에 비해 우선순위가 높다. 우선순위가 가장 높은 곳은 메뉴 뒤에 있는 컨텐츠 영역의 최상단이다.

 

- 크기와 강조. 크기나 굵기, 밑줄, 컬러와 배경은 중요성을 전달한다. 하지만 사용자의 주목을 얻게 하거나 잃는 차이는 적다. 디자이너들은 중요한 정보를 눈에 띄게 하게 하고 광고나 다른 항목처럼 보이지 않게 해서 무시당하지 않도록 균형을 잡을 필요가 있다.

 

- 나머지 페이지와 관련된 곳에 나타남. 특정 구역이 나머지 페이지보다 훨씬 더 절제되었다면 우선순위가 높은 지점으로 보일 수 있다. 하단에 시선을 끄는 요소가 있는 여백으로 된 긴 부분은 목적이 있는 시각적 유인 수단으로 여겨진다. 또한 사람들의 시선을 이전 기능에서 여러분이 원하는 사람들이 보는 곳으로 이끌 수 있다. 각 페이지 디자인은 어느 지점이 우선순위가 있는지 결정한다.

 

중요: 사이트가 어수선해도 친절하며, 디자인에 일관성이 있다면 필요한 정보를 스캔하기 쉽다.

 

사용자들은 배너 회피 현상 때문에 특정 지점에 있는 정보를 놓칠 수 있다. 불확실한 단어는 또다른 잠재적인 문제다.

 

지점의 우선순위가 불확실하면 사용자들이 왼쪽 부분에서 떠난다

 

페이지 밀도와 레이아웃 우선순위와의 관련성을 살펴보자. 연구 결과, 페이지 밀도는 평균 시선고정 수에 비해 훨씬 다양하다. 시선고정 수는 밀도와 일치하지 않다.

 

사용자들은 가장 성공적인 답변을 찾을 경우 시선을 고정한다. 분명하게 텍스트를 나누고 제목을 굵게하면 도움이 된다. 중요한 정보의 위치는 시각적으로 영역을 강화해서 사용자들의 성공에 가장 중요한 이유가 되었다.

 

우선순위가 있는 컨텐츠는 굵은 텍스트와 자신의 페이지 위치로 중요성을 나타낸다. 페이지 상단에 굵은 텍스트가 있으면 본능적으로 사용자의 시선을 먼저 끈다. 어떤 사용자도 페이지를 스캔했지만 특히 상단 가까이에 있는 굵은 단어를 추적했다.

 

중요: 페이지가 아주 길고 텍스트가 많아도, 제목이 있으면 사람들이 덜 힘들게 스캔하도록 해준다. 제목은 모든 내용을 읽지 않고 원하는 정보를 스캔하도록 돕는다.

 

컨텐츠의 중요성과 위치가 일치하지 않는 현상을 우선순위 불일치라고 부른다. 사용자 경험은 시각적 처리로 향상시킬 수 없다. 가장 중요한 컨텐츠는 사용자가 예상하지 못한 곳에 있기 때문이다.

 

팁: 사용자들은 가까운 과정에 계속 집중한다. 그렇게 할 수 있다면 하자. 불필요한 요소 때문에 사용자가 과정에서 벗어나면 안된다.

 

긍정적인 여러 시선고정이 없었고, 사용자가 절차를 즐기면서 진행했다면 욕구 탐색이라고 부른다. 대신, 아무 성과없이 반복적으로 항목을 본다면 철저한 검토의 예라고 할 수 있다. 사이트에 섹션이 너무 많고, 여러개의 글꼴을 사용하며 크기와 컬러가 다양하다면 어느 곳이 중요한 지점인지 결정하게 어렵게 된다.

 

사용자들이 필요한 정보가 있다고 착각하고 특정 위치에 시선고정을 하면 실수로 여겨진다. 디자인 요소가 적절하지 않는 시기에 사용자의 관심을 끌면 과정을 벗어나게 된다. 속은 사용자들은 잘못된 요소에 필요한 정보가 없더라도 많은 시선 고정을 허비한다.

 

사용자들이 가장 크게 접하는 실수는 회색 글자다. 제목과 섹션이 부족하면, 본문 어딘가에 중요한 컨텐츠가 있다고 예상한다.

 

중요: 지점의 우선순위가 분명하지 않고, 긴 텍스트가 나눠지지 않으며, 링크가 중요하지 않은 정보를 가리킨다면 사람들이 원하는 정보를 찾기 어렵다.

추천
0

댓글 0개

전체 360
디자이너팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT