UI UX 분석 Case Study

[UI/UX 분석 2] 그룹핑 문제 해결: 사용자의 행위 순서에 맞춘 정보 배열의 중요성

2025.02.25 | 조회 38 |
0
|
from.
전민수
전코치의 사용성 리서치 UX 방법론의 프로필 이미지

전코치의 사용성 리서치 UX 방법론

프로덕트 매니저/프로덕트 오너/프로덕트 디자이너를 위한 UI / UX / UX 방법론&프레임워크 소식

그룹핑 문제 해결: 사용자의 행위 순서에 맞춘 정보 배열의 중요성


디지털 제품과 서비스 설계에서 핵심적인 문제 중 하나는 사용자가 원하는 작업을 얼마나 효율적이고 직관적으로 수행할 수 있을지 입니다. 특히, 정보 배열과 기능 배치는 사용자 경험에 직접적인 영향을 미칩니다. 그 중에서도 그룹핑 문제는 자주 간과되지만, 사용자의 경험을 크게 향상시킬 수 있는 중요한 기회를 제공합니다.

이 글에서는 그룹핑 문제를 사용자의 행위 순서에 맞춰 해결하는 방법을 살펴보겠습니다. 아이콘 배열과 기능 그룹화의 중요성을 통해 사용자가 자연스럽게 흐름을 따라갈 수 있도록 돕는 설계의 필요성을 논의할 것입니다.


그룹핑 문제의 본질


그룹핑 문제는 관련된 항목들을 시각적으로 묶어, 사용자가 정보를 더 빠르고 정확하게 이해할 수 있도록 돕는 것입니다. 그러나 종종 관련 항목들이 구분되지 않거나 명확하게 그룹화되지 않아, 사용자가 어떤 작업을 먼저 해야 할지, 혹은 각 항목들의 관계를 혼동하게 만듭니다. 이는 사용자가 시스템을 사용할 때 불편함을 유발하고, 결과적으로 사용성 저하를 초래합니다.


사용자의 행동 흐름에 따른 그룹핑


정보 배열에서 중요한 점은 사용자가 수행하는 행동의 흐름을 따라야 한다는 것입니다.

아래 이미지는 H기관 메인 페이지의 상단 아이콘(국세 납부, 근로자소득 세액공재 등)이 5개 있습니다. 그런데 아이콘이 뒤죽박죽 섞여 있습니다.

 

메인 페이지
메인 페이지

 

그렇다면 왜 사용성에 문제가 있는 것일까요? 


예를 들어, 사용자가 세금 관련 업무를 처리하는 상황을 가정해봅시다. 이 과정에서 사용자는 세금 납부나 서류 제출을 먼저 해야 하고, 그 후에 그 결과를 조회하는 작업을 하게 됩니다.

  • 세금 납부와 직접 작성 제출은 사용자가 직접 수행하는 작업입니다.
  • 그에 반해 조회 작업은 사용자가 이미 수행한 작업의 결과를 확인하는 과정입니다.

이러한 행위 순서를 고려하지 않고 항목들을 나열하면, 사용자는 어떤 작업을 먼저 해야 할지, 또는 각 항목의 중요도를 직관적으로 파악하는 데 어려움을 겪게 됩니다.

이제 하나 하나 알아보도록 하겠습니다. 


1. 그룹핑을 통한 정보 배열의 흐름 개선

 

1) 직접 수행하는 작업(세금 납부, 직접 작성 제출)

사용자는 세금 납부와 서류 제출을 먼저 해야 할 작업으로 생각합니다. 이 두 작업은 우선순위가 높고, 사용자가 직접 수행하는 작업이므로, 이 아이콘들을 먼저 배열해야 합니다. 행위 중심의 작업이므로 가장 중요한 시작 지점으로 배치되어야 합니다.

2) 결과 확인 작업(조회)


그다음 단계는 결과를 조회하는 작업입니다. 사용자는 자신이 이미 수행한 작업의 결과를 확인하고자 합니다. 이는 세금 납부 후 상태 조회, 신청 후 결과 확인과 같은 작업으로, 사용자는 이 항목들을 순차적으로 확인하고 진행합니다.

따라서 조회 아이콘들은 후속 작업으로 배치되어야 하며, 먼저 해야 할 작업과 시각적으로 구분되어야 합니다.

3) 논리적 구분


아이콘 배열에서 가장 중요한 점은 논리적적인 구분입니다. 관련된 항목들을 함께 그룹화하여, 사용자가 각 항목의 역할과 우선순위를 명확히 알 수 있도록 해야 합니다. 이를 위해 기능별 구분을 명확히 하고, 중요도와 작업 순서를 기준으로 배열하는 것이 좋습니다.

예를 들어, 세금 납부와 제출 관련 아이콘은 좌측에 위치시키고, 조회 아이콘은 바로 우측에 배치하여 두 그룹을 명확히 구분합니다. 


2. 인지심리학 법칙과의 상충

 

1) 제이콥 법칙의 위배


제이콥 법칙에 따르면, 사용자는 이전 경험에 기반해 예상할 수 있는 방식으로 시스템을 사용하려고 합니다. 이 법칙에 의거하면, 아이콘을 연속 배열한다면, 세금 납부와 제출 아이콘을 좌측에 배치하고 조회 아이콘을 우측에 배치하는 것이 훨씬 더 직관적입니다.

현재 H기관 아이콘처럼 세금 납부와 제출 관련 아이콘과 조회 아이콘이 혼합되어 배열된다면, 사용자는 예상되는 패턴에 따라 직관적으로 움직일 수 없게 됩니다. 예를 들어, 사용자가 납부와 제출을 먼저 하고 조회를 나중에 하는 흐름을 예상했을 때, 두 항목이 혼합된 배열로 제공된다면 사용자는 아이콘을 확인하는 데 더 많은 시간이 걸릴 것입니다.

2) 힉스의 법칙의 위배


힉스의 법칙에 따르면, 선택지가 많을수록 선택에 드는 시간이 길어지게 됩니다. 여러 종류의 아이콘이 혼합되어 있으면, 사용자는 어떤 아이콘을 먼저 선택할지에 대해 더 많은 시간과 노력을 들여야 하며, 이는 선택에 걸리는 시간을 늘립니다.

행위 아이콘과 조회 아이콘이 섞여 있을 때, 사용자는 각 아이콘의 목적을 확실히 이해하는 데 시간이 필요하고, 그로 인해 선택지가 많아져서 의사결정 시간이 늘어날 수 있습니다.


3. 휴리스틱 법칙과의 상충


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


이 원칙은 사용자가 예상하고 기대하는 방식으로 시스템이 작동해야 한다는 원칙입니다. 현실 세계에서 사용자가 세금 납부나 서류 제출을 먼저 수행하고, 그 후 결과를 조회하는 흐름은 매우 자연스러운 순서입니다. 납부와 제출은 사용자가 적극적으로 행동하는 과정이고, 그 결과를 확인하는 조회는 그 뒤를 따르는 결과 확인 단계입니다.

그런데, 시스템이 사용자의 자연스러운 흐름을 따르지 않고, 아이콘의 배열 순서가 현실 세계에서의 기대 순서와 일치하지 않고 섞여 있기 때문에, 사용자는 예상하지 못한 결과를 마주하게 되어 불편함을 느낄 수 있습니다.

2) 왜 위배된 것인가?


현실 세계에서 사용자는 먼저 '작업'을 수행하고, 그 후에 작업의 결과를 조회하는 순서가 자연스럽습니다. 예를 들어, 세금 납부를 먼저 하고, 그 후 결과를 조회하는 순서는 현실 세계에서 일어나는 자연스러운 흐름입니다.

하지만 시스템에서 조회 아이콘이 먼저 배열되고, 납부/제출 아이콘이 뒤에 나오는 구조는 사용자가 실제로 수행하는 작업의 순서를 반영하지 않기 때문에, 현실 세계의 순서와 일치하지 않습니다.

사용자가 시스템에서 예상하는 것은 납부와 제출을 먼저 진행하고, 그 후에 조회를 하는 순서입니다. 시스템이 이를 반영하지 않으면, 사용자는 자신의 예상과 다른 방식으로 시스템을 사용해야 하므로 불편하고 혼란스러울 수 있습니다.

특히, 조회 아이콘과 조회 아이콘 사이에 납부/제출 아이콘이 섞여 있어, 한눈에 아이콘 역할이 인지되지 않습니다.

3) 해결 방안


아이콘 배열을 사용자의 작업 흐름에 맞춰 배열하는 것이 필요합니다. 세금 납부와 직접 작성 제출은 사용자가 먼저 수행하는 작업이므로 이 아이콘들이 우선 배치되어야 하고, 그 후에 조회 아이콘들이 배열되어야 합니다. 이렇게 하면 사용자의 예상 순서와 시스템의 흐름이 일치하게 되어, 현실 세계에서 기대하는 흐름과 부합하게 됩니다.


4. 그룹핑 문제 해결을 위한 디자인 전략

 

1) 사용자 행동을 따라가도록 배열하기


행위 순서에 맞는 배열이 중요합니다. 직접 행하는 작업은 항상 우선적으로 배치하고, 결과 조회는 그 후에 배치하여 사용자가 자연스럽게 흐름을 따라갈 수 있도록 해야 합니다.

2) 우선 순위 적용하기


각 항목을 배열할 때, 가장 중요한 작업부터 우선순위가 높은 작업 순서대로 배열합니다. 사용자가 작업을 쉽게 예측하고, 효율적으로 상호작용할 수 있도록 합니다.


5. 정리


사용자가 수행하는 작업의 순서와 행동을 기준으로 그룹핑 문제를 해결하는 것은 사용자 경험을 크게 향상시킬 수 있는 중요한 요소입니다. 직접 수행하는 작업과 결과 조회를 명확히 구분하여 그룹화하고, 이를 시각적으로 구분함으로써 사용자가 더 직관적으로 작업을 수행할 수 있도록 돕는 것이 핵심입니다.

이러한 방식으로 설계된 시스템은 효율적이고 자연스러운 흐름을 제공하며, 사용자가 목표를 쉽게 달성할 수 있도록 합니다. 사용자의 행위 순서에 맞는 정보 배열은 단순히 미적인 문제를 넘어서, 사용성을 크게 개선하는 핵심적인 접근법입니다.

 

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

전코치의 사용성 리서치 UX 방법론 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !
© 2025 전코치의 사용성 리서치 UX 방법론

프로덕트 매니저/프로덕트 오너/프로덕트 디자이너를 위한 UI / UX / UX 방법론&프레임워크 소식

메일리 로고

도움말 자주 묻는 질문 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울 서초구 강남대로53길 8, 8층 11-7호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스