728x90

 

3. 이용자의 눈높이에서 커뮤니케이션 하라

     1) 이용자와 소통이 가능한 언어를 사용하라

      이용자가 미션을 수행하는 과정에서 진행과정 또는 해당 과정에서 발생하는 오류를 이용자에게 알려주게 된다. 이러한 과정에서 이용자의 눈높이에 맞는 용어의 사용이 중요하다.특히 개발자만이 사용하는 기술적인 단어 또는 프로그래밍 언어가 수정없이 출력되는 것은 오히려 이용자에게 혼란만을 가중시킬 뿐이다.

      아래의 이미지는 인터넷쇼핑몰에서 결제를 하는 과정에서 출력되는 창이다. 고객에게 친절하게도 결제가 진행되는 과정을 알려주고 있으나, MPI(Merchant Plug In)라는 이용자에게는 생소한 단어를 사용하여 불편을 주고 있다.
우측의 경우에는 항공사의 메인페이지 화면이다. 비행기 표를 판매하는 안내문구에 ‘엠바고기간’이라는 전문적인 용어를 사용하고 있다. 또한 통상적으로 구매/예약으로 사용하는 문구를 ‘입수’라는 단어를 사용하여,일반인의 입장에서는 해당문구가 전혀 무엇을 의미하는 지 알 수 없게 되었다.


      아래의 경우 장애가 발생하여 이용자에게 장애발생 메시지를 출력하고 있다. 그러나 이러한 방식의 안내메시지는 이용자의 입장에서는 문제점에 대하여 전혀 인지할 수 없으며, 또한 어떠한 문제를 해결해야만 다음 과정으로의 이동이 가능한지 파악할 수 없다. 고객의 입장에서 서비스 제공업자의 실수로 장애가 발생하였다는 것만 이용자가 인지할 수 있을 뿐, 이후에 어떠한 해결 방법이 제공되고 이용자는 어떠한 액션을 취해야 하는지에 대한 안내는 없다.




심지어는 오른쪽과 같이 오류메시지를 영문으로 제공하기도 한다.
이 경우 해당 언어에 익숙하지 못하는 이용자의 경우에는 서비스 이용을 포기하는 경우까지 발생하기도 한다. 


















     2) 제공자가 지원하는 범위를 명확하게 제시하라

       최근 O/S(Windows, Mac O/S, Linux 등)와 인터넷 브라우져(Browser-Internet Explorer, Fire Fox, Opera 등)가 다양화 되고 나아가 동일한 O/S나 브라우져 에서도 여러개의 버전(version)이 이용되고 있다. 이로 인하여 서비스 제공자의 입장에서는 이용자의 모든 조건을 완벽하게 지원하지는 못하게 되었다. 이러한 관계로 어떤 이용자의 경우에는 화면이 정상적으로 출력되지 못하거나, 심지어는 아예 사용이 불가능한 경우가 발생하기도 한다. 이에 서비스 제공자는 이용자에게 충분한 고지를 하여야 한다.



     위 에어아시아(http://www.airasia.com/kr/ko/)의 경우 페이지 하단에 최적화 되어있는 브라우져와 버전, 화면해상도를 정의하고 있다. 또한 아래 야후의 경우에는 하위버전(상당히 오래된)의 브라우져로 접속하였을 경우 서비스를 제공하지 않고 아래와 같이 오류 메시지와 함께, 지원 가능한 최신 브라우져를 다운로드 받을 수 있는 사이트로 안내하고 있다.
이러한 과정을 통하여, 이용자의 혼란을 최소화 하고, 사이트에 대한 신뢰감을 강화할 수 있다.


구 브라우져를 통하여 접속 할 경우 보여주는 야후의 메인 페이지
잘못된 화면을 출력해 주는 것 보다는, 이용할 수 없음과 이유를 설명하고, 이를 해결해 줄 수 있는 방법(새로운 브라우져 다운로드)을 제시하여 주고 있다.




     3) 중요한 기능에는 한번 더 안전장치를 제공한다.

     다양한 이용자의 요구와 취향에 맞추어 서비스를 제공하는 것은 좋다. 다만 너무나도 친절한 나머지 인터넷 사용이 익숙하지 못한 이용자의 경우에는 친절이 문제를 일으키는 경우가 종종 발생하곤 한다. 특히 로그인 등 사이트 이용에 있어 매우 중요한 기능의 경우에는 다양한 서비스를 제공하되, 이용자가 중요한 기능을 충분히 인지하고 직접 선택하거나 취소할 수 있는 UI를 제공하여야 한다. 

      아래 MSN의 로그인 모듈의 경우, 아이디와 비밀번호를 한번만 입력하면 이후 재접속 할 경우 추가적인 입력 없이 자동으로 사이트에 로그인이 되는 ‘자동 로그인 기능’을 지원한다.(해당 기능은 공용 PC가 아닌 개인 PC를 사용하는 이용자의 입장에서는 매번 접속할 때마다 아이디와 비밀번호를 입력하여 로그인을 해야 하는 번거로움을 줄여준다.)

     이 경우에도 이용자가 어떠한 항목까지 저장할 것인지를 선택 할 수 있게 구성되어 있으며. 또한 기본 설정을 ‘메일 주소 저장‘으로 지정하여, 공용 PC 등에서 사용 후 다른 사람들이 접속 할 경우, 자동으로 로그인이 되어 이용자가 입을 수 있는 피해를 차단하고 있다.












     그러나 야후(http://kr.yahoo.com/)와 구글(http://www.google.co.kr/)의 경우에는 로그인 화면에서 ‘자동 로그인’기본설정으로 정해놓고 있다. 이 경우 인터넷 사용에 익숙하지 못한 이용자가 이를 인지하지 못하고 로그인을 하게 되면, PC방 같은 공용 PC에서 다른 이용자가 해당 계정을 이용하여 메일등의 개인정보를 열람하거나 심지어 타인의 이름으로 사이트에서 불건전한 활동을 할 수 있어, 선의의 피해자를 발생하기도 한다. 가끔 PC방등에서 타인의 메신저가 로그인 되어 있는 경우를 발견했을 것이다.
훌륭한 UI기획자는 이용자가 원하는 다양한 기능을 제공하면서도, 만약에 있을 수 있는 문제점을 최소화 하는 것에도 많은 시간을 투자해야 한다.



     참고로 국내 포털사이트인 네이버와 다음의 경우에는 자동 로그인 기능을 제공하지 않고, ID저장 기능만을 제공하고 있다. 이 경우에는 자동 로그인 기능을 원하는 이용자의 입장에서는 불편이 따르겠지만. 만약에 있을 수 있는 계정도용의 문제를 최소화하기 위한 차원에서는 고객의 편의를 축소하는 방향도 고려하여야 한다.



     또한 고객이 로그인을 하였어도 중요한 정보 (정보수정, 회원 탈퇴, 구매 등)에 접근 할 경우에는 다시 한 번 회원의 정보를 확인하여, 만약에 있을 수 있는 피해로부터 고객을 보호해야 한다.

     다음의 회원탈퇴(위)와 회원정보변경(아래) 페이지를 보면 탈퇴를 하거나 정보 수정 페이지에 접속하기 위하여 로그인을 하였다 하여도, 다시 한 번 비밀번호를 확인하고 있다. 특히 이러한 안전장치는 금융결제 등에서는 더욱 더 강화되어 제공되기도 한다.

728x90
728x90




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

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

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


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


 

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




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

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


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

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




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


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



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



728x90
728x90




4. 이용자의 실수에 대한 적절한 가이드를 제공하라

     서비스를 제공하다 보면, 이용자가 사이트를 이용하는 과정에서 기획당시 전혀 예측하지 못한 이용자 실수가 발생하곤 한다.    
     이 경우 이용자는 물론 기획자 또한 당황하게 되는데, 훌륭한 UI기획자는 이러한 고객의 실수에 대해서도 고객이 이를 인지하고 다음 단계를 갈 수 있는 기획을 하게 된다.   
다음의 예시에서 고객중심의 UI 기획을 살펴 보도록 한다.  
  

     1) 고객의 잘못된 페이지 접속시도

     웹사이트에 접속하기 위하여, 이용자들은 기존에 저장해둔 북마크를 이용하거나 또는 해당 주소(URL)를 주소창에 입력하거나, 검색사이트에서 접속하고자 하는 사이트를 검색하여 검색결과를 클릭하여 접속하게 된다. 

      이러한 과정에서 이용자들은 아래와 같은 오류를 발생할 수 있다.

① 잘못된 주소(url)를 입력한다.
② .com, .co.kr, .net 등을 잘못 기억하고 잘못 입력한다.
③ 기존에 사용하던 주소가 변경되었거나 삭제되었다.
이러한 경우 이용자에게 어떠한 UI를 제공하여야 하는지 살펴본다.   


        (1) 존재하지 않는 페이지로의 접속 - 오류고지

        이용자의 키보드 조작미숙으로 존재하지 않는 URL을 입력하거나, 기존에는 존재하였으나 사용이 중지된 URL  을 입력 또는 기존의 북마크를 통하여 접속하였을 경우 페이지의 존재에 대한 알림이 필요하다.
        주요 포탈사이트의 주소뒤에 ‘/mirim’을 입력하였을 경우 출력되는 화면을 분석해 보자 (예: http://www.naver.com/mirim)

        이 경우 약간의 차이는 있으나, 모두 해당페이지가 존재하지 않는 것을 고지하며, 이용자에게 여기서 포기하지 않고 다음 단계로 이동을 유도하고 있다.(고객센터 신고, 검색, 메인페이지로 이동, 이전페이지로 이동 등) 본인 입장에서 어떠한 flow가 이용자가 다음에 취할 수 있는 행동인지 생각해 보자.




        (2) 존재하지 않는 페이지주소 입력 – 고지 후 자동이동

        위에서 학습한 것에서 나아가 일부 사이트에서는 이용자가 잘못된 주소를 입력하여 접속하였을 경우 일정시간 이후 초기페이지 또는 지정된 페이지로 자동 이동을 시키기도 한다. 사실상 이용자의 입장에서 존재하지 않는 페이지에 접속하였을 경우 다음flow를 결정할 수 없기 때문에, 이에 이용자를 자연스럽게 main페이지로 이동시켜, 새로운 flow를 진행시키는 것은 좋은 시도이다. 

      야후의 경우, 오류메시지를 출력하고, 10초 후에 자동으로 메인 페이지로 이동하게 하였다. 물론 10초 이전에도 이용자가 원하면 이동버튼을 통해 바로 메인페이지로 이동하거나 다른 작업을 할 수 있게 구성하였다.  
       파란의 경우, 오류 고지 후 2~3초 후에 자동으로 메인페이지로 이동한다. 이 경우 이용자는 왜 원하는 페이지가 출력되지 않으며, 그러한 이유가 무엇인지를 인지하지 못하게 된다.UI기획의 경우 페이지 전환의 경우에도 보편적인 이용자가 충분하게 인지할 수 있는 시간을 고려해야 한다.



    (3) 고객의 잘못된 페이지 접속         

     부동산 페이지의 경우 해당 사이트의 주소는 http://estate.dreamwiz.com/로 정의되어 있으나 이용자가 full name인 http://realestate.dreamwiz.com/로 입력하였을 경우에는 오류 페이지가 출력된다. 이 경우 이용자는 어떠한 생각을 가지게 되었을까?




위의 예시와는 반대로 다음 부동산 페이지를 보자,

해당 사이트의 주소는 ‘http://realestate.daum.net/’ 이다.
그러나 이용자가  http://estate.daum.net/을 입력하였을 경우에도, ‘http://realestate.daum.net/’주소로 자동 연결을 시켜준다. 서비스 기획에서 URL 선정또한 이용자가 쉽게 입력할 수 있는 짧은 URL을 제공하는 것도 중요하나. 또한 관련(유사)어를 입력하였을 경우에도 이용자가 원하는 페이지로 접속할 수 있게 구성하여야 한다. 또한 운영 과정에서 해당  URL이 변경되었을 경우에도 변경된 페이지로 안내를 제공하여야 한다.



728x90

+ Recent posts