[디자인 카타] 월별 시세 비교 그래프, 어떤 보기 방식을 선택할까?

2025. 7. 29. 19:47

 

1. 주제 선정

 

월별 시세 비교 그래프, 어떤 보기 방식을 선택할까?

 

2. 개인 의견

 

[동작없이 그래프보기] 선택

 

왜 해당 UI가 더 좋은지?

  • 최고값과 현재값이 기본 상태에서 바로 노출되기 때문에 빠르게 핵심 정보를 파악할 수 있다.
  • 별도의 조작 없이도 전체 흐름과 주요 데이터를 볼 수 있다.

 

나머지 하나는 왜 선택하지 않았는지?

  • 작은 화면(모바일 환경)에서는 정확한 지점을 터치하기 어렵다.
  • 지점 확인을 위해 터치라는 추가 행동이 필요해서 탐색에 시간이 걸린다.
  • 최고값은 사용자가 직접 해당 포인트를 터치해야 해서 정보 접근성이 떨어진다.

 

의견을 뒷받침할 수 있는 사례

  • 토스 실시간 환율 그래프(두 방식의 장점을 모두 취한 형태) :
    기본 상태에서 최고/최저 값이 항상 노출됨 + 원하는 구간을 터치하면 그 시점의 상세 수치를 알 수 있음

 

 

3. 공통의견
✊ 팀원 3명  [동작없이 그래프 보기] 선택
✊ 팀원 1명  [터치하여 그래프 보기] 선택

 

동작없이 그래프 보기를 선택한 이유

  • 터치 없이 최고가, 현재가 등 핵심 정보를 즉시 확인 가능
  • 전체 흐름 파악이 쉬워 정보 접근성과 사용 편의성이 높음

 

터치하여 그래프 보기를 선택한 이유

  • UI 적으로 깔금한 화면 유지 가능
  • 불필요한 정보 노출을 줄임

 

결론

  • 사용자에게 핵심 정보를 빠르게 제공하고 전체 흐름을 직관적으로 파악할 수 있는 UI B 방식이 정보 접근성과 사용 편의성 측면에서 더 효과적이다.

기억에 남는 팀원들 의견

  • 공공 데이터 시각화 방식을 배웠다
    • 툴팁: 마우스 오버 시 상세 수치 제공
    • 하이라이팅: 일부 영역을 강조해 빠른 정보 파악 가능
    • 어노테이팅: 그래프 내 텍스트 표기로 정보 전달
  • 두 방식을 결합한 것이 가장 베스트

BELATED ARTICLES

more