본문 바로가기
web

List View & Grid View

by 믹스 2009. 2. 2.
반응형
리스트로 보기와 그리드로 보기의 차이점에 대해서.
http://spacecollective.org/recent



리스트:자세한 정보를 보여줄 수 있으나 그만큼 많은 면적을 차지한다.
그리드:정보를 횡적으로 보여줌으로서 리스트보기보다 더 많은 정보를 보여줄 수 있다.

리스트페이지에서 보다 자세한 정보를 제공해야 한다면 리스트페이지가 적당하다.
이미지 중심의 정보를 보여주어야 한다면 그리드보기가 적당하다.

분석에 의하면 첫번째 리스트 페이지를 본후 두번째 리스트페이지로의 이동은 현저히 적기 때문에 한페이지 안에서 많은 양의 정보를 제공할 수 있는 그리드보기가 적당할 수도 있다고 한다.

위의 예제에서도 보이는 것과 같이 "안전영역"에서 확인가능한 영역에 나열된 정보량의 차이(그리드보기의 경우 리스트보기보다 다음행의 타이틀을 확인할 수 있을 정도의 여유를 보유하고 있다.)를 확인 할수 있다. 또한, 본문텍스트정보의 노출에 있어서도 그리드보기의 경우가 훨씬 많은 정보의 양을 보여주면서 정리된 느낌을 보이고있다. 이는 리스트보기에서도 가능한 것이지만 시선의 움직임이 극과 극에서 움직이게 되는 현상이 일어나게 되고 그리인해 가독성이 떨어질 수 있다.(그래서 위와 같은 디자인을 채택한 것으로 보여진다.)

정보를 어떻게 보여주는 것이 좋을지는 내용에 따라 다르고, 컨텐츠의 성격에 따라서도 달라지는 것이지만...
반응형

'web' 카테고리의 다른 글

User Interface  (0) 2009.02.07
Safe Area(First View)  (0) 2009.02.02
List View & Grid View  (0) 2009.02.02
GoogleMap서비스  (0) 2008.09.13
구글 Google Chrome이 나왔다!  (0) 2008.09.11
FireFOX 3의 다운로드 시작!  (0) 2008.06.17

댓글0