brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Jun 25. 2024

클릭 테스트가 뭐예요?

UX 리서치 이야기 #16

클릭 테스트가 뭐예요?


클릭 테스트는 사용자의 과업 수행 과정보다는 화면 디자인의 명확성과 직관성을 평가하는 데 초점이 맞춰져 있습니다. 따라서 이를 통해 화면 요소의 배치, 레이블링, 정보 구조 등 화면 디자인 개선에 활용할 수 있습니다.


사진: Unsplash의Cleo Vermij


클릭 테스트가 화면 디자인을 테스트하기 위한 방법인 이유는 다음과 같습니다.


첫째. 과업 수행 중심이 아닌 화면 요소 중심


클릭 테스트는 사용자가 특정 화면 요소(버튼, 링크 등)를 찾아 클릭하는 것에 초점을 맞춥니다.      이는 사용자의 과업 수행 과정보다는 화면 디자인의 명확성과 직관성을 평가하는 데 목적이 있습니다.


둘째. 단순한 상호작용 평가


클릭 테스트에서는 사용자가 특정 화면 요소를 찾아 클릭하는 것이 주된 관찰 대상입니다.      이는 복잡한 과업 흐름이나 인터랙션 패턴을 평가하기 위한 것이 아닙니다.


예를 들어, 사용자가 온라인 쇼핑몰 웹사이트를 이용한다고 가정해 보면, 클릭 테스트에서는 사용자가 특정 화면 요소, 예를 들어 "장바구니" 버튼을 찾아 클릭하는 것에 초점을 맞춥니다.

이때 관찰의 핵심은 사용자가 "장바구니" 버튼을 쉽게 찾아 클릭할 수 있는지, 버튼의 위치와 디자인이 적절한지 등 화면 구성 요소의 사용성에 있습니다.

반면에 복잡한 과업 흐름이나 인터랙션 패턴을 평가하려면, 사용자가 제품을 검색하고, 장바구니에 담고, 결제 과정을 완료하는 등의 일련의 과정을 관찰해야 합니다.

이 경우에는 사용자의 전체적인 과업 수행 과정과 각 단계에서의 어려움, 혼란, 오류 등을 파악하는 것이 중요합니다. 즉, 화면 요소 자체의 사용성이 아닌 전체적인 사용자 경험을 평가하는 것이 목적이 됩니다.

따라서 클릭 테스트는 화면 디자인의 사용성을 평가하는 데 초점이 맞춰져 있으며, 복잡한 과업 흐름이나 인터랙션 패턴을 평가하기 위한 방법은 아닙니다. 


셋째. 화면 구조와 정보 설계 개선

클릭 테스트 결과를 통해 사용자가 화면 요소를 찾기 쉽고 직관적인지, 레이아웃이 효과적인지 등을 파악할 수 있습니다. 이를 바탕으로 화면 구조와 정보 설계를 개선할 수 있습니다.      


사진: Unsplash




클릭 테스트와 사용성 테스트의 차이점 



사용성 테스트는 전체적인 사용자 경험을 평가하지만, 클릭 테스트는 화면 디자인의 세부적인 사용성에 초점을 맞춥니다.


클릭 테스트는 새로운 디자인을 평가할 때 주로 사용되며, 기존 디자인보다 개선된 사용자 경험을 제공할 수 있는지 확인하는 데 도움이 됩니다.


사용성 테스트

사용자가 실제로 과업을 수행하면서 겪는 어려움이나 문제점을 발견하는 것이 목적입니다.

사용자가 웹사이트나 앱에서 특정 목표를 달성하는 과정을 관찰하고, 어려움이나 혼란을 겪는 부분을 파악합니다.

이를 통해 전반적인 사용자 경험을 개선할 수 있습니다.


클릭 테스트

화면 상의 특정 요소(버튼, 링크 등)가 사용자의 기대와 일치하는지 확인하는 것이 목적입니다.

사용자에게 특정 과업을 수행하도록 하고, 그 과정에서 사용자가 어떤 화면 요소를 찾아 클릭하는지 관찰합니다.

이를 통해 화면 레이아웃, 정보 구조, 네이밍 등 화면 디자인의 적절성을 평가할 수 있습니다.




클릭 테스트와 디자인 선호도 테스트의 차이점 


디자인 선호도 테스트는 사용자의 주관적인 선호를 직접 묻는 반면, 클릭 테스트는 사용자의 실제 행동을 관찰하고 그 이유를 확인하는 방식으로 진행됩니다.


사진: Unsplash


예를 들어, 온라인 쇼핑몰 웹사이트의 디자인을 평가한다고 가정해 보면,


디자인 선호도 테스트


사용자에게 "어떤 디자인이 더 마음에 드나요?"와 같은 질문을 하고, 사용자의 의견을 듣습니다.

사용자가 자신의 선호도를 직접적으로 표현합니다.

이를 통해 사용자의 주관적인 감성적 반응을 파악할 수 있습니다.


클릭 테스트


사용자에게 "장바구니에 물건을 담아주세요"와 같은 과업을 주고, 사용자가 실제로 어떤 화면 요소를 클릭하는지 관찰합니다

사용자의 행동을 먼저 관찰한 후, "왜 그 버튼을 클릭하셨나요?"와 같이 사용자의 선택 이유를 묻습니다.

이를 통해 사용자의 실제 행동과 그에 대한 이유를 파악할 수 있습니다.


사진: Unsplash의The 77 Human Needs System




클릭 테스트? 디자인 선호도 테스트?
어떤 것이 더 나을까? 


UX 실무 프로젝트 상황에 따라 다 달라, 어떤 것이 더 낮다고 말하기는 어렵지만 

가능한 저는 (신규나 리뉴얼 UX 프로젝트의 경우) Step 1 디자인 선호도 테스트 > Step2 (각 디자인 타입별) 클릭 테스트 권장합니다.


반면, 애자일 UX의 경우, 각 타입별 클릭 테스트를 병행하고, 그다음에 데이터 드리븐(AB 테스트) 권장합니다. 


특히, 우리 디자인에 대해 유저가 어떻게 생각하는지 알고 싶다면, 

클릭 테스트에 몇 가지 개방형 질문을 추가한다면 유저의 태도와 기억력을 파악하는데 더 도움이 될 것입니다. 예를 들어 보겠습니다. 


Case 1 > 클릭 테스트


(질문자) 방금 클릭해보셨는데요. 클릭한 첫 화면의 첫인상과 생각하는 형용사 3개 말씀해 주시겠습니까? 


(유저) 어쩌고저쩌고 


이처럼 클릭 테스트를 통해 우리 사이트 첫 화면뿐만 아니라, (유저가 첫 번째 클릭했던) 각각의 모든 화면 디자인에 대한 특정 (긍정/부정) 패턴을 발견할 수 있습니다. 


Case 2 > 클릭 테스트 + 기억력 테스트 


(질문자) 방금 전 클릭했던 디자인 페이지 기억나시죠?


(유저) 예....


(UX 디자이너) 그럼, 화면 보지 마시고요. 디자인 화면에서 기억하는 것 저한테 얘기해 주세요~


(유저) 어쩌고 어쩌고 


이처럼 클릭 테스트는 정보 전달 측면에서 사용자의 기억력도 테스트도 할 수 있다는 점에서 유용합니다.    

감사합니다. 


위 강연은 2024년 온라인 Zoom UX 수업 중 일부 내용입니다. 




전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)

https://brunch.co.kr/@ebprux/1332


[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중 

(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://ebprux.liveklass.com/


[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중  

(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)

(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://www.inflearn.com/users/196290




매거진의 이전글 사용성 테스트 과제 시나리오 구성 요소와 작성 방법
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari