[디자인카타 3주차 금요일] 카테고리 리스트

카테고리 리스트 어떤 것을 선택하시겠어요? | 디자이너스

카테고리 리스트 어떤 것을 선택하시겠어요? | 디자이너스

 

왼쪽이 A, 오른쪽이 B

 

오늘의 디자인 카타는 두 카테고리 리스트 중, 어떤 디자인을 선택하는지에 대한 토론이다.

A는 카테고리 세부항목을 세로로 배치하며 숨기기 기능을 탑재하였고 

B는 카테고리 세부항목을 가로 세로 전부 배치한 디자인이다

나는 이 두개의 디자인 중 A를 골랐는데 그 이유를 설명하겠다.

 

1.상하스크롤을 통한 시각적 편안함

A는 모든 항목을 세로로 배치하여 사용자가 스크롤하면서 정보를 탐색할 수 있게 설계되었다. 

이는 사용자가 시선의 움직을 최소화하여 정보를 읽을 수 있기 때문에 사용자가 더 편하게 사용할 수 있다.

 

2.숨기기 기능

A는 카테고리 리스트를 숨기기 해서 내가 원하는 세부정보만 볼 수 있게 하였다. 이는 의사결정에 걸리는 시간은 선택지의 개수와 복잡성에 비례해 늘어난다는 힉의 법칙을 이용해 사용자가 보는 선택지를 줄일 수 있게 하여 사용의 편의성을 고려한 디자인이라고 볼 수 있다.

 

이번엔 B를 고르지 않은 이유에 대해 설명해 보겠다

1. 균일하지 않은 배치

B의 세부항목들을 보면 메인 카태고리에 세부항복이 가로세로 모두 배치되어 있다. 세부항목의 글자수가 서로 달라 균일다른 사이즈의 버튼 형식으로 배치되어 있는데 이는 화면이 정리정돈 되어 있지 않아 보이 유사성과 화면의 균형을 깨뜨리는 요소가 되어 사용자가 시각적으로 불편함을 주게 된

 

유저들의 투표를 보면 A가 72%(1299명), B가 27%(493명) 으로 A를 더 많이 선호하는 것을 볼 수 있다 우리조원분들도 모두 A를 고르게 되었다. 하지만 생각보다 B형식을 이용한 화면구조도 있었다.

당근의 카테고리 화면

당근 카테고리 화면은 B형태의 다자인으로 구성되어 있다. 디자인 카타의 보여준 B형태의 단점을 (균형감)

을 보안해서 디자인 하니 시각적으로 보기 편한 디자인이 완성되었다. 이처럼 하나의 디자인이 정답이 아닌 디자인 형태를 잘 살린다면 좋은 웹을 만들 수 있다는 생각을 하게 되었다.