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

(3/3) New Media User Interface의 디자인 사례 - 스마트폰 (안드로이드폰을 중심으로)

by a4b4 2011. 1. 6.
728x90
반응형




아이폰과 차별화 되는 안드로이드 폰의 UI 특징을 살펴보도록 한다.
해당 장에서는 아이폰과 중복되거나 큰 차이가 없는 부분을 제외하고 버튼과 위젯 중심으로 간략하게 소개 한다.
안드로이드 폰에는 다음과 같은 특징이 있다.

A. 4버튼 : 아이폰이 버튼은 한개의 버(홈버튼)으로 구성되어 있고 나머지 기능은 화면상에서 제어되는 반면
               안드로이드폰은 전면에 통상 4개 그리고 측면에 추가적인 버튼(사진찍기 등)이 배열되어 있다.
               이를 통하여 기존 PC 입력장치에서 이루어지는 일부 기능을 사용할 수 있다.
B. 위젯 : 아이폰은 배경에 바로가기 아이콘과 폴더로만 구성되어 있는 반면,
              안드로이드 폰의 경우에는 추가적으로 위젯을 설정 할 수 있다.
C. 페이지의 구성 : 안드로이드 폰의 경우 5 또는 7페이지만을 구성할 수 있다. 
                          아이폰의 경우에는 1, 2, 3, 4, 5, ....순으로 페이지가 구성되나, 안드로이드 폰의 경우 가운데 페이지가
                          메인(홈) 페이지로 정의된다.



1. 버튼 및 제어창

      아이폰의 1버튼과 다르게 안드로이드 폰에서는 통상 4개의 버튼을 지원한다. 또한 화면도 아이폰과 다르게 5 또는 7개의 페이지 구성만이 가능하다. 이러한 구성에서 각각의 버튼은 홈, 메뉴(옵션), 검색, 이전(backspace)의 역할을 수행하며, 배열은 제조사에 따라 상이하다. 또한 상단에 제어창을 제공하여 기기의 통신기능 제어 및 주요 어플리케이션의 모니터링이 가능하다.

      아래 왼쪽 이미지는 메뉴버튼을 실행한 화면이다. 메뉴 머튼의 경우 각각의 어플리케이션에서 제어 및 추가적인 기능을 호출하는 역할을 수행한다. 오른쪽 이미지는 상단 제어창을 호출한 경우이다. 이러한 다양한 기능과 버튼을 전면 배치하여, 아이폰에서는 현재 실행중인 화면을 닫고 여러 댑스를 이동하여 설정해야 하는 것에 비하여, 주요 기능에 대한 접근성을 극대화 한 UI를 제공하고 있다.






2. 위젯

     1) 개념

위젯은 대기화면을 마음대로 꾸밀 수 있는 일종의 미니 애플리케이션이다. 일정, 이메일 등의 개인화 정보는 물론, 날씨, 뉴스, 주식정보등의 개인화 서비스, 페이스북, 트위터 등의 SNS서비스 알림 등 이용자에게 지속적으로 데이터가 업데이트 되고 자주 확인하는 서비스를 위젯으로 설정하면 일일이 애플리케이션을 구동하지 않고 화면에서 곧바로 변하는 내용을 체크할 수 있는 장점을 가지고 있다. 또한 휴대폰 주요 기능의 제어 또는 리모컨 기능등을 적용할 수 있다.


     다만 위에서 언급한 위젯기능은 아이폰에서는 제공되지 않으며, 안드로이드 계열의 스마트폰과 태블릿PC에서만 제공되고 있다. 이번 장에서는 위젯에 대하여 간략하게 학습하도록 한다.






  
   2) 위젯의 특성 - 크기

     오른쪽 이미지와 같이 위젯은 좁은 공간에서 다양한 정보를 제공하는 역할을 수행한다.
     이에 이용자의 입장에서 좁은 공간에서 얼마나 효율적으로 공간을 분할하고 분할된 공간에 이용자가 원하는 정보(위젯)을 배치할 수 있게 지원되는지도 UI상에서 매우 중요한 역할을 하게 된다.














     아래 이미지는 동일한 위젯이라 하여도 이용자에게 다양한 사이즈와 옵션을 제공하는 예를 보여주고 있다.
캘린더 위젯의 경우에는 3가지 사이즈 (2X1, 2X2, 3X3)를 제공하고 있으며 캘린더의 배경색상은 물론 주별 출력방식, 글자별 색상(주말, 휴일, 오늘 등)까지도 이용자의 취향에 맞추어 설정이 가능하다.

     날씨 위젯의 경우에도 두가지의 사이즈를 제공하며, 또한 사이즈에 따라 제공되는 기능에 제한을 두었다.작은 사이즈의 경우에는 단순하게 지역의 날씨만을 큰 사이즈의 경우에는 해당 지역의 날짜와 시간까지도 표시가 가능하게 설계 되었다.
또한 그리드를 정확하게 지켜, 여러 지역의 날씨위젯을 적용하여도 화면상에서 안정적인 구성을 제공하게 된다.






     3) 위젯의 특성 - 검색형

       우측 위젯의 경우 주요 포털의 검색 위젯을 모아 놓았다.
검색 위젯의 경우 다른 위젯과 다르게 개인 맞춤형 또는 지정된 정보를 출력해 주는 것이 아닌 단순 아이콘의 역할만을 수행하는 위젯이다. 즉 이용자자 해당 위젯에 검색어를 입력하거나 음성 검색을 on하는 것이 아닌, 단순히 검색페이지 또는 어플리케이션을 구동하기 위한 아이콘 역할만을 수행하고 있다.

       그럼에도 불구하고 유선의 검색바와 유사한 UI를 취하여 성격을 명확하게 하고 여기서 문자검색과 음성검색을 이용자가 선택하여 호출할 수 있는 UI가 추가 되었다.

 



























     4) 위젯의 특성 - 정보 호출형

       아래 위젯의 경우에는 이용자가 등록한 SNS서비스의 최신 데이터를 호출 하거나, 이용자의 휴대폰에 저장된 일정 또는 메모를 호출하여 보여주는 위젯이다.이 경우에는 이용자가 조회하고자 하는 서비스의 성격을 반영하면서 글자에 대한 가독성을 중심으로 제작된다.
       아래 트위터 위젯의 경우에도 다양한 사이즈와 사이즈에 따른 추가 기능을 적용하여 이용자가 본인의 취향에 맞추어 세팅할 수 있도록 지원하고 있다.




      5) 위젯의 특성 - 제어형

       제어형의 경우 위젯에서 휴대폰의 기능을 제어하거나 (벨-진동, 화면 밝기 조정, 와이파이 on/off 등) 현재 세팅한 정보의 출력과 수정을 지원(알람 설정 등)하는 역할을 수행한다.이 경우 복합적인 기능을 어떻게 구현할지가 중요한 요소로 평가 된다. 

       오른쪽 이미지의 맨 상단에 위치한 위젯의 경우 휴대폰의 ‘벨-진동-무음’을 제어하는 위젯이다. 이 경우 이용자가 해당 위젯을 클릭 할 때마다 3가지의 기능이 순서를 가지고 전환 되도록 설계되었다. 물론 전환시마다 위젯의 디자인은 변경된다.

       또한 하단 위젯의 경우에는 다양한 휴대폰의 기능을 하나의 위젯에서 제어할 수 있도록 지원된다. (와이파이, 블루투스. GPS, Sync, 화면 밝기 조정)이 경우에는 각각의 기능이 다른 기능에 영향을 끼치지 않고 독립적으로 적용되는 성격을 가지고 있다.














728x90
반응형

댓글0