You can make anything
by writing

C.S.Lewis

검색 결과와 정렬 옵션 간의 시각적 분리 문제

by UX 컨설턴트 전민수 Mar 23. 2025
검색 결과와 정렬 옵션 간의 시각적 분리 문제
(인지적 부하와 사용성 향상을 위한 분석)
 

1. 홈택스 사용성 문제점 분석

홈택스 검색 결과 페이지에서 검색 정렬 옵션은 좌측 상단에 배치되어 있고, 검색 기간은 우측 상단에 위치하고 있습니다. 이로 인해 정보가 시각적으로 분리되며, 사용자는 검색 결과를 확인한 후 정렬 기준을 추적하려면 추가적인 인지적 리소스를 소모해야 합니다. 


일반적으로 검색 결과 페이지에서는 우측 상단에 검색 정렬 옵션이 배치될 것이라고 기대하기 때문에, 사용자는 검색 결과 목록 상단의 우측 영역을 우선적으로 스캔하며 자연스럽게 정렬 옵션을 찾으려 합니다. 


그러나 현재와 같은 배치에서는 좌측 영역에 정렬 옵션, 우측 영역에 날짜 검색이 있어, 정렬 옵션이 날짜 검색에 의해 눈에 띄지 않을 수 있습니다. 사용자가 의도적으로 시선을 이동해야만 정렬 옵션을 찾을 수 있어, 정보 탐색의 흐름이 방해받고 불편함을 겪게 됩니다.


검색 정렬 옵션과 결과 목록이 물리적으로 멀리 배치되어 있어 사용자가 검색 결과를 바로 확인하면서 정렬 기준을 직관적으로 파악하는 데 시간 지연이 발생합니다. 이 시각적 거리 문제는 검색 결과 페이지의 검색 목록 우측에 정확도가 그래프 형태로 나타나 있어, 사용자는 그래프 바로 위에 검색 정렬이 있을 것이라 기대하지만, 바로 위에 날짜 검색이 있습니다.

더구나 검색 결과 목록은 정확도 그래프 제공으로 인해, 현재 정렬 옵션은 "정확도" 일거라 기대했으나 실제는 "최신순" 설정되어 있어서 혼동됩니다. 사용자가 두 개의 서로 다른 정보를 동시에 인식하려 할 때 발생하는 인지적 로드를 증가시키며, 이는 행동의 효율성을 떨어뜨립니다. 사용자는 검색 정렬 기준을 알기 위해 화면의 여러 부분을 반복적으로 스캔해야 하며, 이로 인해 시간과 정신적 자원이 낭비됩니다.


2. 반면, 여성가족부의 경우, 


검색 결과 페이지에서 검색 정렬 옵션은 우측 상단에 배치되어 있습니다. 이 배치 방식은 시각적 근접성을 제공하여 사용자가 검색 결과를 스캔하는 동시에 정렬 기준을 쉽게 인식할 수 있도록 도와줍니다. 정렬 기준이 물리적으로 가까운 위치에 배치되면, 사용자는 정보를 즉시 파악할 수 있으며, 그로 인해 검색 후 추가적인 인지적 노력을 덜게 됩니다. 이 시각적 근접성은 정보 탐색의 효율성을 높여, 사용자가 자연스러운 흐름을 따를 수 있도록 돕습니다.
 

정렬 옵션이 검색 결과와 바로 인접해 있기 때문에 사용자는 결과를 먼저 확인한 후, 정렬 기준을 자연스럽게 확인할 수 있습니다. 이로 인해 사용자는 빠르게 원하는 행동을 인식하고 선택할 수 있으며, 행동의 일관성을 유지할 수 있습니다. 따라서 사용자가 정렬 기준을 확인하고 결과를 빠르게 정렬하는 흐름을 방해하지 않으며, 피로감을 줄이고 효율적인 탐색 경험을 제공합니다.
 


3. 그렇다면 홈택스의 경우 기획자가 실수한 의도가 무엇일까?

 

(1) 날짜 검색의 중요성 강조

날짜 검색은 사용자가 특정 기간에 해당하는 결과를 찾을 때 중요하기 때문에, 날짜 필터나 검색 범위와 관련된 항목을 우측에 배치하여 사용자가 즉시 인식하고 사용할 수 있도록 의도했을 가능성이 있습니다. 이 경우 날짜 관련 기능이 우측에 집중되면서 정렬 옵션은 덜 중요한 기능으로 간주되어 좌측에 배치된 것으로 보입니다.
 

2) 기능적 구분

기획자는 검색 정렬과 날짜 필터링을 기능적으로 구분하고자 했을 수 있습니다. 날짜 필터는 검색의 범위를 제한하는 필터링 작업으로 간주되며, 이는 사용자가 특정 기간의 결과만을 보고자 할 때 필요한 기능입니다. 반면 검색 정렬은 결과를 정렬하는 작업이므로, 날짜 필터링과 정렬 기능을 구분하여 배치함으로써 각 기능이 독립적으로 작동하도록 했을 가능성이 큽니다.


3) 좌측 상단의 정렬 옵션 배치

기획자는 검색 정렬 기능이 중요한 요소이긴 하지만, 날짜 필터링 기능을 더 강조하고자 우측 공간을 날짜 검색으로 활용했을 가능성이 있습니다.


4) 문제점

그럼에도 불구하고, 날짜 검색에 중점을 두었다 하더라도, 정렬 기준을 사용자가 직관적으로 확인할 수 있도록 배치하는 것이 중요합니다. 검색 정렬이 좌측 상단에 배치되어 있고, 결과 목록과의 시각적 연결이 부족한 경우 사용자는 검색 정렬 기준을 빠르게 확인할 수 없게 되어, 정보 탐색의 효율성이 떨어지게 됩니다. 검색 정렬 기준이 우측 상단에 배치되었더라면, 결과 목록과 시각적으로 가깝고 사용자가 정렬 기준을 즉시 인식할 수 있었을 것입니다.
 

결국, 날짜 검색의 중요성과 정렬 옵션 사이의 정보 배치 우선순위가 균형을 이루지 않아서, 검색 결과의 효율적인 탐색을 방해할 수 있다는 점에서 사용성에 문제를 일으킬 수 있습니다.


4. 홈택스 인지심리학 위배 여부

 

1) 피츠의 법칙 (Fitts's Law) 위배 여부 


피츠의 법칙(Fitts's Law)은 사용자가 목표를 선택하는 데 걸리는 시간은 목표의 크기와 위치에 따라 달라진다고 설명합니다. 즉, 목표가 크고 사용자가 쉽게 접근할 수 있는 곳에 있으면 선택이 더 빠르고, 목표가 작거나 접근하기 어려운 곳에 있으면 선택이 더 느려집니다.

홈택스의 경우, 정렬 옵션이 일반적인 UI 패턴에서 벗어나, 검색 결과와 물리적으로 멀리 배치되어 있기 때문에 피츠의 법칙에 위배됩니다. 이를 좀 더 구체적으로 설명하겠습니다.


(1) 목표의 거리

일반적으로, 사용자는 검색 결과와 함께 정렬 옵션을 근접한 위치에서 찾기를 기대합니다. 정렬 옵션이 우측 상단에 배치되어 있으면 사용자는 그 위치에서 바로 찾을 수 있습니다.
 

그러나 홈택스에서는 정렬 옵션이 검색 결과 목록과 물리적으로 멀리 배치되어 있어, 사용자는 검색 결과를 먼저 스캔한 후, 의도적으로 다른 부분(좌측 상단 등)으로 시선을 이동해야 합니다. 이로 인해 목표인 "정렬 옵션"과의 거리가 길어지게 되어 선택하는 데 더 많은 시간이 소요됩니다.
 

(2) 목표 크기

목표 크기가 너무 작지 않다면 크기 자체가 문제가 되지는 않지만, 목표가 눈에 잘 띄지 않거나 예측하기 어려운 위치에 배치되어 있으면 이를 찾는 데 시간이 더 걸립니다.
 

홈택스에서는 정렬 옵션이 사용자가 예상하는 위치와 다른 곳에 위치하고, 또한 정확도 그래프와 날짜 검색이 근처에 있어서 혼동을 유발합니다. 이 혼동은 사용자가 정렬 옵션을 찾는 데 추가적인 인지적 리소스를 소모하게 만듭니다. 피츠의 법칙에 따르면, 목표가 예상 외의 위치에 있으면 이를 찾는 데 시간이 늘어나므로 이 역시 위배되는 요소입니다.
 

(3) 혼동과 인지적 로드

피츠의 법칙은 목표를 쉽게 선택할 수 있어야 한다는 점을 강조합니다. 그러나 정렬 옵션이 예상과 다른 위치에 있고, 그 주위에 다른 요소들(정확도 그래프, 날짜 검색 등)이 있어 사용자가 시선을 이동시키거나 다시 돌아가며 선택해야 한다면, 목표를 선택하는 시간은 더 늘어납니다. 이로 인해 선택의 속도가 감소하고, 사용자의 인지적 로드가 증가하게 되어 피츠의 법칙에 위배됩니다.


2) 밀러의 법칙 (Miller's Law) 위배 여부

 
 

홈택스에서 정렬 옵션, 날짜 검색, 정확도 그래프 등이 분산되어 배치된 방식은 밀러의 법칙에 위배됩니다. 밀러의 법칙에 따르면, 사용자가 한 번에 처리할 수 있는 정보의 양은 5~9개 이내가 적당합니다. 그러나 이들 정보가 각각 다른 위치에 배치되면 사용자는 여러 요소를 동시에 처리해야 하므로 인지적 부담이 커지고 혼란을 겪게 됩니다.


특히, 정렬 옵션이 "최신순"으로 설정되어 있음에도 불구하고, 검색 목록에 정확도 그래프가 함께 나타나는 방식은 정보 과부하를 유발합니다. 사용자는 정렬 기준과 정확도 그래프를 동시에 처리해야 하므로, 인지적인 부담이 더욱 증가하게 됩니다.


또한, 기본적으로 검색 결과 목록은 "최신순"으로 정렬되어 있지만, 정확도 그래프는 낮은 값에서 높은 값으로 표시됩니다. 이로 인해 사용자는 검색 결과 목록을 최신순으로 확인하면서 정확도 그래프가 왜 낮은 값에서 높은 값으로 표시되는지 혼란스러워 할 수 있습니다. 일반적으로 사용자는 "정확도" 정보가 높은 값에서 낮은 값으로 정렬되기를 기대하므로, 두 요소 간의 불일치가 발생하면 정보 처리에 어려움을 겪게 됩니다. 밀러의 법칙에 따라, 정보가 일관되지 않거나 너무 분산되면 사용자가 이를 처리하는 데 어려움을 겪고 인지적 부담이 커지며, 이는 효율적인 정보 처리와 선택을 방해하게 됩니다. 따라서 정확도 그래프가 낮은 값에서 높은 값으로 표시되는 방식은 사용자가 정보를 효율적으로 처리하는 데 방해가 되며, 시스템의 일관성 문제를 초래할 수 있습니다.


5. 홈택스 휴리스틱 평가 워칙 위배 여부

 

1) 현실 세계와 부합하도록 시스템을 설계한다 위배 여부 
 

현실 세계와 부합하도록 시스템을 설계한다는 원칙에 따르면, 시스템은 사용자가 현실 세계에서 기대하는 방식대로 동작해야 합니다. 사용자는 "최신순" 정렬 옵션을 선택하면 최신 항목이 가장 먼저 표시될 것이라고 기대합니다. 이는 사용자가 실제로 정보를 검색할 때 흔히 경험하는 방식으로, 최신 정보를 우선적으로 확인하는 것이 일반적이기 때문입니다.
 

그러나 검색 목록에 정확도 그래프가 "정확도" 제공되어, 현재 검색 목록이 "최신순"이 아닌, "정확도" 정렬된 데이터인지 혼동됩니다. 이 경우, 사용자가 "최신순" 정렬을 선택했음에도 정확도 그래프가 별도로 제공된다면, 사용자는 시스템이 제공하는 정보가 자신의 기대와 다르다는 느낌을 받게 됩니다. 즉, 정렬 기준이 일관되지 않아 시스템의 동작이 사용자가 현실 세계에서 기대하는 방식과 맞지 않게 됩니다. 이는 사용자가 쉽게 이해하고 직관적으로 사용할 수 있도록 설계된 시스템과는 거리가 멀어집니다.

매거진의 이전글 검색 흐름 방해하는 시스템 설계 문제와 개선 방안

브런치 로그인

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari