마음을 생각하는 디자인 요약(3)
3. 우리는 시각적 구조를 찾아내고 활용한다.
시야에 펼쳐진 환경의 구조를 파악하면 주변에 어떤 사물이 존재하는지, 어떤 사건들이 일어나는지 빠르게 이해하는데 도움을 준다. 또한 사람들은 웹사이트를 방문할때 모둔 단어들을 면밀하게 살피지 않는다는것도 언급했다. 곧 정보를 간결하고 구조적으로 제시해서 사람들이 서비스를 빠르게 이해하게 도와야한다 .
아래의 캘리포니아 차량국 홈페이지에서 많은 글자들, 반복적인 링크들이 사용자의 정보습득을 더디게하고 중요한 단어가 묻히게 만들고 있다. 원래의 디자인에서 반복되는 부분을 뽑아내고 실제 선택사항에 대한 부분만 링크로 표시한 후 시각적으로 잘 구조화한 가상의 디자인은 모든 내용을 유지하면서 더 적은영역을 차지하기도 한다.
검색 결과 화면도 마찬가지로 데이터를 구조화 하고 반복적인 “잡음”을 제거함으로써 사용자들이 페이지르 빠르게 훑어 읽고 원하는 정보를 쉽게 찾을 수 있도록 만들 수 있다. (불필요한 데이터와 반복되는 데이터 제거) 동시에 게슈탈트 원리도 잘 지켜져야한다.
적은 양의 정보라고 해도 잘 구조화되어 있으면 훑어보기 쉬워진다. 전화번호나 신용카드 번호등이 그 사례이다. 0102345987 보다 010-2345-897 이 더 쉽고 3652 9658 7458 1452가 3652965874581452보다 더 쉽다. 그러므로 긴 숫자열을 조각으로 나누어 입력받는것이 바람직하다. 한번에 입력하게 하면 사용자는 자신이 입력한 정보가 올바른지 확인하기 어렵다.
데이터에 특화된 컨트롤로 구조를 더 드러낼수 있다. (달력컨트롤 처럼)
적절한 정보에 집중할 수 있도록 도와주는 시각적 계층 구조의 활용
시각적 계층 구조를 드러내는 것이란
정보를 여러 구간으로 나누고, 각 구간을 또 다시 하위 구간으로 나눈다.
각 구간 및 하위 구간에 시각적으로 두드러져 보이도록 레이블을 붙인다. 각 레이블은 어떤 구간에 대한 것인지도 명백히 드러나야한다.
상위 구간이 하위 구간에 비해 더 두드러져 보이도로 각 구간에 계층을 부야한다.
시각적 계층 구조는 사람들이 정보를 훑어보고 자신의 목표에 부합하는 정보와 그렇지 않은 정보를 즉각적으로 구분해 낼 수 있도록 해주며, 적절한 정보에만 주의를 집중할 수 있도록 도와준다. 따라서 불필요한 정보는 쉽게 건너뛰고 찾고자하는 정보를 더 빠르게 찾을 수 있게된다.
시각적 계층 구조는 인터렉티브한 설정 화면이나 온라인 양식 등에서도 중요합니다.
