본문 바로가기

분류 전체보기3914

(3/3) New Media User Interface의 디자인 사례 - IPTV 3 3. 사용 환경을 고려하라 1) 시청 정보의 정확한 제공 VOD/생방송 서비스의 경우 이용자 편의를 위하여 아래와 같은 기능을 제공할 수 있다.이러한 요소들이 방송 화면을 최대한 가리지 않고 구현되는 UI를 보자 ① 생방송의 상황바 생방송 시청중에 확인버튼을 선택시 아래와 같이 화면 하단에 현재 방송의 시작 종료 시간과 진행한 시간을 보여 준다. 또한 상하 채널이동 및 등록 기능을 제공한다. ② VOD의 컨트롤바 VOD 시청중 ‘확인버튼’ 또는 ‘VOD 재생버튼’을 선택하면 오른쪽 상단에 다음과 같은 정보가 출력된다. 확인버튼을 선택하면 현재 시청중인 VOD의 총시간과 시청시간이 표시된다. 또한 ‘VOD 재생버튼’을 선택하여 배속 변경 및 일시정지 기능등을 선택할 경우에도 해당 컨트롤바를 통하여 조작 상.. 2011. 1. 6.
(1/6) New Media User Interface의 디자인 사례 - Web : 이용자에게 친절하라 1 들어가며 User Interface가 훌륭한 디자인 사례는 특별한 것은 없다. 즉, 이용자가 유무선 인터넷 서비스를 이용 - 특히 이용자의 행위를 일으키며, 미션을 수행하는(검색, 글쓰기, 구매 등) -하면서 별다른 어려움을 느끼지 못하고, 목적을 완료하는 과정에서 큰 장애를 느끼지 못하였다면, 해당 사이트는 User Interface 차원에서 매우 잘 디자인된 사이트라 할 수 있다. 그러나 인터넷 사이트를 이용하면서 본인들이 겪었던 불편이나 경험을 생각해 보면, 안타깝게도 대부분의 사람들이 한두번도 아닌 상당히 많은 빈도로 불편을 겪었을 것이다. 심지어는 본인이 하고자 하는 바를 완료하지 못하고 중간에 포기하는 일도 경험했었을 것이다. 이러한 경우들은 기획과 UI의 문제에서 발생하기도 하지만, 페이지의.. 2011. 1. 6.
(2/6) New Media User Interface의 디자인 사례 - Web : 이용자에게 친절하라 2 3) 문제를 알고 있을 경우 최우선 적으로 통보하라 아래의 경우를 보자, 쇼핑몰에서 이용자가 제품을 구입하는 과정에서 재고부족 알림을 출력해 주는 과정을 설명하고 있다. 위의 경우에는 이용자가 구매과정을 모두 수행하고 결제 버튼을 클릭 한 이후에 재고 부속을 알려주며 첫페이지로 화면을 이동시킨다.이 경우 이용자의 입장에서는 처음부터 다시 제품을 검색하여 제품을 찾고 처음부터 다시 구매 프로세스를 진행하여야 하는 불편을 주고 있다. 심할 경우에는 이용자가 해당 구매를 포기하는 경우가 발생하기도 한다. 이는 이용자에게 나쁜 기억을 주게 되고 해당 사이트의 신뢰도를 떨어뜨리는 요인이 된다. 그러나 아래의 경우에는 이용자가 제품을 선택하는 첫 과정에서 재고 부족을 알려주고 있다. 이 경우 이용자는 처음부터 문제.. 2011. 1. 6.
(3/6) New Media User Interface의 디자인 사례 - Web : 통일된 메시지와 UI를 제공하라 2. 통일된 메시지와 UI를 통합하라 1) 하나의 사이트에서는 동일한 용어를 사용하라 ‘게시판-보드’, ‘댓글-리플-한마디’, ‘윗글/아랫글-이전글/다음글’ ‘메인-홈’ 등등 동일한 서비스에 대하여 사이트별로 다양한 용어를 사용하곤 한다. 이 경우 하나의 사이트에서 동일한 서비스(기능)를 제공할 경우에는 통일된 용어와 기호를 사용하여 이용자의 혼란을 최소화 하고, 사이트의 통일성을 꾀할 수 있다. 또한 이용자의 입장에서는 해당 사이트에서 한번의 경험만으로도 다른 서비스의 동일한 기능를 이용할 경우에도 추가적인 학습없이 이용이 가능하게 된다. 아래는 다음(http://www.daum.net)의 아고라, 증권, 부동산의 게시판 페이지이다. 각기다른 3개의 서비스에 위치한 게시판임에도 불구하고, 글쓰기, 답글.. 2011. 1. 6.
(4/6) New Media User Interface의 디자인 사례 - Web : 이용자의 눈높이에서 커뮤니케이션 하라 1 3. 이용자의 눈높이에서 커뮤니케이션 하라 1) 이용자와 소통이 가능한 언어를 사용하라 이용자가 미션을 수행하는 과정에서 진행과정 또는 해당 과정에서 발생하는 오류를 이용자에게 알려주게 된다. 이러한 과정에서 이용자의 눈높이에 맞는 용어의 사용이 중요하다.특히 개발자만이 사용하는 기술적인 단어 또는 프로그래밍 언어가 수정없이 출력되는 것은 오히려 이용자에게 혼란만을 가중시킬 뿐이다. 아래의 이미지는 인터넷쇼핑몰에서 결제를 하는 과정에서 출력되는 창이다. 고객에게 친절하게도 결제가 진행되는 과정을 알려주고 있으나, MPI(Merchant Plug In)라는 이용자에게는 생소한 단어를 사용하여 불편을 주고 있다. 우측의 경우에는 항공사의 메인페이지 화면이다. 비행기 표를 판매하는 안내문구에 ‘엠바고기간’이라.. 2011. 1. 6.
(5/6) New Media User Interface의 디자인 사례 - Web : 이용자의 눈높이에서 커뮤니케이션 하라 2 4) 고객의 디바이스(Device) 또는 개인정보를 제어하기 위해서는 고객의 동의를 먼저, 그리고 명확하게 받아라. 최근 고객의 정보(위치정보 등)를 수집하거나, 프로그램 설치시에 다른 프로그램을 묶어서 설치하는 경우가 빈번하다. 이 경우 고객에게 설치의 목적에 대한 설명은 물론, 고객이 선택한 프로그램 이외의 프로그램을 추가로 설치하기 위해서는 고객에게 어떠한 프로그램을 추가로 설치할 것이며, 설치하는 목적에 대하여 고객이 동의하는지를 명확하게 확인하여야 한다. 또한 동의과정은 고객이 반드시 선택하게 하여야 한다. 다음 설치형 동영상 플레이어인 그래텍의 곰플레이어(http://gom.gomtv.com/)를 설치하는 과정의 경우, 프로그램을 설치한 후 자사 제품인 ‘곰 오디오’의 설치를 고객에게 권장하는.. 2011. 1. 6.

티스토리툴바