사용성

[사용성 #2] 사용성 테스트 과제 시나리오 작성 방법

전코치의 사용성/리서치/UX 방법론

2024.09.02 | 조회 768 |
0
|
from.
전민수

전코치의 사용성 리서치 UX 방법론

프로덕트 매니저/프로덕트 오너/프로덕트 디자이너를 위한 UI / UX / UX 방법론&프레임워크 소식

Usability testing: how do we design effective tasks의 글을 번역한 글입니다.

사용성 테스트 과제 시나리오 작성 방법

제품의 라이프사이클 전반에 걸쳐 사용성 테스트를 반복적으로 진행해야 합니다. 이 테스트는 간단한 종이 이미지에서부터 클릭 가능한 프로토타입, 완전한 시스템에 이르기까지 다양한 인터페이스를 포함합니다.

인터페이스의 사용성을 평가하기 위해, 사용자에게 해당 인터페이스를 사용해 특정 작업을 수행해 달라고 요청합니다. 수집한 데이터의 정확성을 높이기 위해, 실제 상황에서 사용자가 수행할 법한 작업들을 종합하여 만듭니다. 이렇게 함으로써 우리가 관찰하는 사용자 행동이 대표성을 가지게 되고, 우리가 찾고자 하는 문제도 실제 사용자들이 마주할 수 있는 문제들이 됩니다.

  사진: Unsplash의UX Indonesia
  사진: Unsplash의UX Indonesia

 

사용성 테스트 과제 시나리오 설계하기

처음 사용성 테스트에 대해 배웠을 때, 저는 “그냥 간단한 Task를 주고 사람들이 해결하게 하면 끝이구나!”라고 생각했습니다. 하지만 실제로 첫 번째 사용성 테스트를 해본 후, 상황이 전혀 다르다는 것을 깨달았습니다. 많은 질문이 생겼고, 어디서 시작해야 할지, 어떤 Task를 사용해야 할지 전혀 모르겠더군요. 고려해야 할 세부사항도 너무 많았습니다. 그래서 Task를 신중하게 설계하는 것이 정말 중요합니다.

이제 수백 번의 사용성 테스트를 경험한 저의 노하우를 여러분과 공유하고자 합니다. 효과적인 Task를 만드는 방법은 크게 세 가지 단계로 나눌 수 있습니다.

 

1단계: Task 정하기

하나의 과제 시나리오 Task를 작성하기 전에, 다음 단계를 먼저 진행해 보시기 바랍니다.

1) 사용성 테스트의 명확한 목표 세우기

특히 피드백이 필요한 주요 기능이나 영역을 정하는 것이 중요합니다. 사용성 테스트를 진행할 때는 디자인 팀의 관심사와 요구 사항을 파악하기 위해 그들과 직접 소통해야 합니다.

 

2) 디자인팀과 ‘함께 하기’

완전히 개발되지 않은 초기 프로토타입을 테스트할 때는, 그 프로토타입이 어떻게 작동하는지, 어떤 부분이 잘 작동하고 어떤 부분이 문제가 있는지를 파악하기 위해 디자이너와 함께 프로토타입을 검토하는 것이 중요합니다.

 

3) 최소 3번, Task별 인터페이스 살펴보기

첫 번째 점검에서는 전체적인 흐름과 인터페이스의 상호작용에 대한 개요를 파악할 수 있습니다.

두 번째 점검에서는 '사용자의 입장'에서 생각하며 인터페이스를 살펴보고, 사용자가 경험할 수 있는 모든 가능한 문제에 집중합니다. 이 단계에서 여러분이 사용할 잠재적인 Task를 일부 적기 시작할 수 있는데, 이는 평가해야 할 기능과 예상되는 문제 영역을 포함해야 합니다.

세 번째 점검에서는 인터페이스를 다시 살펴보면서 Task를 발전시키는 데 집중해야 합니다. 이 과정에서 여러분이 만든 Task를 평가하고, 필요에 따라 Task를 추가하거나 제거할 수 있는 기회를 갖게 됩니다. 모든 과정을 마친 후에는 작업할 수 있는 많은 잠재적인 Task 목록을 가지게 될 것입니다.

 

Dumas와 Fox(2008, p1131)는 사용성 테스트에서 사용할 Task 유형에 대해 잘 정리해 주었습니다. 이 내용은 우리가 사용성 테스트 과제에서 사용하는 것과 대부분 유사합니다. 아래에 그 내용을 소개합니다.


(1) 중요한 Task

자주 수행되거나 중요한 기능과 관련된 태스크입니다.

(2) 어려움이 예상되는 Task

평가자가 사용자가 어려움을 겪을 것이라고 생각하는 Task입니다.

(3) 철저한 시스템 조사를 요구하는 Task

시스템의 깊은 부분까지 들어가야만 완료할 수 있는 Task나, 여러 링크나 지름길을 활용하는 Task입니다.

 

(4) 비즈니스 목표에 영향을 미치는 Task

비즈니스 목표에 중요한 영향을 미치는 Task입니다.

 

(5) 재디자인된 영역을 살펴보는 Task

새롭게 디자인 된 부분을 평가하는 Task입니다.

 

(6) 새로운 기능과 관련된 Task

추가된 새로운 기능을 테스트하는 Task입니다.

이 단계에서는 Task 설명을 어떻게 작성해야 할지 고민할 필요가 없습니다. 대신, 여러분이 점검해야 할 모든 부분이 Task에 포함되어 있는지 확인하는 것이 중요합니다

 

2단계. Task 섬세하기 만들기 

Task의 세밀함은 사용성 테스트의 신뢰성, 타당성, 그리고 데이터의 유용성을 결정합니다. 따라서 이 부분을 제대로 진행하는 것이 매우 중요합니다. 다음 사항들을 반드시 고려해야 합니다.

1. 테스트 구성 방식 

 

Task는 다음 두 가지 방식 중 하나로 분류해야 합니다.

1) 직접 Task 또는 시나리오 Task

2) 열린 Task 또는 닫힌 Task

여러분은 어떤 방식을 언제 사용해야 할지 결정해야 합니다.

 

1) 직접 Task 또는 시나리오 Task  

시나리오 태스크는 작은 사용자 스토리처럼 구성됩니다. 일반적으로 캐릭터, 상황, 목표 달성을 위한 필수 세부사항이 포함됩니다. 반면, 직접 Task는 완전히 지시적입니다. 

 

<시나리오 Task>

"여러분은 토요일에 저녁 파티를 열 계획입니다. 그래서 BBC 푸드 웹사이트에서 치킨 카레 레시피를 찾고 싶습니다."

 

반면, 직접 Task는 다음과 같은 시나리오로 구성됩니다.

<직접 Task>

"BBC 푸드 웹사이트에서 치킨 카레 레시피를 찾아보세요."

 

위의 두 가지 유형 중에서, 우리는 보통 테스트에 시나리오 Task를 사용합니다. 이는 참가자들이 쉽게 이해할 수 있는 실제 상황을 모방하기 때문에, 그들이 보다 자연스럽게 행동할 수 있게 도와줍니다. 이렇게 하면 사용자 테스트의 부자연스러움을 크게 줄일 수 있습니다.

<시나리오 Task 예>

"여러분의 무고한 여동생이 이번 토요일에 결혼을 하기로 했는데, 예비 신랑이 이미 결혼했다는 소식을 들었습니다! 여동생을 구하기 위해 가능한 한 빨리 비행기 티켓을 예약하고 싶습니다."

 

2) 닫힌 Task 또는 열린 Task

닫힌 Task는 참가자가 해야 할 일에 초점을 맞추고 있습니다. 이 유형의 Task는 하나의 정답만 존재하기 때문에, 참가자가 Task를 성공적으로 해결했는지 실패했는지를 쉽게 측정할 수 있습니다. 가장 일반적으로 사용되는 방식입니다. 예를 들어, 휴대폰으로 전화하는 방법을 테스트하고 싶다면

<닫힌 Task 예>

"내일 월세를 내겠다고 집주인에게 문자하고 싶습니다. 그녀의 번호는 7921233290입니다."

 

열린 Task는 최소한의 정보만 제공하며, 사용자에게 원하는 행동에 대한 덜 구체적인 지침을 줍니다. 이렇게 하면 사용자가 시스템을 더 자유롭게 탐색할 수 있습니다. 이 방식은 사용자가 어떤 영역에서 지속적으로 상호작용하는지, 또는 어떤 부분에서 문제가 발생하는지를 파악하고 싶을 때 특히 유용합니다.

예를 들어, ABC.com 테스트에서 디자이너들이 사용자가 ABC에 대해 알아내는 데 가장 중요한 정보가 무엇인지 이해하고 싶다면, 열린 Task가 적합합니다. 저는 이 Task를 사용했습니다.

<열린 Task 예>

"여러분은 친구가 'ABC'라는 말을 하는 것을 들었습니다. 그래서 ABC가 무엇인지, 그리고 그것이 여러분에게 어떤 이점을 줄 수 있는지 궁금해졌습니다."

 

열린 Task를 사용할 때는 세 가지 주요 제약이 있습니다.

첫째, 참가자가 Task를 스스로 통제하기 때문에, 필요한 유저 피드백을 놓칠 수 있습니다. 반대로, 사용성 테스트의 핵심이 아닌 부분에 너무 많은 시간을 쏟을 수도 있습니다. 이 문제를 해결하기 위해 여러 개의 닫힌 Task를 준비해 특정 기능을 놓쳤을 때 보완할 수 있습니다.

둘째, 일부 참가자는 어디를 봐야 할지, 언제 Task를 완료했는지 불확실하게 느낄 수 있습니다. 또 다른 참가자들은 사용성 테스트를 빨리 끝내고 싶어 하여 충분히 노력하지 않을 수도 있습니다.

셋째, 열린 Task는 성공률을 측정할 수 없고 정답이 없기 때문에 성과 비교가 필요할 경우 적합하지 않습니다.

 

2. Task의 표현 

 

1) 유저를 특정한 답으로 유도하는 Task 단서는 피하세요.

Task를 만들 때, 참가자가 수행해야 할 행동이나 시스템에서 사용되는 용어가 포함되지 않았는지 확인하세요. 예를 들어, OO 사용성 테스트에서는 참가자가 모든 인형을 탐색하는 데 사용하는 '탐색' 링크를 이해하고 있는지 알고 싶었습니다. 그래서 우리는 참가자들에게 '당신은 인형을 탐색하고 싶다'고 말하는 대신, 인형의 종류를 찾아보라고 요청했습니다.

 

2) 현실적이되 애매모호함은 피하세요.

Task는 실제 상황에서 수행할 수 있어야 하며, 그 설명은 명확해야 합니다. 애매모호한 표현은 피해야 합니다.

 

3) 적절한 수준의 디테일을 보장하세요.

참가자가 무엇을 해야 하는지 알 수 있도록 충분한 정보를 제공하되, 자연스럽게 탐색하는 데 방해가 되지 않도록 해야 합니다. 컨텍스트 설명은 너무 길지 않아야 하며, 그렇지 않으면 참가자는 집중력을 잃고 잊어버릴 수 있습니다.

닫힌 Task를 사용할 때는 참가자가 목표를 달성했는지 알 수 있을 만큼 구체적인지 확인해야 합니다. 예를 들어, '당신은 친구에게 사진을 보여주고 싶다'와 '당신은 친구에게 소 그림을 보여주고 싶다'라는 두 설명을 비교해보세요. 어떤 것이 더 나은가요? 첫 번째 설명은 목표가 불분명해서 참가자가 아무 사진이나 보여주고 Task를 완료했다고 생각할 수 있습니다. 이렇게 되면 사용성 문제를 놓칠 수 있습니다. 반면 두 번째 설명은 요구사항을 더 효과적으로 전달합니다. 이 경우, 참가자는 소 그림을 찾는 것이 목표가 되어, 네비게이션과 인터랙션을 평가할 수 있는 기회를 제공합니다.

==================================

[모집중] "UX 원칙 가이드라인" 강좌 소개합니다.

선착순 10명 !!! "4주 완성! UX 원칙 가이드라인" 🌟10월7일(월) 개강 !!!

아래 링크 클릭시, 강좌 소개 페이지로 이동됩니다.

https://ebprux.liveklass.com/cu/qzJvCEEK

 

실무에 필요한 모든 내용을 담았습니다 🗂️

UX 실무에 필요한 모든 UX 원칙을 담았어요! UX 디자인 원칙까지 실무에서 바로 활용할 수 있도록 ✏️

PM이라면 반드시 알아야 하는 UX 원칙 가이드라인 원칙

본 강의는 UI, 인터랙션에서 UX 디자인 원칙까지 실무에서 바로 활용할 수 있는 내용들을 정리한 강의입니다. UX 실무에 필요한 모든 UX 원칙을 담았습니다!

UX 원칙 가이드 다양한 실무 Case Study 외 관련 이론에 대한 UX 원칙 가이드 개념을 명확히 정립하는 시간을 갖게 됩니다.

이런걸 배워요

  • UX 디자인 원칙 가이드 정립
  • 컴포넌트 UX 원칙
  • UX 문제 정의 / UX 분석 노하우
  • 자사 제품 분석 / 경쟁사 제품 분석 노하우

[챌린지] UX 디자인 가이드라인 수강 신청 시 주의 사항

플립드 러닝(Flipped Learning) 수업 방식으로 인해, 선착순 10명입니다. (수업 관련 외 Case Study 강의 및 Q&A 집중!!!! 소수 정예 수업!!!)

[챌린지] UX 디자인 가이드라인 프로그램 소개

폼 입력 행위 작업 줄이기, Context 내비게이션, 행동유도버튼의 어포던스, 간결성, 주목성, 인식성 등 필수!!!! 깊게 강의할 예정입니다.

총 4회, 총 12시간, 줌 Live 강의 형태로 진행합니다 🔥

(1주차 Live 수업: 3시간)
(2주차 Live 수업: 3시간)
(3주차 Live 수업: 3시간)
(4주차 Live 수업: 3시간)

매회 Live 수업은, [VOD 커리큘럼 관련] 
수업 관련 외 Case Study 및 Q&A 중심으로 수업이 진행됩니다.

개인 사정으로 인해 Live 수업 미참석를 위해  강의 종료 후 24시간 이내 녹화본 제공합니다.  

수업 당일 라이브클래스에  강의 자료 PDF 제공합니다. 

수강 정원: 선착순 10명입니다. 

수강료 : 98,000원

VOD & Live 수업 녹화본(다시보기) 영상 시청 기간은, 수강 신청 이후 365일 입니다

[챌린지 혜택 !!!!]


챌린지 도전에 성공한 수강생 모두에게, 다른 챌린지 UX 과정 50% 할인 쿠폰 드립니다.
(예. 98,000원 > 챌린지 도전 성공한 수강생에게 드리는 할인 쿠폰 50% 적용 시 > 49,000원) 

[챌린지 성공 시, 50% 할인 쿠폰 적용, 또 다른 챌린지 UX 수강 과정은 다음과 같습니다]

챌린지 1. 휴리스틱 평가 
(10월 오픈 예정) 
챌린지 2. 사용성 테스트 
(10월 오픈 예정) 
챌린지 3. UX 리서치 
(11월 오픈 예정) 
챌린지 4. UX 인지심리학 A-Z 
(11월 오픈 예정) 
챌린지 5. UX 디자인 설계 A-Z 
(11월 오픈 예정) 
챌린지 6. UX 디자인 첫걸음 
(11월 오픈 예정) 

[챌린지  > 성공 기준]


아래 3가지 조건, 모두 충족되어야 합니다

1. VOD(총 209개) 80% 이상 수강

2. Live 수업 총 4회 중 3회 이상 출석 
(사정상 Live 수업 참석 못하는 경우, Live 녹화본 다시보기 완료시 출석 인정) 

3. 총 4회 Live 수업 중 1회 이상 질문하신 분
(VOD 강의 내용 중 궁금한 것 미리 체크한 후 !!!! Live 수업할 때 강사님께 질문 하면 됩니다 ㅎㅎ)

[챌린지] UX 디자인 가이드라인 과정은 플립드 러닝(Flipped Learning) 수업 방식으로 진행됩니다.

플립드 러닝(Flipped Learning) 수업이란? 플립드 러닝은 전통적인 수업 방식과 반대로, 수강생들이 수업 전에 비디오나 자료를 통해 기본 개념을 사전에 학습하고, 수업 시간에는 그 내용을 바탕으로 심화 학습, 토론, 문제 해결 등을 진행하는 방식입니다. 이 접근법은 수강생들이 능동적으로 참여하고, 개인의 학습 속도에 맞춰 공부할 수 있도록 돕습니다.

플립드 러닝(Flipped Learning) 수업 방식을 적용했을 때 수강생이 얻는 기대효과

1) 기본 이해도 향상
VOD 영상을 통해 수업의 기본 개념이나 내용을 미리 학습함으로써, 수강생은 Live 수업에서 다루어질 내용을 더 잘 이해할 수 있습니다. 이는 수업에 대한 자신감을 높입니다.

2) 질문 준비
VOD를 시청한 후, 수강생은 궁금한 점이나 이해가 안 되는 부분을 정리할 수 있습니다. 이를 통해 Live 수업에서 더 효과적으로 질문하고, 강사와의 상호작용을 극대화할 수 있습니다.

3) 시간 활용의 효율성
VOD 영상을 통해 수업의 기본 내용을 미리 습득하면, Live 수업에서는 더 심화된 내용이나 사례 중심의 활동에 집중할 수 있습니다. 이는 수업 시간을 더 효율적으로 활용하는 데 도움이 됩니다
.

4) 개별 학습 속도 조절
수강생은 자신의 속도에 맞춰 VOD를 시청할 수 있으므로, 개념을 천천히 이해하고 반복해서 학습할 수 있습니다. 이는 각자의 학습 스타일에 맞춰 학습 효과를 극대화할 수 있게 합니다.

5) 집중력 향상
미리 VOD를 시청한 수강생은 Live 수업에서 이미 알고 있는 내용을 반복적으로 듣지 않게 되어, 더 집중할 수 있습니다. 새로운 정보나 심화된 내용을 듣는 데 더 많은 에너지를 쏟을 수 있습니다.

6) 상호작용의 질 향상
미리 학습한 수강생들은 Live 수업 중 보다 적극적으로 참여할 가능성이 높습니다. 이는 강사와의 상호작용을 더욱 풍부하게 만들어, 전체적인 수업의 질을 높이는 데 효과적입니다.

이제부터 [UX 원칙 가이드 1기] 플립드 러닝(Flipped Learning) 세부 커리큘럼에 대해 알아볼까요?

[1주차]

챌린지 플립드 러닝(Flipped Learning) VOD 수업:

"UX 디자인 가이드라인 개념"

1. PM에게 있어 UX 디자인 가이드 원칙이 중요한 이유는?

2. UI/UX 분석(UX 디자인 가이드 원칙) 대분류 모형에 대해 알아볼까요!

3. 단축성이란?

4. 반응성이란?

5. 사전방지성이란?

6. 오류발생감지성이란?

7. 오류회복성이란?

8. 가독성이란?

9. 논리성이란?

10. 이해성이란?

11. 기억성이란?

12. 변화제시성이란?

13. 사용자주도권이란?

14. 시스템주도권이란?

15. 대체성이란?

16. 다중성이란?

17. 친숙성이란?

18. 예측가능성이란?

19. 외부적일관성과 내부적 일관성이란?

[1주차] 챌린지 줌 Live 수업:

"UX 디자인 가이드라인 개념"

10월7일(월) PM 21시 - PM 23시 59분 (3시간)

1부. 1주차 수업 관련 핵심 내용 및 Case Study 강의 (2시간 30분)

2부. 1주차 수업 관련 Q&A_무엇이든지 물어보세요 (30분)

[2주차] 챌린지 플립드 러닝(Flipped Learning) VOD 수업:

"단축성, 반응성"

1. [VOD] [단축성 > 검색절차 줄이기] 상세 검색

2. [VOD] [단축성 > 검색절차 줄이기] 인기검색

3. [VOD] [단축성 > 검색절차 줄이기] 자동완성 검색어

4. [VOD] [단축성 > 검색절차 줄이기] 초성 검색

5. [VOD] [단축성 > 검색절차 줄이기] 최근 검색

6. [VOD] [단축성 > 검색절차 줄이기] 통합 검색

7. [VOD] [단축성 > 검색절차 줄이기] 정렬 검색

8. [VOD] [단축성 > 검색절차 줄이기] 연관 검색

9. [VOD] [단축성 > 검색절차 줄이기] 기간 검색

10. [VOD] [단축성 > 선택 행위 최소화] 버튼

11. [VOD] [단축성 > 선택 행위 최소화] 긍정적 버튼

12. [VOD] [단축성 > 선택 행위 최소화] 주요 액션 버튼

13. [VOD] [단축성 > 선택 행위 최소화] 삭제 버튼

14. [VOD] [단축성 > 선택 행위 최소화] 드롭다운 메뉴

15. [VOD] [단축성 > Context 내비게이션] 링크

16. [VOD] [단축성 > Context 내비게이션] Top 버튼

17. [VOD] [단축성 > Context 내비게이션] 추천 정보

18. [VOD] [단축성 > 반복적 행위 최소화] 이전 입력 행위 최소화

19. [VOD] [단축성 > 반복적 행위 최소화] 공통적 입력 행위 추천

20. [VOD] [단축성 > 반복적 행위 최소화] 개별 입력 추천

21. [VOD] [단축성 > 반복적 행위 최소화] 필수 입력 사항 자동 저장

22. [VOD] [단축성 > 반복적 행위 최소화] 즐겨찾기

23. [VOD] [단축성 > 반복적 행위 최소화] 팝업

24. [VOD] [단축성 > 입력 행위 최소화] 입력 필드

25. [VOD] [단축성 > 뎁스 최소화] 주요 서비스

26. [VOD] [단축성 > 뎁스 최소화] 자주 이용하는 서비스

27. [VOD] [반응성 > 다음 선택 행위 유도] 행동유도 버튼 (CTA 버튼)

28. [VOD] [반응성 > 다음 선택 행위 유도] 시그니파이어

29. [VOD] [반응성 > 다음 선택 행위 유도] LNB 메뉴

30. [VOD] [반응성 > 다음 선택 행위 유도] 더보기 버튼

31. [VOD] [반응성 > 다음 선택 행위 유도] 재생 버튼

32. [VOD] [반응성 > 다음 선택 행위 유도] 옵션 버튼

33. [VOD] [반응성 > 다음 선택 행위 유도] 토글 버튼

34. [VOD] [반응성 > 다음 선택 행위 유도] 링크

34 [VOD] [반응성 > 다음 입력 행위 유도] 키패드 입력

35. [VOD] [반응성 > 다음 입력 행위 유도] 화면 인터랙션 전환

36. [VOD] [반응성 > 다음 입력 행위 유도] 리뷰

37. [VOD] [반응성 > 즉각적 선택 행위 인지] 아이콘

38. [VOD] [반응성 > 즉각적 선택 행위 인지] 재생 행위

39. [VOD] [반응성 > 즉각적 선택 행위 인지] 필드

40. [VOD] [반응성 > 즉각적 선택 행위 인지] 키패드

41. [VOD] [반응성 > 현재 위치 상태 인지] 페이지 이름

42. [VOD] [반응성 > 현재 위치 상태 인지] 단계(Step)

43. [VOD] [반응성 > 현재 위치 상태 인지] 로그인 전/후

44. [VOD] [반응성 > 현재 위치 상태 인지] 내비게이션 탭바

45. [VOD] [반응성 > 현재 위치 상태 인지] 탭

46. [VOD] [반응성 > 현재 위치 상태 인지] 새창

47. [VOD] [반응성 > 현재 위치 상태 인지] 시그니파이어

48. [VOD] [반응성 > 현재 위치 상태 인지] 구간 선택

49. [VOD] [반응성 > 현재 위치 상태 인지] 이미지 선택

[2주차]

챌린지 줌 Live 수업:

"단축성, 반응성"

10월14일(월) PM 21시 - PM 23시 59분 (3시간)

1부. 2주차 수업 관련 핵심 내용 및 Case Study 강의 (2시간 30분)

2부. 2주차 수업 관련 Q&A_무엇이든지 물어보세요 (30분)

[3주차]

챌린지 플립드 러닝(Flipped Learning) VOD 수업: "사전방지성, 오류발생감지성, 오류회복성"

1. [VOD] [사전방지성 > 입력 실수 방지] 개념

2. [VOD] [사전방지성 > 입력 실수 방지] 주의사항

3. [VOD] [사전방지성 > 입력 실수 방지] 플레이스 홀더 텍스트

4. [VOD] [사전방지성 > 입력 실수 방지] 시각적 단서

5. [VOD] [사전방지성 > 입력 실수 방지] 필드

6. [VOD] [사전방지성 > 입력 실수 방지] 제한

7. [VOD] [사전방지성 > 잘못된 실수 방지] 비활성화 버튼

8. [VOD] [사전방지성 > 잘못된 실수 방지] 버튼

9. [VOD] [사전방지성 > 잘못된 실수 방지] 메뉴

10. [VOD] [사전방지성 > 잘못된 실수 방지] 페이지네이선

11. [VOD] [사전방지성 > 잘못된 실수 방지] 링크

12. [VOD] [사전방지성 > 잘못된 실수 방지] 필수, 선택 옵션

13. [VOD] [사전방지성 > 잘못된 실수 방지] 드롭다운 버튼

14. [VOD] [사전방지성 > 재확인] 입력

15. [VOD] [사전방지성 > 재확인] 전송 정보

16. [VOD] [사전방지성 > 재확인] 검색 조건

17. [VOD] [사전방지성 > 재확인] 개인정보 보호

18. [VOD] [사전방지성 > 재확인] 챗봇

19. [VOD] [사전방지성 > 지능형 실수 알림] 개념

20. [VOD] [오류발생감지성 > 실시간 알림] 개념

21. [VOD] [오류발생감지성 > 실시간 알림] 인라인

22. [VOD] [오류발생감지성 > 실시간 알림] 피드백 아이콘

23. [VOD] [오류발생감지성 > 실시간 알림] 대화창

24. [VOD] [오류발생감지성 > 메시지] 간결한 용어

25. [VOD] [오류발생감지성 > 메시지] 친절한 표현

26. [VOD] [오류회복성 ] 원상태 회복

27. [VOD] [오류회복성] 되돌아가기 (이전 행위 페이지)

28. [VOD] [오류회복성] 임시저장

29. [VOD] [오류회복성 > 취소] 전송

30. [VOD] [오류회복성 > 취소] 행위

31. [VOD] [오류회복성 > 취소] 클리어 아이콘

32. [VOD] [오류회복성 > 취소] 친절한 표현

33. [VOD] [오류회복성 > 취소] 새창 모달

34. [VOD] [오류회복성 > 취소] 키패드

35. [VOD] [오류회복성 > 초기화] 상세 검색

36. [VOD] [오류회복성 > 초기화] 전체 동의 해제

37. [VOD] [오류회복성 > 초기화] 홈으로 이동

38. [VOD] [오류회복성 > 문제 해결 대안 제시] 재시도

39. [VOD] [오류회복성 > 문제 해결 대안 제시] 사용자 대처 방안

40. [VOD] [오류회복성 > 문제 해결 대안 제시] 시스템 자동으로 오류 수정

41. [VOD] [오류회복성 > 문제 해결 대안 제시] 상세한 설명

42. [VOD] [오류회복성 > 문제 해결 대안 제시] 오프라인 지원 서비스 연계

[3주차] 챌린지 줌 Live 수업: 

"사전방지성, 오류발생 감지성, 오류회복성"

10월21일(월) PM 21시 - PM 23시 59분 (3시간)

1부. 3주차 수업 관련 핵심 내용 및 Case Study 강의 (2시간 30분)

2부. 3주차 수업 관련 Q&A_무엇이든지 물어보세요 (30분)

[4주차] 챌린지 플립드 러닝(Flipped Learning) VOD 수업:"가독성, 논리성, 이해성, 기억성, 변화제시성, 사용자주도권, 시스템 주도권, 대체성, 다중성, 친숙성, 예측가능성, 일관성"

1. [VOD] [가독성 > 간결성] 레이아웃

2. [VOD] [가독성 > 간결성] 여백

3. [VOD] [가독성 > 간결성] GNB

4. [VOD] [가독성 > 간결성] 하단 내비게이션

5. [VOD] [가독성 > 간결성] 버튼 제공 최소화

6. [VOD] [가독성 > 간결성] 폼 필드 최소화

7. [VOD] [가독성 > 간결성] 최소한의 정보 제공

8. [VOD] [가독성 > 간결성] 메뉴 목록

9. [VOD] [가독성 > 간결성] 색상 적용 최소화

10. [VOD] [가독성 > 간결성] 옵션

11. [VOD] [가독성 > 간결성] 안내 문구 최소화

12. [VOD] [가독성 > 간결성] 메시지

13. [VOD] [가독성 > 간결성] 대화창

14. [VOD] [가독성 > 간결성] 썸네일 이미지

15. [VOD] [가독성 > 간결성] 아이콘

16. [VOD] [가독성 > 간결성] 검색창 영역 최소화

17. [VOD] [가독성 > 간결성] 검색 결과 목록 최소화

18. [VOD] [가독성 > 주목성] 정보의 강약

19. [VOD] [가독성 > 주목성] 버튼

20. [VOD] [가독성 > 인식성] 로고 영역

21. [VOD] [가독성 > 인식성] 브랜드 메시지

22. [VOD] [가독성 > 인식성] 상단 메뉴 영역

23. [VOD] [가독성 > 인식성] 하단 내비게이션

24. [VOD] [가독성 > 인식성] 탭

25. [VOD] [가독성 > 인식성] 유틸리티 영역

26. [VOD] [가독성 > 인식성] 검색창 영역

27. [VOD] [가독성 > 인식성] 레이아웃

28. [VOD] [가독성 > 인식성] 링크

29. [VOD] [가독성 > 인식성] 버튼

30. [VOD] [가독성 > 인식성] 폼

31. [VOD] [가독성 > 인식성] 텍스트

32. [VOD] [가독성 > 인식성] 옵션

33. [VOD] [가독성 > 인식성] 이미지

34. [VOD] [가독성 > 인식성] 캐러셀 디자인

35. [VOD] [가독성 > 인식성] 색상

36. [VOD] [가독성 > 인식성] 아이콘

37. [VOD] [가독성 > 인식성] 숫자

38. [VOD] [가독성 > 인식성] 날짜

39. [VOD] [가독성 > 인식성] 블릿

40. [VOD] [논리성 > 정보 제공의 우선 순위] 상단 메뉴, 유틸리티 메뉴

41. [VOD] [논리성 > 정보 제공의 우선 순위] 탭 메뉴

42. [VOD] [논리성 > 정보 제공의 우선 순위] 메뉴 목록

43. [VOD] [논리성 > 정보 제공의 우선 순위] 검색 결과

44. [VOD] [논리성 > 정보 제공의 우선 순위] 화면 영역

45. [VOD] [논리성 > 정보 제공의 우선 순위] 화면 위치

46. [VOD] [논리성 > 유사 속성 그룹핑] 메뉴

47. [VOD] [논리성 > 유사 속성 그룹핑] 폼

48. [VOD] [논리성 > 유사 속성 그룹핑] 화면 영역

49. [VOD] [논리성 > 화면 요소의 시각적 우선순위] 자주 찾는 서비스

50. [VOD] [논리성 > 유사 속성 그룹핑] 기능

51. [VOD] [논리성 > 유사 속성 그룹핑] 부가 기능

52. [VOD] [논리성 > 유사 속성 그룹핑] 메시지

53. [VOD] [논리성 > 유사 속성 그룹핑] 타이틀

54. [VOD] [논리성 > 유사 속성 그룹핑] 날짜

55. [VOD] [논리성 > 유사 속성 그룹핑] 데이터

56. [VOD] [논리성 > 화면 요소의 시각적 우선순위] 버튼 배치순

57. [VOD] [논리성 > 화면 요소의 시각적 우선순위] 항목 및 옵션

58. [VOD] [논리성 > 화면 요소의 시각적 우선순위] 문맥

59. [VOD] [논리성 > 화면 요소의 시각적 우선순위] 아이콘 모양

60. [VOD] [이해성 > 직관성] 목적 지향성 안내

61. [VOD] [이해성 > 직관성] 하단 내비게이션

62. [VOD] [이해성 > 직관성] 메뉴

63. [VOD] [이해성 > 직관성] 메시지

64. [VOD] [이해성 > 직관성] 헤드 타이틀

65. [VOD] [이해성 > 직관성] 서브 타이틀

66. [VOD] [이해성 > 직관성] 검색어 타이틀

67. [VOD] [이해성 > 직관성] 버튼 레이블

68. [VOD] [이해성 > 직관성] 아이콘 레이블

69. [VOD] [이해성 > 직관성] 폼 레이블

70. [VOD] [이해성 > 직관성] 키패드

71. [VOD] [이해성 > 직관성] 로딩

72. [VOD] [이해성 > 직관성] 내용 전달

73. [VOD] [이해성 > 직관성] 전문적 의미 배제

74. [VOD] [이해성 > 직관성] 안내 레이블

75. [VOD] [이해성 > 직관성] 플레이스 홀더 텍스트

76. [VOD] [이해성 > 친절성] 내용 전달

77. [VOD] [이해성 > 친절성] 전문적 의미 배제

78. [VOD] [이해성 > 친절성] 안내 레이블

79. [VOD] [이해성 > 도움말] 플레이스 홀더 텍스트

80. [VOD] [기억성 > 나의 이전 행위 알려주기] 개념

81. [VOD] [기억성 > 입력 행위 부담 최소화] 개념

82. [VOD] [변화제시성 > 시스템 데이터 신뢰성] 개념

83. [VOD] [변화제시성 > 업데이트 시점] 개념

84. [VOD] [사용자 주도권 > 편집] 개념

85. [VOD] [사용자 주도권 > 조작] 개념

86. [VOD] [사용자 주도권 > 제어] 개념

87. [VOD] [사용자 주도권 > 개인화] 개념

88. [VOD] [시스템 주도권 > 행위 제한] 개념

89. [VOD] [대체성 > 다양한 유입 경로] 개념

90. [VOD] [대체성 > 다양한 조작 행위 방식] 개념

91. [VOD] [대체성 > 다양한 탐색 유형] 개념

92. [VOD] [다중성 > 다중 선택] 개념

93. [VOD] [다중성 > 동시 수행] 개념

94. [VOD] [친숙성 ] 개념

95. [VOD] [예측가능성 ] 개념

96. [VOD] [외부적 일관성 > 유사 패턴 ] 개념

97. [VOD] [외부적 일관성 > 제스처 행위] 개념

98. [VOD] [내부적 일관성] 개념

[4주차] 챌린지 줌 Live 수업:

"가독성, 논리성, 이해성, 기억성, 변화제시성, 사용자주도권, 시스템 주도권, 대체성, 다중성, 친숙성,예측가능성, 일관성"

10월28일(월) PM 21시 - PM 23시 30분 (3시간)

1부. 4주차 수업 관련 핵심 내용 및 Case Study 강의 (2시간 30분)

2부. 4주차 수업 관련 Q&A_무엇이든지 물어보세요 (30분)

https://ebprux.liveklass.com/cu/qzJvCEEK

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

전코치의 사용성 리서치 UX 방법론 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

© 2024 전코치의 사용성 리서치 UX 방법론

프로덕트 매니저/프로덕트 오너/프로덕트 디자이너를 위한 UI / UX / UX 방법론&프레임워크 소식

자주 묻는 질문 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울 서초구 강남대로53길 8, 8층 11-7호

이용약관 | 개인정보처리방침 | 정기결제 이용약관