대상자 선정과 사용자 조사
사용성과 선호도 분석을 위한 방향 설정을 통해 대상자를 선정할 수 있고 필요에 따라 적절한 방법론을 활용하여 사용자 조사를 실시하고 활용할 수 있다.
웹 사이트 사용성
웹 사이트의 사용성 평가는 다른 제품들의 사용성 평가와는 다른 몇가지 고유한 특징을 지고 있다. 웹의 매체적 특성 때문에 웹 사용자는 특정 제품을 사용하려는 단일한 목적을 가진 사람들로 묶을 수 없기 때문이다. 웹 사용자가 웹 페이지에 접근하려는 목적에따라 웹 사용성의 평가 기준이 변한다. 일반적으로 웹 사이트가 성공적으로 구축되었는지 알아보고자 할 때 고려하게 된는 기본적인 항목들은 사용자의 인터페이스와 관련된 위치의 정확성, 이동의 용이성, 레이아웃, 메뉴의 배치, 검색, 반복, 명확성 등으로 구성된다.
사용성 평가 방법
웹 사용성을 평가하는 방법은 질문법과 감정법으로 나뉜다. 질문법에는 조사법과 설문법이 있고 감정법에는 발견적 평가, 속성 검사 및 가이드라인 체크법이 있으며 수행 측정 및 안구 추적 등의 기법이 있다.
사용성 테스트 목표 설정
사용성 테스트 목표를 설정할 때에는 사이트 역할의 정의와 더불어 사용자가 사이트를 방문하는 목적과 주로 이용하는 서비스가 무엇인지, 제공한 서비스나 기능을 쉽게 이용할 수 있는지 등 사용성 테스트를 통해 확인하고자 하는 사항을 명확히 정의해야 한다.
사용자 조사 방법론의 구분
사용자 조사 방법으로는 다양한 측정 장비를 활용하여 사용자의 행동을 측정하고 평가하는 방법과 설문과 체크리스트를 활용한 사용자 태도에 대한 조사를 할 수 있다. 사용자 조사 방법론은 크게 정량적인 방법과 정성적인 방법으로 나누고, 그것을 다시 사용자 행동과 사용자 태도로 나눈다.
사용자 행동 정량적 조사
사용자 행동에 간접적으로 분석하는 방법론으로 웹 로그 분석과 A/B 테스트, 사용자 패널에 대한 조사가 있다
사용자 행동 분석
사용자의 행동을 직접적으로 조사하는 방법으로 유저빌리티 테스트, 아이트레킹 등으로 사용자의 행동을 분석하고 그 의미를 파악할 수 있다
사용자의 태도분석
사용자의 태도를 직접적으로 조사하는 방법으로 인터뷰와 포커스 그룹을 비롯한 참여 디자인, 그룹 작업 조사, 요구 사항 조사, 다이어리, 카메라 조사 등이 있다
사용자 설문 조사
사용자의 태도를 간접적으로 조사하는 방법으로 사용자 설문과 고객지원 자료 분석 등이 있다.
- 구글 애널리틱스 analytics
- 네이버 애널리스트 adsense
- 구글 애드센스 analytics
세계적인 UI 권위자 제이콥 닐슨이라는 양반이 제시한 사용성(Usability)에 관한 체크 리스트입니다.
게임에 사용되는 UI기획을 하시는 많은 분들이 참고하시면 좋을 것 같아서 올려봅니다.
( 참고로 이 내용은 물밑에서 아무 존재감 없이 꾸준히 활동중인 '조촐한스터디평일쌩기초반'의 UI부분 스터디를 위해
정리된 코멘트가 일부 추가된 버전입니다. )
1) 가시성 : 상황과 사용자의 행동 및 결과에 대한 정보를 제공하는가?
- 피드백의 존재 유무
- 피드백의 명확성
- 피드백의 즉시성
2) 현실 세계와의 부합 : 사용자가 상식적으로 납득할 수 있는 시스템,단어,글을 사용하고 있는가?
- 실세상과의 부합 정도 : 실생활에서 늘 사용하는 용어를 사용하는가?
추상화한 아이콘이 실제 세상과 비슷하게 표현되어 있는가?
- 상식적인 논리와의 부합 : 계층과 관계 별로 구분되어 있는가?
- 사용자 과업과의 부합 : 실제 사용자가 해야 하는 작업과 동일한 이름을 사용하는가?
- 예상되는 행위와의 부합 : 어디를 선택해야 하고 어떤 작업을 하는지가 명확한가?
3) 컨트롤 : 사용자가 원하는 컨트롤을 자유롭게 할 수 있는가?
- 전반적인 사용자 주도권 : 사용자가 '왜 이리 못하게 하는 게 많아?'라고 느끼지 않는가?
- 취소 가능성 : 사용자가 선택한 행위를 쉽게 취소할 수 있는가?
취소할 내용을 일부 선택할 수 있는가?
- 사용자의 자유도 : 사용자가 다양한 방식으로 과업을 수행할 수 있는가?
자유로운 UI이용이 가능한가?
부분수정,부분입력된 데이터도 저장 가능한가?
4) 일관성 : 일관되고 표준화된 체계가 있는가?
- 일관성 있는 이름 : 메뉴나 명령어,약자가 일관성 있게 제시되는가?
- 일관성 있는 정보 : 메뉴,제목,페이지,에러메시지 등이 일관성이 있는가?
- 일관성 있는 구조 : 입,출력창의 구조가 화면마다 비슷한 구조를 가지고 제공되는가?
확인,취소,도움말등 중요 버튼의 위치가 일관성이 있는가?
- 일관성 있는 표현 : 아이콘,스타일,색감,컨셉의 일관성이 있는가?
5) 에러 방지 : 오류가 발생할 가능성은? 오류 발생 시 치명적인 영향을 미치는가?
- 오류를 범할 확률 낮추기 : 헷갈리는 문자,혼동되는 데이터 등
- 오류를 범하기 쉬운 것은 보여주지 않기 : 현재 상태에서 가능한 행동만 보여줌
- 심각한 오류를 범하기 힘들게 하기 : 결과 경고, 기능키나 버튼의 위치 차별화, 재확인 등
- 예상되는 결과 보여주기
6) 즉각적 인지 : 보는 즉시 이것이 무엇인지 알아야한다.
- 기억하기 쉽게 하기 : 작업 순서, 메뉴 항목의 배치 등
- 명확한 명칭 : 아이콘이나 명령어의 이름을 명확히 제시, 툴팁 제공
- 적당한 그룹 : 비슷한 항목끼리 논리적으로 구성
- 시각적 계층 구조 : 사용자의 시선 이동, 중요한 요소의 시각적 인지
- 명확한 시각적 구분 : 메뉴나 아이콘 간의 구분, 선택 및 활성화 요소의 구분
7) 융통성 : 사용방법1이 불편할 경우 대안이 있는가?
- 전문성에 따른 유연성 : 숙달될 수록 복잡한 명령 사용,많은 정보 제공
- 옵션의 제공 : 같은 작업이라도 여러 가지 방법으로 수행할 수 있는가?
- 개인화 : 사용자가 시스템을 자신에게 편리하게 재구성할 수 있는가?
- 신속한 수행 방법 : 계층 구조와 관계없이 즉시 사용해야 하는 기능이 있는가?
- 자동적인 수행 제공 : 기계적인 반복 작업을 대신 처리해 주는가?
8) 비주얼 : 디자인적으로 완성도가 있는가?
- 심미성 : 색상,도형,서체,가독성,배치와 정렬
- 최소한의 표현 : 서로 다른 색의 강도, 색상, 폰트, 도형,크기 등이 너무 많지 않는가?
- 최소한의 입력 요구 : 사용자에게 필요 이상의 정보나 동작을 요구하지는 않는가?
9) 에러 해결 : 오류 발생 시 쉽고 빠르게 해결할 수 있는가?
- 에러 발생에 대한 감지 : 유저가 에러 상황을 정확히 판단할 수 있도록 전달되는가?
- 감지된 에러의 원인 진단 : 유저가 에러의 원인를 정확하게 판단할 수 있는가?
- 에러 복구 : 유저가 에러 복구 방법을 판단할 수 있는가?
자주 발생되는 에러일 경우 자동보정을 해 주는가?
10) 보충설명 : 도움말과 보충 설명이 있는가?
- 도움말 제공 : 상황 파악, 따라하기 쉬움, 대안 제공
- 도움말의 표현 : 눈에 잘 띄는가? 이해하기 쉬운 표현인가? 글과 그림을 적절히 사용했는가?
- 작업 전환의 용이함 : 원래 작업과 도움말 간의 전환이 쉬운가?
한번 웹 사이트의 고객을 놓치면 영원히 그 고객을 잃게 된다. 고객을 놓치는 이유는 여러 가지가 있다. 오류가 있거나 모호한 내비게이션, 나쁜 인터페이스 디자인, 느린 다운로드 속도, 호환성 없는 기술, 등등.
어떻게 하면 좋을까? 해답은 간단하다: 사이트 방문자가 무엇을 하기 원하는가를 알아 내라. 방문자의 니즈를 빨리 알면 알수록 더 좋다.
사이트를 운영 중인데 여전히 왜 로그가 당신의 기대에 못 미치는가를 모르고 있다면 사이트의 유저빌리티(usability)를 테스트해보라. 테스트 방법 중 한가지는 모조 사이트를 만들고 사이트에서 사용자들이 실행할 수 있는 다양한 시나리오를 테스트해 보는 것이다.
유저빌리티는 디자인 프로세스의 통합적인 구성 요소다. 유저빌리티는 좋은 디자인으로 한정하지 말아야 한다. 오히려 유저빌리티는 높은 기능성과 사용하기 쉬운 사이트를 만들기 위한 좋은 디자인의 능력을 향상 시켜야 한다.
필자는 독자 여러분에게 도움을 주기 위해 유저빌리티 체크리스트를 만들어 보았다.
사이트를 개설하기 전에 테스트하라.
1. 사이트의 목적
- 사이트가 목적을 제대로 수행하고 있나?
- 목표 고객이 원하는 바를 전달하도록 디자인됐나?
2. 사이트의 능력
- 효율적인가?
- 직관적인가?
- 전체적으로 일관성있게 움직이고 그렇게 보이는가?
- 사용자가 충분히 통제하고 있고 편안하다는 느낌을 주는가?
3. 브랜딩
- 웹 사이트의 첫 페이지가 당신 비즈니스의 성격을 반영하고 있는가?
- 브랜딩이 사이트의 모든 페이지에 나타나는가?
- 페이지 우측과 마찬가지로 페이지 상단의 주목할 만한 위치에 브랜딩이 표현되는가?
- 홈페이지로 링크를 거는 것처럼 브랜딩이 내비게이션의 한 부분처럼 작동하는가?
4. 내비게이션
- 사이트의 주요 내비게이션이 스크롤하기 전의 눈에 띄는 위치에 나타나는가?
- 사이트 내비게이션이 이미지 형식인가? 그렇다면 페이지 내에 텍스트 형식의 내비게이션도 고려해 보라.
- 이미지 링크에 ALT 태그를 사용하고 있는가?
- 내비게이션 툴에 자바스크립트를 사용하고 있다면 텍스트 링크도 함께 제공하고 있는가?
- 사이트에 데드 링크는 없는가? 데드 링크를 확인하고 즉시 제거하라.
- 사이트 전체를 내비게이션하지 않고 원하는 정보로 직접 찾아가기를 원하는 사용자들을 위해 사이트맵이나 서치 엔진을 제공하는가?
- 내비게이션 툴 및 시스템이 사이트 전체에 걸쳐 일관성 있는가?
- 사용자에게 앞뒤로 이동할 수 있도록 사이트 내의 정확한 위치 정보를 제공하고 있는가?
- 링크가 사용자에게 어디로 데려갈 지 정확하게 말하고 있는가?
5. 이미지
- 콘텐츠와 관련있는 맥락에서 이미지를 사용하고 있는가?
- 이미지 파일의 사이즈가 최적화 되어 있는가?
큰 이미지를 작은 이미지로 자르는 것을 고려하라; 이렇게 하면 다운로드 속도를 빠르게 할 수 있다. - 이미지를 설명할 필요가 있다면 이미지에 대한 설명이 명확한가?
- 이미지에 ALT 태그를 사용하고 있는가?
6. 애니메이션
- 특별한 목적이 없다면 연속적으로 회전하는 애니메이션을 사용하지 마라. 주의를 분산시킨다.
- 필수불가결한 상황에서만 플래시 애니메이션을 사용하라. 다운로드 시간도 오래 걸릴뿐더러 플러그인도 필요하다.
7. 스폰서 및 광고
- 사이트에 배너가 있다면 파일 사이즈 최적화를 고려해 보았는가? 배너는 다운로드 속도를 느리게 한다.
- 배너의 위치는 어디인가? 사이트에서 전자상거래가 가능하다면 페이지의 우측 상단이나 우측 하단에 배너를 위치시켜라.(연구에 따르면 페이지 우측 스크롤바에 가까운 위치에서 가장 높은 클릭율을 얻을 수 있다)
8. 콘텐츠
- 콘텐츠가 페이지나 사이트의 맥락과 일치하는가?
콘텐츠가 간략하고 정확한가? 이야기 나열은 피하라. 적절한 정보만을 위해 사용자들은 콘텐츠를 훑어 본다. - 콘텐츠가 관련있는 정보를 제공하는 문서나 웹 사이트로 크로스 링크되어 있는가?
콘텐츠를 분리하기 위해 수평선 규칙을 피하라. 페이지의 유용한 콘텐츠가 끝난다고 해석될 수 있다.
9. 기술
- 사이트의 쌍방향적인 요소가 목표 고객이 사용하는 브라우저와 호환성이 있는가?
- 그렇지 않으면 사용자가 그것을 사용하기 위해 플러그인이나 소프트웨어를 다운로드 받아야 하는가?(사용자들은 추가적으로 필요한 노력을 싫어한다)
- 그런 기술의 사용이 중요하다면 사용자들에게 필요성과 중요성을 고지시켰는가?
10. 전체적인 인터페이스
- 사이트의 필요 및 취향과 색상이 조화를 이루면서 사이트의 인터페이스가 편안한가?
- 레이아웃이 시각을 즐겁게 하기 위해 흰색의 여백을 많이 포함하고 있는가?
- 레이아웃과 색상과 관련해 사이트 전체적으로 인터페이스가 일관성 있는가?
- 상이한 플랫폼과 브라우저에서도 사이트가 동일하게 보이는가? 그렇지 않다면 최대한 많은 브라우저와 운영 시스템에서 일관성 있게 보이도록 코드를 수정하라.
11. 피드백
- 고객의 입장에서 적절한 피드백 메커니즘을 제공하고 있는가? 예를 들어 사용자가 폼을 제출하면 수용 여부에 대해 알 수 있는가?
- 고객이 칭찬이라든지 제안을 할 수 있는 기회가 있는가? 그리고 사이트 또는 콘텐츠와 관련한 어떤 주제에 대해서도 질문할 수 있는 기회를 제공하고 있는가?
- 고객이 운영자의 이메일 주소, 우편번호, 전화 및 팩스 번호 등을 찾을 수 있는가?
물론 사이트의 유저빌리티를 테스트할 때 더 많은 항목을 이 체크리스트에 추가할 수 있다. 이 체크리스트를 가이드로 사용하면 사이트의 기능성과 사용자들이 사이트를 편하게 느끼는가에 대한 개략적인 그림을 얻을 수 있다.