[디자인 카타] 월별 시세 비교 그래프, 어떤 보기 방식을 선택할까?
2025. 7. 29. 19:47
1. 주제 선정
월별 시세 비교 그래프, 어떤 보기 방식을 선택할까?
2. 개인 의견
[동작없이 그래프보기] 선택
왜 해당 UI가 더 좋은지?
- 최고값과 현재값이 기본 상태에서 바로 노출되기 때문에 빠르게 핵심 정보를 파악할 수 있다.
- 별도의 조작 없이도 전체 흐름과 주요 데이터를 볼 수 있다.
나머지 하나는 왜 선택하지 않았는지?
- 작은 화면(모바일 환경)에서는 정확한 지점을 터치하기 어렵다.
- 지점 확인을 위해 터치라는 추가 행동이 필요해서 탐색에 시간이 걸린다.
- 최고값은 사용자가 직접 해당 포인트를 터치해야 해서 정보 접근성이 떨어진다.
의견을 뒷받침할 수 있는 사례
- 토스 실시간 환율 그래프(두 방식의 장점을 모두 취한 형태) :
기본 상태에서 최고/최저 값이 항상 노출됨 + 원하는 구간을 터치하면 그 시점의 상세 수치를 알 수 있음
3. 공통의견
✊ 팀원 3명 [동작없이 그래프 보기] 선택
✊ 팀원 1명 [터치하여 그래프 보기] 선택
동작없이 그래프 보기를 선택한 이유
- 터치 없이 최고가, 현재가 등 핵심 정보를 즉시 확인 가능
- 전체 흐름 파악이 쉬워 정보 접근성과 사용 편의성이 높음
터치하여 그래프 보기를 선택한 이유
- UI 적으로 깔금한 화면 유지 가능
- 불필요한 정보 노출을 줄임
결론
- 사용자에게 핵심 정보를 빠르게 제공하고 전체 흐름을 직관적으로 파악할 수 있는 UI B 방식이 정보 접근성과 사용 편의성 측면에서 더 효과적이다.
기억에 남는 팀원들 의견
- 공공 데이터 시각화 방식을 배웠다
- 툴팁: 마우스 오버 시 상세 수치 제공
- 하이라이팅: 일부 영역을 강조해 빠른 정보 파악 가능
- 어노테이팅: 그래프 내 텍스트 표기로 정보 전달
- 두 방식을 결합한 것이 가장 베스트
'UXUI > 디자인 카타' 카테고리의 다른 글
[디자인 카타] 장바구니가 비었을 때 어떻게 보여주는 것이 좋을까? (3) | 2025.07.31 |
---|---|
[디자인 카타] 메시지 읽음 표시, 어떤 방식을 선호할까? (2) | 2025.07.28 |
[디자인 카타] 하단 내비게이션 바의 홈 탭 디자인, 어떤 차이가 있을까? (1) | 2025.07.24 |
[디자인 카타] 무선 청소기 동작 버튼 각 디자인에 어떤 의도가 있을까? (2) | 2025.07.23 |
[디자인 카타] 채팅 내 금칙어 표시, 각 방식에 어떤 차이가 있을까? (0) | 2025.07.21 |