◦ 사용자가 원하는 좀 더 나은 홈페이지를 만들기 위해 개편되는 사례가 많 은데, 네이버의 검색결과 인터페이스, 분당 서울대병원의 서비스 개선, 산 림청의 홈페이지 디자인 등의 개선 사례를 살펴보고자 함.
1) 네이버의 검색결과 인터페이스
◦ 2004년 검색포털 1위에 등극하기 시작해서 현재 검색시장 점유율 70%이상 을 기록하고 있는 네이버는 빈약한 웹 콘텐츠를 기반으로 하는 국내 검색 시장의 특성에 주목하여, 웹 콘텐츠뿐만 아니라 사전, 뉴스, 전문자료, 블 로그 등의 검색결과를 한꺼번에 보여주고 통합검색서비스를 제공함.
◦ 최근 2005년과 2007년의 홈페이지 개편으로 이루어진 인터페이스의 변화를 통하여 검색결과 인터페이스를 살펴보고자 함.
(1) 2005년도의 검색결과 인터페이스 개편
◦ 2005년 12월 8일에 단행된 개편에서는 다음과 같은 4부분에 변화가 있었 음. 첫째, 검색분류가 간결하고 풍부해 질 수 있도록 한 분류 탭 재구성, 둘째, 검색 가이드 기능과 세부 선택 기능 보강, 셋째, 검색결과 그녀의 추 천, 검색어 순위 등 우측영역의 강화, 넷째, 산만한 검색 결과 및 탭 디자 인 개선임.
◦ 검색 분류 탭의 디자인과 분류 방식을 개편하였는데, 기존의 디렉토리, 지 역정보, 전문지식 탭 등 산만한 검색 탭을 재구성해 쉽고 명확한 이름으로 다시 붙임.
◦ 지식in 탭에는 논문, 연구보고서, 분석자료 등 다양한 전문자료를 통합, 전
문성을 강화함.
◦ 우측 탭 영역에는 사용자들의 요구가 커지고 있는 책, 쇼핑, 내PC 검색 3 가지 검색 탭을 추가함.
<그림 2-11> 네이버의 검색결과 인터페이스 변화 (2005년 12월)
(2) 2007년도의 검색결과 인터페이스 개편
◦ 2007년 11월 8일에 이루어진 개편에서는 다음과 같은 6부분에 변화가 있었 음.
◦ 첫째, 검색상단 영역을 심플하게 개선함. 검색창을 크게 하고, 검색 탭의 디자인과 분류를 개선하며, 더 보기 탭을 신설함, 그리고 검색 상단 영역 의 세로공간을 줄임.
[ 개편 전 ] 검색상단 영역
[ 개편 후 ] 검색상단 영역
<그림 2-12> 네이버의 검색결과 인터페이스 변화1 (2007년 11월)
◦ 둘째, 검색결과의 통일성을 개선함. 최적의 고정 가로 폭을 적용하고 폰트 컬러, 줄 간격, 아이콘 등의 디자인 요소를 통일함.
◦ 셋째, 검색옵션의 기능을 개선함. 다양한 검색옵션을 한눈에 파악할 수 있 도록 한 줄에 배치하고, 드롭다운(Drop-down) 메뉴를 적용함.
[ 개편 전 ]
[ 개편 후 ]
<그림 2-13> 네이버의 검색결과 인터페이스 변화2 (2007년 11월)
◦ 넷째, 이미지검색 상세보기 기능을 개선함. 상세보기 위치를 상단에서 좌 측으로 이동하고, 그 리스트를 마우스 스크롤을 이용하여 살펴볼 수 있으 며, Wide 모니터 사용자를 고려하여 1단에서 5단까지 조절할 수 있도록
함.
◦ 다섯째, 검색결과 페이지의 성능을 개선함. 웹 표준에 근거한 마크업의 사 용으로 사람이나 컴퓨터가 더 쉽게 해석(검색) 할 수 있게 하고, 검색결과 코딩 방식을 최적화하여 검색결과 용량을 30%정도 감소시킴. 사용자 체감 속도가 향상됨.
◦ 여섯째, 네이버 검색의 웹 접근성을 개선함. 크로스 브라우징 지원 대상을 확대하고, 시각 장애우들이 이용하시는 스크린리더 기기에서도 검색결과를 무리없이 이용할 수 있도록 여러 장치를 마련함.
(3) 검색결과 인터페이스 설계 특징
◦ 한국형 검색시스템이라고 불릴 만큼 대중적이며 독보적인 위치를 차지하 고 있는 네이버의 검색결과 레이아웃의 변화를 살펴봄으로써, 인터넷 사용 패턴의 변화를 예측하여 보다 나은 사용자 인터페이스(UI)를 구축할 수 있 음.
◦ 이러한 개편에 앞서 네이버는 사용자를 대상으로 아이 트래킹 조사나 버 킷테스트를 통하여 검색이용 패턴을 파악함. 이러한 사용자의 이용패턴을 고려하여 인터페이스를 설계해야 함.
- 아이 트래킹 조사란 시선추적시스템(Eye-Tracking System) 즉, 사용자의 시선(eye)의 움직임을 추적(Tracking)해 보여주는 장치를 이용하는 것임.
검색결과에 대하여 모든 사이트에서 왼쪽상단에 시선이 머무르는 시간 이 많고, 역삼각형의 형태를 보이고 있음.
- 버킷테스트란 버킷(bucket)을 무작위로 배포해 반응을 점검하는 방식의 시험판 테스트를 말함.
2) 분당서울대병원의 킬러 애플리케이션(killer application)
◦ 지난 11월 16일자 인천일보의 기사에 따르면 분당서울대병원에서는 홈페 이지 개편을 통해 ‘인터넷 예약’을 편리하게 할 수 있도록 하여 사용자들 에게 좋은 평가를 받고 있다고 함.
◦ 홈페이지의 개편 전과 비교하여, 홈페이지 방문자수는 일평균 3900명에서 5150명으로 증가하였고, 인터넷 진료예약 건수도 월평균 1135건에서 3200 건으로 200% 급증하여 6시그마 우수과제로 선정됨.
(1) 개편된 홈페이지의 주요사항
◦ 국내 모든 병원들이 너무 많은 정보를 전면에 집중 배치하는 포털 사이트 와 같은 복잡한 구조에서 과감히 탈피하여 메인화면을 파레토법칙에 입각 해 고객이 가장 많이 찾는 상위 20% 핵심 메뉴만을 배치함.
◦ 고객이 직접 질병정보를 등록할 수 있도록 하며 인체도를 이용, 아픈 부위 를 클릭하면 관련 진료과 및 전문 의료진을 안내해 주는 편리한 구조를 국내 처음으로 도입함.
◦ 검색 기능을 강화해 메인에 배치되지 않은 나머지 80% 메뉴도 사용자가 쉽게 찾을 수 있도록 함. 여기에 블로그형 진료과 및 의사 소개 페이지를 도입해 의료진이 직접 자신의 프로필 및 질병정보 관리를 할 수 있게 함 (<그림 2-14> 참고).
<그림 2-14> 분당서울대병원의 인터넷 예약 화면 (www.snubh.org)
◦ 6시그마 단계3)에 맞추어 프로세스와 데이터에 근거한 개편작업을 진행함.
인터넷 예약을 직접 이용하는 사용자 설문 조사와 네이버 디자인 총괄을 비롯한 전문가 그룹의 컨설팅을 통해 한 화면에서 진료예약이 완료되는 새로운 형식의 예약 툴을 개발하고, 인터넷 예약 전용 슬롯 배정하며 인터 넷 진료예약 전용 창구를 마련함.
◦ 홈페이지에 대한 오프라인 홍보활동을 강화하여 병원 홈페이지에서 진료 예약을 편리하게 할 수 있음을 알림.
(2) 킬러 애플리케이션의 제공
◦ 사용자의 요구를 분석하여 핵심적인 서비스를 킬러 애플리케이션(killer application)으로 제공하여 사용성을 높일 필요가 있음.
3) ‘6시그마 단계’는 관점에서 출발하여 프로세스의 문제를 찾아 통계적 사고로 문제를 해결하 는 품질개선 작업과정을 ‘측정(measurement)·분석(analysis)·개선(improvement) · 관리
3) 산림청의 홈페이지 디자인
◦ 산림청 홈페이지는 지난 1998년 2월에 처음 공개된 이래 현재 월평균 약 28만명이 방문하는 등 산림분야의 유익하고 상세한 정보를 제공하고 있음.
◦ 산림청의 홈페이지(www.forest.go.kr)가 지난 11월 19일 웹어워드 위원회가 주최한 `Web Award Korea 2007 콘테스트'4)에서 웹사이트 공공부문 우수 상을 수상함. 산림청은 지난 2005년 행정자치부가 300여개 중앙행정기관 및 지자체 홈페이지를 대상으로 실시한 기관 홈페이지 운영 평가에서도 ` 행정정보제공 분야 1위와 홈페이지 운영 종합우수기관'으로 선정된 바 있 음.
(1) 개편된 홈페이지의 주요사항
◦ 산림청의 심볼색과 슬로건인 천ㆍ지ㆍ인(天地人)의 특색을 잘 조합하여 친 근감 있고 편안함을 주는 디자인함.
◦ 특히 산림청만의 특화된 이미지를 강화키 위해 홈페이지 상단에 이미지 내비게이션을 적용했고, 메뉴 탐색기 기능을 추가해 사용자의 편리성을 고 려함.
4) `웹 어워드 코리아'는 한해 동안 새롭게 구축됐거나 갱신된 웹사이트를 대상으로 1500명의 웹 어워드 평가위원단이 가장 혁신적이고 우수한 웹사이트를 선정, 시상하는 우수 웹사이트 시상식이자 웹 전문가 페스티벌 행사임.
<그림 2-15> 산림청 홈페이지(www.forest.go.kr)
◦ 그 외에도 시각장애자, 저시력자 등의 정보소외계층을 위한 국제표준 지침 준수 등을 통해 정부기관 홈페이지로 웹 접근성을 강화하고, 임업인에게 임산물 가격정보를 제공하는 임산물가격정보시스템, 산림청 홍보관시스템 등과 같은 특화사이트를 신설함.
(2) 홈페이지의 이미지
◦ 홈페이지는 사이트의 질을 보여주는 열쇠로써, 웹사이트의 가장 중요한 페 이지라 할 수 있음.
◦ 사용자가 사이트를 이해할 수 있는 간략한 소개말이 있는지, 핵심 화제를 담고 있는 영역이 한눈에 보이고, 그 중요성을 나타내고 있는지, 그리고 최신의 정보가 제공되고 있는지의 여부가 홈페이지가 담고 있어야 할 내 용임.
◦ 이외에도 긍정적인 첫 인상을 만드는 요소로 내용물을 담고 있는 그릇도 중요함. 이런 의미에서 산림청의 홈페이지는 산림청이 지니고 있는 이미지
를 잘 살려서 표현하였음.
◦ 이러한 예시는 스페인 빌바오시와 샌프란시스코의 홈페이지에서도 볼 수 있음(<그림 2-16> 참고). 스페인 빌바오시는 도시 재활성화에 성공한 도시 로 700년 역사와 문화를 연상할 수 있는 이미지를 부각시켜 깊은 인상을 심어 줌. 샌프란시스코는 화면 상단에 금문교와 현대미술관 등의 명소들을 띄워 문화, 관광 도시로서의 이미지를 잘 드러내고 있음(권영걸5)).
(a) 스페인 빌바오시(www.bilbao.net)의 홈페이지
(b) 샌프란시스코시(www.ci.sf.ca.us)의 홈페이지
<그림 2-16> 도시 이미지를 잘 살려낸 외국 지방정부 홈페이지
5) 출처 : 조인스닷컴(http://article.joins.com)의 2006년 12월 20일 기사
◦ 서울이 가지고 있는 역사와 문화 자원을 색상, 심볼, 이미지로 표현하여 보다 매력적인 홈페이지로 개선할 필요가 있음. 특별히 영문 홈페이지와 같은 세계인을 대상으로 하는 사이트에 이러한 전략이 필요함.