UIUX 3기 본캠프

UX 기획 및 리서치 강의 5주차 숙제 및 내용 정리

아네린이 2024. 4. 5. 21:14

5-1, 5-2 내용 정리

사용성 테스트(Usability Test; UT) : 프로토타입이 있다면 제품 개발 단계 중 언제든 활용할 수 있다.

  • 유저가 서비스를 사용할 때 의도한 시나리오에 따라 테스크를 수행하는지, 문제점은 없는지 관찰하기 위해 진행한다.
  • 사용성 테스트를 통해 유저가 어떤 생각을 가지고 어떤 혼란을 겪는지 파악할 수 있다.
  • 제품 개선 전 진행 시 유저가 불편하게 생각하는 부분을 파악할 수 있다.
  • 제품 개선 후 진행하면 유저가 실제 어떻게 사용하는지 파악할 수 있다.
  • 사용자 =/ 나
  • 우리는 프로젝트에 대해 너무 많은 정보를 알고 있다. 그렇기에 유저가 화면을 직접 조작하며 마주치는 문제를 식별할 수 없다. 사용성 테스트를 통해 유저 중심으로 개선이 가능하다.

 

1. 사용성 테스트 구성 요소

  • 진행자(Moderator)
    • 참가자에게 어떤 절차와 목적에 의해서 테스트가 진행이 되는지 알려준다.
    • 참가자가 자유롭게 의견을 전달하는 분위기를 조성하는 역할을 맡는다.
  • 테스크(Task)
    • 진행자가 참가자에게 테스크 과정을 소리 내서 읽어 달라고 요청하기도 한다.
      • 참가자가 테스크 내용을 숙지할 수 있다.
      • 나중에 추가 될 관찰자들이 참가자가 어떤 테스크를 수행하고 있는지 파악하는데 도움을 준다.
  • 참가자(Participant)
    • 유저들을 대표할 수 있어야 하기에 유저와 유사한 특성을 가지고 있어야 한다.
    • 이미 출시된 서비스의 경우, 서비스를 사용해본 유저를 모집하는것이 좋다.
    • 출시전인 서비스의 경우, 설정한 페르소나와 최대한 부합하는 참가자를 선정하는것이 좋다.
    • 내부에서 참가자를 선정할 경우 같은 팀 내에서는 선정하지 않는것이 좋다. (하지만 페르소나와 부합해야 함)
  • 관찰자(Observer)
    • 테스트 진행 중의 참가자의 행동과 반응을 관찰하고 기록한다.
    • 테스트가 진행되는 방에 직접 들어가서 기록하기도 하고 원격으로 실시간 관찰하며 기록하기도 한다.

 

 

2. 사용성 테스트 공간 환경 구성

  • 테스트 공간에서 참가자와 진행자가 테스트를 진행한다.
  • 관찰 공간에서 관찰자들이 테스트 공간에서 일어나는 일들을 실시간으로 관찰하고 기록한다.
  • 참가자의 얼굴과 화면이 보여야 한다. 관찰자들은 참가자가 어떤 말을 하면서 화면을 조작하는지 알 수 있어야 하기 때문
  • 테스트 공간이 따로 있는 조직의 경우 단방향 거울을 활용하기도 한다. (취조실에 있는 한쪽에서만 보이는 그런 거울!)
  • 줌과 구글밋 등을 활용하여 원격에서 사용성 테스트를 진행하기도 한다. (마찬가지로 실시간 참가자의 얼굴, 조작하는 화면을 보며 진행자가 질문을 한다.)
  • 별도의 관찰 공간이 없는 경우 테스트 공간에 진행자와 서기 담당 관찰자 1명이 들어가기도 한다.
  • 캐쥬얼하게 카페에서 1:1로 하기도 함!

 

 

3. 사용성 테스트

  • 사용성 테스트 목적 설정
    • 사용성 테스트를 통해 확인하고 싶은 사항을 정한다.
  • 참여자 리크루팅 & 스크리닝
    • 사용성 테스트의 목적, 방식, 일정, 보상 등 정보가 포함된 공지를 한다.
    • 필요 시 지원자의 적합 여부를 사전 질문 등을 통해 스크리닝한다.
    • 실제 인터뷰와 마찬가지로 5명의 참여자를 테스트하면 85% 정도의 사용성 문제를 발굴할수 있다.
  • 테스크 선정
    • 유저가 수행할 수 있는 현실적인 테스크를 선정해야 한다.
    • 테스크 : 유저에게 주어지는 미션
    • 예시 1) 이전에 구매한 상품의 리뷰를 작성해보세요.
    • 예시 2) 장바구니에 담겨 있는 상품을 결제해보세요.
  • 사용성 테스트 시나리오 작성
    • 선정 된 여러 개의 테스크들을 모아 사용성 테스트 시나리오를 구성한다.
    • 테스크의 수행 요청 순서, 후속 질문 리스트 등의 내용이 담겨진다.
  • 파일럿 테스트
    • 실제 테스트 환경과 동일한 환경에서 사전 테스트를 진행해 보는 것
    • 예상치 못한 현장 변수를 미리 확인할 수 있다. (소리가 안나온다거나, 화면이 안 뜬다거나 등)
    • 제 3자 입장에서 질문 관련 피드백을 받을 수 있다. (전문 용어나, 내부에서만 사용하는 용어가 섞이지 않았는지 확인)
    • 사용성 테스크 총 소요 시간을 확인 할 수 있다.

 

 

3. 사용성 테스트 시나리오

  • 분위기를 편안하게 만들기 위해 아이스브레이킹 질문을 한 후 테스트 하는 것을 추천한다.
  • 테스크 수행 순서는 참가자가 순서대로 진행하기 용이한 순서대로 구성하는 것을 추천한다.
  • 참가자에세 미리 공유된 시간 내에 마무리할 수 있도록 시간을 고려하며 테스크와 질문을 구성해야 한다.

 

 

5-3 내용 정리

1. 사용성 테스트 실행 과정

사용성 테스트는 총 1시간 내외로 구성하는 것이 좋다.

관찰자로 참여하는 사람도 테스트 전 사용성 테스트 시나리오를 숙지하고 있는것이 바람직하다.

  • 사용성 테스트 안내
    • 사용성 테스트의 목적, 진행 방법, 주의 사항에 대해 안내한다.
    • 영상/사진 촬영 동의 여부를 체크한다.
    • 기밀 프로젝트인 경우 보안 서약서를 작성한다.
  • a. 테스크 안내
    • 참가자가 수행해야 할 테스크를 알려준다.
  • b. 테스크 수행 & Think Aloud
    • 참가자는 안내받은 테스크를 수행한다.
    • 진행자는 참가자에게 Think Aloud를 요청한다.
      • 테스크를 수행할 때 자신의 생각과 감정을 말로 표현해줄 것을 요청하는 것
  • c. 사후 인터뷰
    • 이용 만족도를 측정한다.
    • 테스크 수행 전 기대했던 것과 수행 후 비교했을 때 어느 정도 차이가 있는지 확인한다.
    • 불편하게 하는 오류 요인이 무엇이 있었는지 파악한다.
  • 마무리
    • 테스트 종료를 알리고 참여 보상을 증정한다.

 

 

2. Think Aloud

  • 테스크를 수행하며 머릿속에 어떤 생각이 드는 지 말로 표현하도록 하는 방법
  • Think Aloud를 통해 얻을 수 있는 정보
    • 유저가 메뉴나 버튼, 아이콘을 클릭한 의도
    • 어떤 행동을 했을 때 기대하는 결과값
    • 테스크 수행 중 유저가 겪는 어려움
    • 테스크 수행 중 유저가 실수를 한 이유
  • 유저의 실제 의도와 인지 과정을 이해하고 설계에 반영할 수 있다는 장점!
  • 편안한 분위기에서 자연스럽게 생각을 말할 수 있는 분위기를 조성하는 것이 중요하다.
  • 2가지의 진행 방법
    • A. Think Aloud 테스크 수행과 동시에 진행한다.
      • 장점 : 정보를 찾고자 할 때 참가자의 의도를 명확히 파악할 수 있다.
      • 단점 : 말과 행동을 동시에 하려다보니 수행 집중력이 떨어질 수 있다. 진행자가 능숙하지 않다면 실수로 참가자에게 다음 행동을 암시하는 힌트를 줄 수 있다.
      • 유의사항
        • 중간에 참가자가 질문을 할 때 최대한 답변을 주지 않아야 한다. 참가자가 요구사항 진행을 못하면 일정 시간 이후 테스크를 종료한다. (테스크 이후 경로가 어려웠는지, 화면 구성이 헷갈렸는지 등 원인을 함께 파악한다.)
        • 테스트 중에는 참가자가 말을 많이 하도록 유도해야 한다.
        • 중간에 참가자가 실수를 해도 힌트를 주거나 고치려고 하지 말아야 한다.
        • "왜 그렇게 생각하세요?", "어떻게 해야할 것 같으세요?" 등의 열린 질문으로 참가자의 생각을 알아보는 것이 바람직하다.
    • B. Retrospective Think Aloud 테스크 종료 후 기억을 되살리며 진행한다.
      • 장점 : 테스크 수행 중에는 테스크에만 집중할 수 있다.
      • 단점 : 이전에 한 행위를 기억 못 할 수 있다. 사소한 오류에 대해 적극적으로 표현하지 않으려는 경향이 있다.
    • 보통은 테스크 수행과 Think Aloud를 동시에 진행하는 첫 번째 방식을 이용한다.

 

5-4 내용 정리

 

1. 사용성 테스트 결과 정리하기

  • 문제점 도출 -> 원인 도출 -> 개선 방향 도출
  • 문제점 도출
    • 참가자의 생각과 행동에 대한 기록을 종합하여 문제점을 파악한다.
    • 진행자가 관찰자의 기록을 종합하여 문제점을 파악한다.
  • 원인 도출
    • 유저가 예상하고 기대하는 바가 실제와 어떻게 달랐는지 확인한다. (내용, 경험)
  • 개선 방향 도출
    • 테스크별로 개선이 필요한 부분을 리스트업한다.
    • 정보 구조 관점에서 개선이 필요한 부분을 리스트업한다.
  • TIP : 팀에 테스트 결과 공유 시 문서로만 공유하는 것보다 실제 참가자 영상을 함께 공유하는것이 더 효과적이다.

 

2. 사용성 테스트 결과 우선순위 논의

  • 유저의 이용 만족도와 행동 데이터를 수집하여 우선순위 논의 시 의사 결정 근거로 활용하기도 한다.
  • a. 테스크 수행 후 참가자의 이용 만족도를 측정한다.
    • 예시) 우체국 예약 수행의 난이도는 어땠나요? 그리고 그 이유를 알려주세요.
      • (1. 매우 쉬웠다. 2. 쉬웠다. 3.보통이다. 4.어려웠다. 5.매우 어려웠다)
  • b. 참가자의 테스크 성공/실패 여부를 측정한다. (특정 테스크가 유독 실패 비율이 높다면 이용에 불편함이 있다고 볼 수 있다.)
    • 참가자가 테스크를 수행하는 과정을 진행자 혹은 관찰자가 테스크 성공/실패 여부에 따라 점수를 부여한다.
      • 점수 산정 기준은 성공(S), 부분 성공(P1, P2), 실패(F)로 정의할 수 있다.
성공/실패 여부 표기 점수 평가 방법
완전 성공 S 100점 테스크 수행에 어려움이나 망설임 없이 쉽게 성공한 경우
부분 성공 P1 75점 관련 메뉴가 테스크에 대한 결정적 힌트를 진행자가 알려준 후에 테스크 수행을 성공한 경우
부분 성공 P2 50점 테스크를 수행했으나 수행 과정에서 중요 오류 요인 등을 접한 경우

ex) 테스크 수행과 관련없는 메뉴를 두 번 이상 클릭한 경우
ex) 메뉴나 관련 정보를 찾기 위해 사이트 맵을 열어본 경우
ex) 테스크 수행 중 현재 위치를 파악하지 못한 경우
실패 F 0점 테스크를 수행하지 못하거나 치명적인 오류 때문에 과제를 포기한 경우
제외 E 제외 테스크 의도와 상관없이 테스크를 수행한 경우
  •  c. 참가자가 테스크를 쉽게 달성할 수 있었는지 측정한다. (참가자의 이동 동선을 살펴본다)
    • 과제별 평균 소요 시간
      • Think Aloud, 사후 인터뷰 진행한 시간을 제외하고 측정한다.
      • 테스크 마다 목표, 난이도, 설정시간이 다르기 때문에 테스크 간에는 비교하지 않는다.
      • 동일 테스크 간에 사용자들이 얼마나 소요 시간을 사용했는지 측정한다.
    • 페이지 이동 횟수
      • 페이지 수 측정 공식 = 예상 경로 페이지 수 / 이동한 전체 페이지 수
      • 예상 경로 페이지보다 더 많은 페이지를 이동하거나 동일 페이지를 여러 번 방문했다면 장애 요인을 확인해야 한다.
    • 클릭 및 커서 횟수
      • 메뉴명이 명확하지 않으면 사용자가 클릭 후 되돌아가거나 커서를 댔다가 클릭하지 않는 행위를 반복할 수 있다.
      • 참가자가 원하는 메뉴를 찾기 어려웠다는 의미이기 때문에 메뉴 개선을 고려할 수 있다.
    • 이동 동선 
      • 참가자가 클릭하여 이동한 동선(화면) 분석을 통해 주요 장애 요인을 한 눈에 파악할 수 있다.
      • 개별 참가자를 각각 뜯어보여 예상 동선에서 벗어난 경우 그 원인이 무엇이고, 어떻게 대처하는지 살펴볼 수 있다.

 

 

5-5 내용 정리

1. 휴리스틱 평가(Heuristic Evaluation) : 전문가가 인터페이스를 검토하여 사용자 인터페이스의 문제점을 발견하는 방법

  • 사용성 테스트와 달리 유저를 대상으로 하지 않고, 디자이너나 사용자 경험 전문가가 특정 휴리스틱을 기반으로 평가한다.
  • 장점 : 디자인 초기 단계에서 비교적 쉽고 빠르게 적용해볼수 있다.
  • 단점 : 전문가 중심의 평가이기 때문에 실제 유저의 경험을 완벽하게 대변하지 못한다는 단점이 있다.

 

2. 제이콥 닐슨의 10가지 휴리스틱 평가 항목

  • 휴리스틱 평가 중 닐슨 노먼 그룹의 제이콥 닐슨이 1994년 개정한 10가지 휴리스틱 평가(10 Usavility Heuristics)가 제일 대중적으로 활용되고 있다.
  • 1. 시스템 상대 가시성
    • 유저가 현재 무엇을 하고 있는지 정확한 상태를 보여주고 있는가?
    • 예시) 텍스트 필드의 focused 상태
  • 2. 시스템과 실제 세상 매칭
    • 사용되고 있는 아이콘, 문구, 메뉴명이 실제 생활에서도 사용되고 있는 것으로 제공되고 있는가?
    • 예시) 친숙한 메타포의 아이콘과 메뉴명 ('Food' 카테고리 명과 '음식' 아이콘)
  • 3. 유저의 선택권 및 자유도
    • 유저가 서비스를 자유롭게 조작할 수 있는가?
    • 예시) 실행 취소 기능(Undo)
  • 4. 일관성과 규정
    • 여러 개의 화면에서도 일관성있게 제공하고 있는가?
    • 예시) 일관성을 유지하는 디자인 시스템
  • 5. 에러 방지
    • 사용하면서 실수를 최대한 하지 않도록 하고 있는가?
    • 예시) 명확한 터치 영역
  • 6. 기억보다는 인지
    • 서비스를 사용할 때 학습을 하거나 별도의 기억을 하지 않아도 직관적으로 사용할 수 있는가?
    • 예시) 상품을 찾고 장바구니에 담는 과정
  • 7. 유연성과 효율성
    • 서비스 대상 모두가 사용할 수 있게 제공되고 있는가?
    • 예시) 스포티파이의 이퀄라이저 개인화 및 자동차 모드 On/Off 기능 (입문자, 숙련자 모두에게 편하게 사용할 수 있는 기능)
  • 8. 심미적이고 미니멀한 디자인
    • 최소한의 디자인을 통해 심미성을 잘 느낄 수 있게 제공되고 있는가?
    • 예시) 최소한의 디자인 요소로 필수 정보만 들어가 있는 에어비앤비 숙소 리스트 화면
  • 9. 유저가 에러를 전달할 때 상황, 이유, 해결책을 말하기
    • 에러가 발생했을 때, 유저가 잘 인지하고 스스로 해결할 수 있게 도와주고 있는가?
    • 예시) 회원가입 시 비밀번호 설정 가이드 문구
  • 10. 문제 해결과 문서화
    • 유저에게 충분한 도움말을 제공하고 있는가?
    • 예시) 고객센터의 FAQ

 

그 외 추가 내용

  • 멘탈 모델 : 어떤 개념이나, 아이디어, 사물, 사건, 현상 등에 대해 개인이 가지고 있는 이해의 틀 혹은 모델을 말한다. 쉽게 말해 머리속에 있는 생각의 패턴!
  • 아이스브레이킹 : 진행자가 느끼는 선에서도 아이스브레이킹이 되는 내용을 선별하는것이 좋다.
  • 인터뷰어 (Interviewer) : 질문을 하는 사람
  • 인터뷰이 (Interviewee) : 질문을 받는 사람

 

숙제

  • 과제 설명 : 커머스 서비스 로그인/회원가입 과정의 사용성 테스트에서 참여자가 수행할 테스트 선정
  • 사용성 테스트의 목적 : 신규 가입 유저가 로그인/회원가입을 할 때 겪는 문제점을 찾아내고자 한다.
  • 참여자 정보 : 주 2회 이상 커머스 서비스를 사용하지만, 자사 서비스를 사용해본 경험을 없는 유저
  • 요구사항 : 테스크 7개 선정하기

선정 어플 : 랭킹닭컴

테스크 1 : 네이버로 소셜 로그인해보세요.

테스크 2 : 애플 아이디로 로그인해보세요.

테스크 3 : 카카오 소셜 로그인해조세요.

테스크 4 : 회원가입 해보세요.

테스크 5 : 아이디 찾기 해보세요.

테스크 6 : 비밀번호 찾기 해보세요.

테스크 7 : 비밀번호 재설정 해보세요.