13강 13th.Lecture.Prototyping.and.Usability.Test 사용성 테스트를 설계하고 진행한다.

1. KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인 2
kwonjeongeun@naver.com
/ 28
1
13강 프로토타이핑 & 사용성 테스트

2. 프로토타이핑의 이해
사용성 테스트의 이해
실습 & 팀 과제 진행
/ 28
2

3. 프로토타이핑의 개념
프로토타입 Prototyping 이란?
서비스 출시 전,
설계 단계에서 시행되는 일종의 테스트이며
서비스의 흐름을 파악하고
사용자 테스트 그룹으로부터 다양한 피드백을 수집하는
시뮬레이션 과정을 의미한다.
이를 통해
개선이 필요한 사항에 대한 수정 및
사용성 문제를 해결할 수 있다.
/ 28
3

4. “사진, 1,000 단어의 가치가 있다면
프로토타이핑은 1,000회의 가치가 있다.”
-미, IDEO, Tom Kelly, David Kelly
/ 28
4
프로토타이핑의 중요성

5. 다음 6단계로 수행.
마지막 평가에서 도출된 개선안을 보완.
동일한 사이클로 점진적으로 반복하며 수행.
프로토타이핑 프로세스
/ 28
5
❶ 목표 설정 ❷ 사용자 정의 ❸ 시나리오 작성
❻ 평가 ❺ 테스트 수행 ➍ 프로토타입 제작

6. ❶ 저 충실도 프로토타입 Low Fidelity Prototyping
Lo - Fi
서비스 아이디어를 스케치 형태로 러프하게 표현.
서비스의 흐름을 개략적으로 설명하고 가시화. 유용성을 테스트함.
프로토타이핑의 종류 2가지
/ 28
6

7. ❶ 저 충실도 프로토타입 Low Fidelity Prototyping
대표적인 방식 : 페이퍼 프로토타입
프로토타이핑의 종류 2가지
/ 28
7

8. ❷ 고 충실도 프로토타입 High Fidelity Prototyping
Hi - Fi
서비스의 최종 구현 단계 전 최종 결과물에 가장 가까운 형태.
화면 별 UI 디자인 적용. 클릭, 전환 등 사용성 테스트할 수 있음.
프로토타이핑의 종류 2가지
/ 28
8

9. 어도비 XD, 스케치, 피그마, 엑슈어, 카카오 오븐 등
프로토타이핑 제작 도구
/ 28
9

10. 프로토타이핑의 이해
사용성 테스트의 이해
실습 & 팀 과제 진행
/ 28
10

11. 사용성의 개념
Useful - Usable
유용한 - 사용하기 쉬운
Usefulness - Usability
유용성 - 사용성
/ 28
11

12. 좋은 사용자 경험을 검증하는 기준
출처 : 피터 모빌 <검색 2.0 : 발견의 진화 Ambient Findability>
피터 모빌의 사용자 경험 허니콤
Useful
Usable
/ 28
12

13. / 19
13
유용한, Useful
사용자에게 필요한 것을 제공한다. 기능적 + α
예 : 현대카드 날씨 앱
/ 28
13

14. 사용하기 쉬운, Usable
사용자가 설명서 없이도 사용할 수 있게 한다.
단순할 것.
사용성의 대가, 제이콥 닐슨의 다섯 가지 기준
✓ 학습 용이성
✓ 효율성
✓ 기억 용이성
✓ 에러의 극복력
✓ 만족성
/ 28
14

15. 사용성 테스트의 개념
사용성 테스트 Usability Test 란?
사용자가 서비스를 이용하며,
자신이 원하는 목적을 달성하기까지의 과정에서 느끼는
인지적, 경험적 반응들을 관찰, 인터뷰, 테스트 등 방법으로
평가하는 것
방법?
구체적으로 과업 Task 을 제시한 후
주어진 과업을 완료하는 데 걸리는 시간, 클릭 수, 오류의 빈도 등
테스트를 통해 평가한다.
/ 28
15

16. 사용성 테스트의 목적
사용성 테스트의 이유?
사용자 내면에 존재하는
선호도나 장애 요인을 추출하고 분석하여
서비스를 개선하는 데 있다.
#사용성테스트 #끝 #개선
/ 28
16

17. / 28
17
정량적 테스트
-약 20명 이상 필요
-20명 이상 테스트를 해야 오차 범
위 내 의미 있는 결과를 얻음
정성적 테스트
-단 3명, 전체 70%사용성문제발견
-5명 이상, 발견되는 문제 비슷
우리가 진행할 테스트
사용성 테스트의 구분
출처 : 닐슨 노먼 그룹

18. 다음 6단계로 수행.
마지막 평가에서 도출된 개선안을 보완.
동일한 사이클로 점진적으로 반복하며 수행.
프로토타이핑 프로세스
❶ 목표 설정 ❷ 사용자 정의 ❸ 시나리오 작성
❻ 평가 ❺ 테스트 수행 ➍ 프로토타입 제작
/ 28
18

19. 사용성 테스트 프로세스
❶ 목표 설정 ❷ 이슈 사항 정의
❸ 시나리오 설계
및 기법 정의
❺ 결과 분석
❹ 수행
❶ 목표 : 팀 서비스의 사용성 개선. 전시 버전 -> 기말 버전 (Better)
❷ 이슈 :
서비스의 이해, 직관적인가? 서비스의 설명 없이, 사용 후 피드백 듣기
서비스의 설명 후, 피드백 듣기
주요 Task를 문제없이 수행하는가?
❸ 설계 : 주요 Task 프로토타이핑 점검
❹ 수행 : 1명 Pilot + 3명 피실험자 모집 = 총 4명 대상으로 수행
❺ 결과 : 결과 보고서 작성 제출. XD 화면 수정. XD 기말 버전 제출
/ 28
19

20. 기법에 따라 3가지로 분류
❶ 조사법
❷ 검증법
❸ 감정법
사용성 테스트의 종류
/ 28
20
- 우리가 진행할 테스트

21. 발성 사고법
피실험자가 테스트를 진행하면서 보고, 느끼고, 생각한 것을 소리를
내어 말하게 하는 언어적 프로토콜 분석 방법
사용자의 심리를 파악. 녹음과 녹화가 필요
❷ 검증법 : 씽크 어라우드 Think Aloud
/ 28
21

22. 사용자의 수행 과정을 기록해서
사용자의 이동 경로, 검색 로그 등 분석하여 정략적인 데이터로 측정
할 수 있는 방법
예 : iPhone 화면 녹화 방법 or else
예 : PC 화면 녹화 프로그램
❷ 검증법 : 수행도 측정 Performance Measure
/ 28
22

23. 팀 별
주요 Task
작성과
진행에
참고
사용성 테스트 시나리오
/ 28
23
예시 : 항공권 예약 앱 과업 시나리오

24. 사용성 테스트룸 준비
1.조용한 공간에서 진행이 필요하다.
2.녹음, 녹화가 필요하다. 담당자 1명.
3.사용성 테스트를 진행할 진행자 1명과 진행 스크립트가 필요하다.
4.진행 내용을 적을 스트립터가 필요하다. 최소 2명(놓침 대비).
5.팀원 모두 참석해서 진행한다.
확인 Q. 진행 준비물 무엇? 진행 구성원 몇 명? 피실험자 몇 명?
/ 28
24

25. 프로토타이핑의 이해
사용성 테스트의 이해
실습 & 팀 과제 진행
/ 28
25

26. <실습>
실습지 : [B_1]
서
비
스
명
_7_
사
용
성
테
스
트
_
결
과
보
고
서
_YYYYMMDD.docx 활용
사용성 테스트 준비 작성하기
-1 ~ 5번까지 작성 (실습)
/ 28
26

27. 13주 차 이번 주 <과제>
실습지 : [B_1]
서
비
스
명
_7_
사
용
성
테
스
트
_
결
과
보
고
서
_YYYYMMDD.docx 활용
사용성 테스트 수행 결과 제출하기
-1 ~ 6번까지 작성 :
+XD 프로토타입 점검
+피실험자 섭외
+사용성 테스트 수행
피실험자 3명 수행 내용 하나 하나 간결하게 작성, 총 결과 요약
14주 차, 12/12 화, 결과 내용에 대해 팀 미팅
14주 차, 12/12 화, 다음 주 과제 : 7번까지 작성
-개선안 도출, 보고서 PPT 제출, 화면 디자인 수정, XD 기말 버전 제출
/ 28
27

28. kwonjeongeun@naver.com
끝.
다음 주 과제 :
사용성 테스트 준비와 수행 결과 PPT 제출
(12/12, 화 수업 전까지)
/ 28
28