🌟 디테일의 간격 시리즈!
[✏️ 테이블 디자인 시 10가지 참고사항]
(👀간단 요약)
좋은 테이블 디자인은 사용자가 데이터를 쉽게 확인하고, 비교할 수 있으며 원하는 조건에 따라 빠르게 정렬할 수 있습니다. 대시보드, 가격비교 화면, 구매 페이지, 배송일정 등을 확인할 때 텍스트 위주로 표기해주는 것보다 직관적으로 안내할 수 있는 테이블 디자인이 자주 쓰이는데요. 조금 더 구체적으로 살펴보면 아래와 같은 특징을 갖고 있어요.
- 웹, 모바일에 최적화된 상태로 데이터 전달 및 확인 가능
- 사용자가 확인해야 할 데이터를 하나에 담을 수 있음
- 수정 및 추가가 쉬움
- 화면 내 인터페이스 로딩 속도 증가
- 상대적으로 깔끔한 레이아웃 유지 가능
📌 인터페이스에 가장 적절한 행 스타일 찾기
✓ 행 스타일은 사용자가 데이터를 빠르게 찾고자 할 때 얼마나 도움이 되는지 결정하는 요소
✓ 격자의 활용 : 엑셀, 스프레드시트 등에서 일반적으로 사용하는 스타일로 세로와 가로선을 모두 활용해 데이터 구분 가능. 다만 너무 많은 그리드가 포함될 경우 집중이 흐트러진다는 단점이 있어 상세한 데이터를 제공해야 할 때 활용하는 것이 좋음
✓ 가로... 더 보기