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

(5/6) New Media User Interface의 디자인 사례 - Web : 이용자의 눈높이에서 커뮤니케이션 하라 2

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




     4) 고객의 디바이스(Device) 또는 개인정보를 제어하기 위해서는 고객의 동의를 먼저, 그리고 명확하게 받아라.

     최근 고객의 정보(위치정보 등)를 수집하거나, 프로그램 설치시에 다른 프로그램을 묶어서 설치하는 경우가 빈번하다. 이 경우 고객에게 설치의 목적에 대한 설명은 물론, 고객이 선택한 프로그램 이외의 프로그램을 추가로 설치하기 위해서는 고객에게 어떠한 프로그램을 추가로 설치할 것이며, 설치하는 목적에 대하여 고객이 동의하는지를 명확하게 확인하여야 한다. 또한 동의과정은 고객이 반드시 선택하게 하여야 한다.

     다음 설치형 동영상 플레이어인 그래텍의 곰플레이어(http://gom.gomtv.com/)를 설치하는 과정의 경우, 프로그램을 설치한 후 자사 제품인 ‘곰 오디오’의 설치를 고객에게 권장하는 프로세스를 진행한다. 이 경우에 고객이 선택한 프로그램(곰플레이어)의 설치가 완전히 완료되고, 전혀 별개의 과정(새창)으로 새로운 프로그램의 설치 작업을 진행하게 된다. 또한 설치전에 제품에 대한 간략한 소개와 함께 이용자가 해당 프로그램을 설치할 것인지, 설치하지 않을 것인지에 대하여 이용자에게 명확한 선택을 요구하고 있다.


ActiveX 설치가 완료된 이후, 추가적인 설치 및 정보변경 여부를 고지하고 고객이 확인하는 과정을 별도의 창으로 명확하게 전달하고 있다.


 

     아래의 경우 프로그램 설치 전 추가적인 프로그램의 설치를 설치 후에는 이용자 PC의 설정을 변경하는 기능을 삽입하였고, 해당 프로그램의 설치와 기능변경이 기본으로 설정되었다. 이 경우 PC의 활용능력이 떨어지는 이용자의 경우 의도하지 않은 선택이 이루어 질 수 있다.




     5) 복잡한 플래쉬(Flash) 메뉴를 사용 할 경우 좌표와 시간을 고려하라

     최근 헤더의 메뉴를 플래쉬로 구성하는 사이트 들이 늘어나고 있다. 이 경우 마우스 조작이 익숙하지 못한 이용자의 경우, 메뉴 조작 및 이동에 어려움을 겪게 된다. 아래 사이트에서 메뉴 이동시 발생하는 문제점을 알아보도록 하자.


   이용자가 3뎁스 메뉴에서 2뎁스의 다른 메뉴로 이동하기 위하여 메뉴를 벗어나면, 2뎁스 메뉴가 유지되는 것이 아니라, 아래 이미지와 같이 메뉴 초기화 상태가 된다.이 경우 이용자는 다시 1뎁스 메뉴부터 진행을 다시 시작하여야 한다.

   이러한 경우에는 마우스가 올라가거나 벗어날 경우 약간의 시간여유를 적용하여, 오작동을 방지할 수 있다.




     아래 3개 포털 사이트의 메인페이지 뉴스 모듈텝의 변화를 테스트 해 보면 차이점을 느낄 수 있다.
텝을 이동할 경우 0.x초의 지연시간을 부여한다. 이로 인하여 마우스 동작 중에 해당 텝을 무의식적으로 이동할 경우에는 페이지의 변화가 없다.


     아래 모듈의 경우에는 각각의 텝에 마우스가 올라갈 경우, 별도의 지연시간 없이 바로 해당 텝이 활성화 되게 된다. 이 경우 다른 마우스 작업을 하는 과정에서 해당 텝을 지나가기만 하여도 메뉴가 변경되는 문제점을 발생한다.



     아래 모듈의 경우에는 이용자가 해당 텝을 클릭할 경우에만 모듈이 변경된다.
     이용자의 오작동을 최소화 하는 가장 확실한 방법이다.



728x90
반응형

댓글0