[UX] 탭(tab)이냐 페이지냐

탭을 사용하는 이유는 사용자가 페이지에서 빠르게 1) '내가 원하는 정보를 습득할 수 있느냐'와 2) '이 페이지의 정보를 한 번에 인쇄 가능하냐'이다.

 

Meterial Design

 

Tab의 정의From material Design

Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.

탭은 동일한 수준의 계층에서 구룹간의 탐색을 구성하고 허용한다.

 

1번의 관점으로는 탭은 글의 구조상 소제목처럼 사용하는 것이다. 빠르게 정보를 소비하는 시대에서 사람들의 스캔 능력을 높여주는 역할을 한다.

2번의 관점으로는 집중도와 연결된다. 글을 혹은 필요한 정보를 읽고 있는데 갑자기 내용이 끊긴다면 좋은 사용자 경험을 제공할 수 없다. 그러므로 인쇄했을 때, 이 정보가 끊겨 읽는 것이 좋은 내용인가 아닌가를 확인해볼 필요가 있다.

번외

공간이 제약되는 상황에서 탭을 활용하는 것도 좋다. 스크롤 다운(아래 페이지로 이동)을 하지 않으면서 많은 공간을 활용할 수 있기 때문이다.

 

 

참조

https://www.freshconsulting.com/insights/blog/uiux-principle-21-when-and-when-not-to-use-tabs/

https://m2.material.io/components/tabs#placement