인터넷 & 모바일/뉴미디어디자인 & UX42 (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. (6/6) New Media User Interface의 디자인 사례 - Web : 이용자의 실수에 대한 적절한 가이드를 제공하라 4. 이용자의 실수에 대한 적절한 가이드를 제공하라 서비스를 제공하다 보면, 이용자가 사이트를 이용하는 과정에서 기획당시 전혀 예측하지 못한 이용자 실수가 발생하곤 한다. 이 경우 이용자는 물론 기획자 또한 당황하게 되는데, 훌륭한 UI기획자는 이러한 고객의 실수에 대해서도 고객이 이를 인지하고 다음 단계를 갈 수 있는 기획을 하게 된다. 다음의 예시에서 고객중심의 UI 기획을 살펴 보도록 한다. 1) 고객의 잘못된 페이지 접속시도 웹사이트에 접속하기 위하여, 이용자들은 기존에 저장해둔 북마크를 이용하거나 또는 해당 주소(URL)를 주소창에 입력하거나, 검색사이트에서 접속하고자 하는 사이트를 검색하여 검색결과를 클릭하여 접속하게 된다. 이러한 과정에서 이용자들은 아래와 같은 오류를 발생할 수 있다. ① .. 2011. 1. 6. [비밀글] (1/8) User Interface 디자인 실습 - UI 콤포넌트 제작하기 : 사이트맵(Sitemap) 개념 및 작성법 보호되어 있는 글 입니다. 2011. 1. 6. [비밀글] (2/8) User Interface 디자인 실습 - UI 콤포넌트 제작하기 : 웍플로우(Workflows) 개념 및 작성법 보호되어 있는 글 입니다. 2011. 1. 6. 이전 1 2 3 4 5 6 7 다음
