본문 바로가기

분류 전체보기3914

(2/2) 뉴 미디어 디자인의 기본요소 - 스마트폰/태블릿 PC를 중심으로... (4) 개인화 불특정 다수를 대상으로 배포되는 기존의 미디어와 다르게 뉴미디어의 경우에는 이용자 개개인에 맞추어 페이지가 구성되거나 서비스가 제공된다. 뉴미디어 디자인의 경우 이와 같은 특장점을 고려하여 디자인에 반영하여야 한다. 아래 네이버어세 제공하는 ‘네이버 me’서비스의 경우 개인화된 서비스를 중심으로 페이지를 구성하여 제공한다.이를 통하여 초기페이지에서 개인화된 서비스에 대한 접근성을 높이고 이용자의 만족도를 극대화 할 수 있다. 아래 이미지는 IP-TV에서 개인화 기능에 대한 예시이다.이용자가 방송을 시청하면서 자주보는 채널이나 콘텐츠를 등록할 수 있으며, 초기 화면에서 해당 목록에 바로 접속이 가능하게 구성되어 있다. 이러한 특징은 기존의 올드 미디어에서는 구현할 수 없는 기능이며, 많이 사.. 2011. 1. 6.
(1/3) 뉴미디어 UI의 개념 - Bar : The Status Bar, Navigation Bar, Tool Bar, Tap Bar 1. 개요 최근 스마트폰과 태블릿 PC의 보급이 급속화 되면서, 해당 디바이스에 대한 UI의 중요성이 대두되고 있다. 해당 디바이스의 경우 기존 PC에서 사용하는 방식과 큰 차이를 느끼지 못하지만, 해당 기기에 최적화된 차별화된 UI 요소들이 지원되고 있다. 여기에서는 스마트폰과과 태블릿PC에서 구현되는 주요한 UI구성에 대하여 학습하고, 해당 요소들이 어떠한 개념을 가지고 서비스에 적용되는지를 학습하도록 한다. 2. Bar 1) The Status Bar 상태바는 해당기기의의 중요한 정보 및 상태를 보여주는 바이다. 아래와 같이 전화 및 무선접속 상태, 베터리 잔량, 현재 시간 등 해당 기기를 사용하면서 이용자가 꼭 알아야 하는 중요한 정보를 제공하는 부분이다. 아래 이미지는 아이패드와 아이폰, 옵티머.. 2011. 1. 6.
(2/3) 뉴미디어 UI의 개념 - Content Views 1 : Popover, Split View, Table View 1) Popover 팝오버는 사용자가 어플리케이션을 이용하는 과정에서 네비게이션 바의 컨트롤 버튼을 클릭하거나 화면에서 지정된 링크를 클릭 하였을 때 기존 화면위에 오버되어 출력되는 기능이다. 해당 기능은 아이패드 등 태블릿 PC에서만 지원되며, 기존 스마트 폰 사용시 반복적으로 화면을 오고가는 불편을 해결해 주는 기능이다. 오른쪽 이미지는 일정을 입력하는 과정에서 반복기능을 호출하는 화면이다. 배경에 일정이 출력되어 있는 상태에서, 어떠한 주기로 일정을 반복할까에 대한 옵션을 팝오버로 출력해 주고 있다. 이러한 기능을 통하여 메인화면이 유지된 상태에서 각각의 옵션을 쉽게 호출하고 닫을 수 있는 UI를 제공한다. 또한 팝오버 화면에서는 아래와 같이 테이블, 이미지, 지도, 텍스트, 웹 등의 다양한 구성물.. 2011. 1. 6.
(3/3) 뉴미디어 UI의 개념 - Content Views 2 & Controls : Alert, Action Sheet, Modal View 4) Alert 경고창은 어플리케이션이나 기타 서비스를 이용하는 과정에서 사용자 주의를 요하는 경우 또는 추가 옵션이나 기능을 제공하고 이용자가 이를 인지하거나 선택 할 수 있도록 하는 기능이다. 기능적으로 해당 창은 화면의 중앙에 위치하도록 배열하며, 이용자가 이를 확인(해지)하기 전에는 현재 실행중인 응용 프로그램을 사용할 수 없게 구성한다. 또한 경고창의 내용은 가능하면 짧고 간결하게 제공되어야 한다. 오른쪽 하단의 이미지와 같이 긴 문장의 경고문은 피해야 한다. 통상 한줄에서 두줄로 간결하게 내용이 제공되어야 한다. 5) Action Sheet 액션 시트는 사용자가 실행한 작업과 관련하여 기능을 선택할 수 있도록 구성한 세트를 정의한다. 엑션 시트의 경우 아이폰과 아이패드에서 구현되는 방식과 디자.. 2011. 1. 6.
(1/1) New Media User Interface의 디자인 사례 - 모바일 웹 1. 개요 최근 각광받고 있는 스마트폰의 경우에는 통상적으로 두가지 방법으로 서비스 이용이 가능하다. 하나는 기존 PC기반의 인터넷 이용과 유사한 ‘브라우져’를 통한 접속과 다른 하나는 ‘어플리케이션’을 다운로드 받아 스마트폰에 설치 한 후 접속시 이를 구동하여 이용하는 ‘어플리케이션’ 방식의 서비스로 나누어 진다. 이 장에서는 브라우져를 통하여 인터넷을 이용하는 ‘모바일 웹’방식에 대하여 디바이스별로 공부하도록 한다. 특히 기존 PC기반의 브라우져 서비스와 저해상도의 스마트폰 브라우져서비스 그리고 고해상도의 태블릿PC의 브라우져서비스 비교를 통하여,이종 단말간 UI의 차이점을 이해하고. 동일한 서비스가 다양한 해상도의 디바이스에서 구현될 때 UI의 통합이 우선인지, 각 단말별 최적화가 우선되어야 하는지.. 2011. 1. 6.
(1/3) New Media User Interface의 디자인 사례 - 스마트폰 (아이폰을 중심으로) 1 개요 스마트폰의 경우 웹서비스와는 다르게 좁은 화면과 제약된 기능을 고려하여 서비스를 설계하여야 한다. 특히 키보드나 별도의 스타일러스펜을 이용하지 않고 손가락으로 조작하는 정전식 터치폰이 보편화 되면서, 좁은 화면을 효율적으로 사용하는 설계와 인터렉티비티(Interactivity)를 어떻게 향상시키는가가 UI가 좋은 서비스를 판단하는 기준이 되고 있다. 스마트폰의 주요한 기능인 다양한 터치기능과 G센서를 이용한 자동 화면전환 UI설계에서도 이러한 모바일 기기만의 다양한 기능을 잘 적용하여야 한다. 1. 스마트폰의 주요한 기능을 활용하라 1) 가로-세로 화면이동을 잘 활용하라 G센서(중력/gravity 센서)는 중력 작용에 의해 물체의 움직임이나 기울어짐을 인식하는 센서를 말한다. 즉 휴대폰을 가로 세로.. 2011. 1. 6.

티스토리툴바