본문 바로가기
인터넷 & 모바일/뉴미디어디자인 & UX

(2/2) New Media User Interface의 디자인 사례 - 태블릿 PC 2

by 자꾸웃음이나와 a4b4 2011. 1. 6.
728x90
반응형



     4) 가로보기, 세로보기

     중앙일보의 경우 세로화면에서 가로화면으로 전환시, 별도의 추가적인 UI에는 변화가 없다. 이 경우 이용자의 입장에서는 각각의 화면 UI에 대하여 별도의 추가 학습 없이 이용이 가능하다. 

     다만 이 경우에는 이미지의 해상도가 큰 사이즈에 맞도록 제작되어야 하며, 때로는 두벌의 이미지를 지원한다.
     테블릿 PC의 경우에는 통상적으로 가로보기와 세로보기를 동시에 지원한다. 이 경우 동일한 서비스에서도 단순히 폭(width)을 조절하여 지원하기도 하지만 아래와 같이 가로-세로별 작은 UI의 변화를 준다.



 .













    중앙일보의 경우 세로화면에서 가로화면으로 전환시, 별도의 추가적인 UI에는 변화가 없다. 이 경우 이용자의 입장에서는 각각의 화면 UI에 대하여 별도의 추가 학습 없이 이용이 가능하다.

     다만 이 경우에는 이미지의 해상도가 큰 사이즈에 맞도록 제작되어야 하며, 때로는 두벌의 이미지를 지원한다.





 














     야후 꾸러기 서비스의 경우 가로-세로 전환시 한줄에 노출되는 콘텐츠의 개수에 변화를 주는 방식을 택하였다. 세로의 경우 한줄에 4개, 가로의 경우 5개를 적용하였는데, 이 경우 각각의 콘텐츠별 여러개의 아이콘(작은사이즈, 큰 사이즈)을 디자인해야 하는 부담이 없으며, 추후 다른 사이즈의 기기가 출시되어도 대응이 용이하다.
























     이번 예시는 오프라인 잡지를 온라인으로 전환한 경우이다. 추가적인 변환 없이 인쇄물의 레이아웃을 그데로 사용한 경우이며, 이 경우 세로의 경우에는 한 페이지를 가로의 경우에는 잡지를 펼쳐보듯 양면구성을 취하고 있다.






     5) 센서를 활용환 인터렉티비티 향상

     최근 출시된 테블릿 PC에는 중력센서가 탑제되어 디바이스의 XYZ축의 기울기를 측정할 수 있다.동화책 ‘이상한 나라의 엘리스’의 경우 디바이스의 기울기를 이용하여 아래와 같이 동적인 구성을 취하기도 한다.


728x90
반응형

댓글0