사용성

[사용성 #1] 사용성 테스트 앞서 가설 설계하라!

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

2024.08.26 | 조회 898 |
0
|
from.
전민수

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

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

사용성 테스트 앞서 가설 설계하라!

Boxesandarrows에 올라온 Avi Soudack의 글 Don’t Test Users, Test Hypotheses을 전문 번역한 글입니다.

 

“당신이 만든 디자인이든, 다른 사람의 디자인이든, 답을 얻고자 하는 질문을 정하는 것에서 시작하라.”

“당신의 유저를 관찰하라.”

이는 대부분의 인터페이스 디자이너와 사용자 경험 전문가들이 동의하는 격언입니다. 하지만 어떻게 “관찰”할 것인가? 무엇을 찾아야 할까? 나는 웹사이트나 어플리케이션을 테스트할 때 유저의 행동에 대한 가설을 세우는 것이 관찰 프로세스를 명확히 하고, 구조화된 데이터 수집 및 분석, 리서치 결과 정리에 큰 도움이 된다는 것을 알게 되었습니다.

유저 테스팅은 일반적으로 일종의 낚시 여행처럼 구성됩니다. 미끼(유저)를 던져 어플리케이션이나 사이트의 깊은 곳으로 끌어내고, 어떤 물고기(결함)가 미끼를 물어오는지를 살펴보는 것입니다. 이는 가치 있는 접근법이며 오랜 세월에 걸쳐 그 유효성이 입증된 방법입니다. 그러나 결함을 찾아내기 시작할 때, 몇 가지 어려운 질문이 우리에게 주어집니다. 예를 들어, 언제 테스트를 마칠 것인가? 사이트나 어플리케이션을 완전히 테스트하기 전에 얼마나 많은 결점을 찾아야 하는가? 결점을 발견했다면, 그것이 얼마나 심각한지 어떻게 알 수 있으며, 무엇으로 측정할 수 있는가? 반복적인 테스팅을 진행할 때, 이전 버전의 테스트 결과와 현재 버전의 테스트 결과를 어떻게 비교할 것인가?

이런 문제들을 고민하면서 유저 테스팅을 디자인 프로세스에 효과적으로 적용하는 방법은, 조사하고자 하는 주요 이슈를 명확하게 정의하고, 유저가 특정 상황에서 어떤 행동을 할지를 예측하는 것입니다.

예를 들어, 쇼핑 웹사이트의 사용자 경험을 리뷰해 달라는 요청을 받았을 때, 처음 본 순간 “사용자들은 절대 가격 페이지를 찾지 못할 것이다”라는 생각이 들었다고 가정해봅시다. 이와 같은 예감을 명확한 예측이나 가설로 바꿈으로써, 디자인팀은 테스팅이나 리서치 결과의 신뢰성을 더욱 높일 수 있을 것입니다.

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

Here’s how to do it

당신이 만든 디자인이든, 다른 사람의 디자인이든, 먼저 답을 얻고자 하는 질문을 정하는 것에서 시작하세요. 디자인에 숨겨진 가정을 명확히 하고, 유저의 행동을 예측해 그들이 어떻게 행동할지를 바탕으로 가설을 세우는 것이 첫 번째 단계입니다. 그 다음, 이러한 가설을 검증하기 위한 테스트를 계획하세요. 이렇게 하면 결과가 어떻든 간에, 디자인에 대한 구체적이고 유용한 정보를 얻을 수 있을 것입니다.

나는 동료 Dianne Davis와 함께 수년에 걸쳐 웹사이트와 애플리케이션을 테스트하는 이 접근법을 발전시켜왔습니다. 우리는 모든 디자인이 사람들의 반응과 행동을 예측한다는 아이디어에서 출발합니다. 이러한 예측을 명확한 언어로 표현하고 가설로 만드는 것은 사용성 리서치의 초점을 분명히 하여, 유저가 아닌 “디자인 자체를 테스트”할 수 있는 기회를 제공합니다.

 

Testing the design

디자인을 테스트하는 첫 번째 단계는 가설을 세우는 것입니다. 우리는 사이트나 애플리케이션에 대한 포괄적인 리뷰에서 시작하며, 이 과정에서 관련된 휴리스틱방법을 활용합니다. 사이트 리뷰는 디자이너들이 작성한 프로젝트 문서, 즉 요구 사항, 사양, 창의적 브리프 등에 기록된 목표나 철학에 맞춰 진행됩니다. 이는 사이트가 그 디자인에 잘 맞는지를 명확히 파악하는 데 매우 중요합니다.

이 시점에서 디자인 팀의 목표를 명확히 하고, 유저 행동에 대한 추측을 분명히 표현하기 위해 팀원들을 적극적으로 참여시키는 것이 중요합니다. 이렇게 하면 테스트의 결과는 우리의 질문이 아니라 그들의 질문에 대한 답이 될 것입니다. 만약 우리가 직접 만든 디자인을 테스트한다면, 이는 디자인을 비판적으로 되돌아보고 주요 예측과 가정을 밝힐 수 있는 기회가 됩니다.

초기 리뷰는 많은 "결점"과 유저 행동에 대한 질문을 만들어냅니다. 우리는 유저가 어려움을 겪을 가능성이 있는 부분, 디자인 목표를 달성하지 못하는 요소, 사용하지 않을 기능 등을 파악할 수 있습니다. 이러한 부분들은 단순한 "결점"이 아니라 잠재적인 문제이자 유저 행동에 대한 추측으로 바라보게 됩니다. 이제 우리는 각 이슈를 단순한 예측이 아니라 "테스트 가능한" 요소로 인식하게 됩니다. 아마도 이슈가 심각한지, 사용자 경험과 작업 완수에 영향을 미치는지에 대한 우리의 직관이나 이전 경험이 이를 알려줄 수 있지만, 유저에게 테스트하기 전까지는 확신할 수 없습니다. 여기서 가설의 중요성이 강조됩니다.

이러한 예측과 추측은 유저 행동에 대한 비공식적인 가설이 됩니다. 예를 들어, 자동화 제조회사의 사이트를 리뷰할 때, 우리는 유저가 제품 상세 사진을 보여주는 팝업창을 보지 못하거나 사용하지 않을 것이라고 추측했습니다. 심지어 유저가 그런 사진을 찾고 있을 때도 그 링크를 클릭하지 않을 것이라고 가정했습니다. 즉, 우리의 가정은 '대부분의 유저는 그 팝업창을 찾지 않을 것'이라는 것입니다. 만약 대다수 유저가 실제로 링크를 찾거나 사용한다면, 우리의 가설은 틀린 것이고, 그 디자인 예측은 지지를 받게 됩니다. 반대로, 유저가 링크를 찾지 않는다면 무엇을 수정해야 할지 알 수 있게 됩니다.

또 다른 연구에서는 페인트 색상 조합 소프트웨어의 재디자인된 인터페이스를 테스트했습니다. 이 어플리케이션은 작업 순서에 대한 지표가 부족했기 때문에 유저가 어려움을 겪을 것이라고 예상했습니다. 우리는 유저가 다음에 무엇을 해야 할지 모를 것이라고 가정했고, 이를 통해 검토해야 할 영역을 밝혀낼 수 있었습니다.

 

Testing users testing the design

유저의 행동에 대한 가설이나 예측은 다양한 시나리오와 작업을 개발하고 개선하는 데 도움을 줍니다. 가설 테스트 접근법의 두 번째 단계에서는 전통적인 사용성 인터뷰, 관찰, 측정 방법을 사용하여 유저를 대상으로 연구를 진행합니다. 이 과정에서 가설을 검토하고 질문에 대한 답을 찾고자 하는 욕구는 작업 선정, 관찰, 인터뷰, 데이터 분석, 그리고 최종 리포트 작성 등 모든 과정에 영향을 미칩니다.

만약 우리가 설정한 가설이 유저의 유형과 관련이 있다면, 표본 선택과 연구 설계에도 중요한 영향을 미칠 수 있습니다. 예를 들어, 교육 사이트를 테스트할 때, 플래시 기반의 애니메이션 도입부가 특정 오디언스인 아이들에게는 흥미를 끌 수 있지만, 다른 그룹인 선생님들에게는 귀찮은 요소가 될 것이라고 예상했습니다. 이를 바탕으로 우리는 각 카테고리에 충분한 유저를 참여시켜 두 그룹이 이 기능을 사용하는 방식의 차이를 비교했습니다. 그러나 결과적으로 우리는 예상과 달리 모든 아이들이 "Skip Intro" 버튼을 눌렀다는 사실을 알게 되었습니다.

유저의 행동에 대한 가설과 예측은 과제 시나리오 개발과 사용성 과업을 개선하는 데 중요한 역할을 합니다. 따라서 핵심 과제 선정 과업은 프로젝트의 이용 사례나 시나리오에서 도출되어야 합니다.

 

Watching and listening

이러한 접근법은 유저를 관찰하고 데이터를 수집하는 방법에도 영향을 미칩니다. 우리는 유저가 겪는 모든 결점이나 문제를 기록하지만, 특히 우리가 정의한 “병목구간”과 “rabbit holes”에 집중하여 유저 행동을 관찰합니다. 여러 관찰자와 함께 작업할 때는 가설을 공통의 판단 기준으로 활용하여, 동일한 요소를 관찰할 때 조사 결과를 쉽게 비교하고 통합할 수 있습니다.

예를 들어, 우리가 온라인 쇼핑 사이트를 테스트한다고 가정해봅시다. 이때 우리는 유저가 제품을 찾거나 결제하는 과정에서 겪는 모든 문제를 기록합니다. 특히, 유저가 자주 멈추거나 혼란스러워하는 부분인 “병목구간”과 불필요하게 클릭을 반복하는 상황인 “rabbit holes”에 집중하여 관찰합니다.

또한, 여러 명의 관찰자가 함께 작업할 경우, 우리는 미리 설정한 가설을 기준으로 삼아 동일한 문제를 관찰합니다. 예를 들어, "유저는 결제 버튼을 쉽게 찾지 못할 것이다"라는 가설이 있다면, 모든 관찰자가 이 버튼을 찾는 데 걸리는 시간, 문제 요인 등을 기록하여 결과를 비교할 수 있습니다. 이렇게 하면 조사 결과를 쉽게 통합하고, 어떤 문제가 더 심각한지 판단하는 데 도움이 됩니다

유저 관찰 방법은 관찰자가 자신의 편견과 기대를 배제하기 위해 노력하는 에스노그래픽 접근법에 기반합니다. 제가 제안하는 가설 기반 방법은 이 전통적인 관찰 방식을 두 가지 방법으로 보완합니다

첫째, 이 방법은 전통적인 관찰법을 대체하기 위한 것이 아니라 보완하기 위한 것입니다. 유저가 테스트를 수행할 때, 우리의 예측과 관계없이 유저의 행동을 세심하게 기록해야 합니다. 이렇게 하면 이전에 발견되지 않았던 문제들을 찾아내고 유저가 예상치 못한 행동을 하는 모습을 관찰할 수 있습니다. 유저를 직접 보고 듣는다면, 그들은 자신이 사용하는 도구와 기기, 제품에 대해 흥미로운 통찰을 제공할 것입니다.

가설이 관찰을 보완하는 두 번째 이유는 기대를 명확히 표현함으로써 중요한 문제에 대한 편향을 경계할 수 있도록 돕기 때문입니다. 에스노그래피는 수행하기 어려운 작업으로, 자신의 편견을 인식하기 힘들고 이를 뒷받침하는 증거를 찾기가 쉽습니다. Jeffery Rubin은 그의 저서 《The Handbook of Usability Testing》에서 구체적인 테스트 목표를 염두에 두라고 조언합니다. “그렇지 않으면, 찾고 싶은 결과만 찾게 되는 경향이 크다.” 가설이나 추측으로 시작하는 것은 유저 테스팅 데이터를 의식적으로 평가하고 해석할 수 있는 틀을 제공합니다.

 

Sifting and reporting

데이터 압축과 정리는 항상 어려운 과제가 되며, 결점 리스트를 완전히 처리하는 것은 사용성 담당자와 팀원들에게 부담을 줄 수 있습니다. 여러 가지 문제 외에도, 이러한 정보를 정리하는 과정 자체도 힘들 수 있습니다. 테스트 시작 시 설정한 가설은 결과를 해석할 때 서로 그룹화할 수 있는 의미 있는 방법을 제공합니다.

이러한 접근법은 결과를 인터페이스의 특징보다는 디자인 목표와 관련된 유저 행동 중심으로 정리하여 타당성을 높이고, 기본적인 디자인 관계를 명확히 드러내줍니다.

가설 기반 테스팅 접근법은 무엇을 고쳐야 할지를 결정하는 데 도움을 줍니다. 리서치 결과와 개선안을 사전에 설정한 목표와 연결하면 우선순위를 정하기가 더 쉬워집니다.

반복적인 테스트를 진행할 때, 가설은 테스트 단계 간의 연결 고리를 형성하여 디자인 변경이 유저 행동에 미치는 영향을 예측하는 데 도움을 줍니다.

1) 연결 고리 형성

가설은 테스트 중에 어떤 변화를 주었을 때 유저가 어떻게 반응할지를 미리 예상할 수 있게 해줍니다. 이렇게 하면 각 테스트가 서로 연결되어 있어, 이전 테스트의 결과를 바탕으로 다음 테스트를 계획할 수 있습니다.

2) 예측 가능성

디자인을 변경했을 때 유저가 어떻게 행동할지를 미리 생각해볼 수 있습니다. 이렇게 하면 디자이너가 어떤 부분을 수정해야 할지 더 분명하게 알 수 있고, 그 결과로 더 나은 디자인을 만들 수 있습니다.

3) 문제 식별

반복적으로 테스트를 진행하면서 가설을 확인하거나 수정할 수 있습니다. 이 과정을 통해 유저 행동의 패턴을 이해하고, 문제가 발생한 원인을 쉽게 찾아낼 수 있습니다

리포팅 측면에서, 우리는 디자이너와 개발자들이 원하는 목표와 아이디어에 맞춰 리서치 결과를 제시할 때 그들의 관심을 끌 수 있다는 것을 알게 되었습니다. 가설을 그들이 가지고 있는 디자인 비전과 일치하도록 설정하면, 더 좋은 출발점을 가질 수 있습니다. 실제로 그 목표와 관련된 유저 행동을 관찰하면, 디자인 의사결정의 영향을 더 자신 있게 이야기할 수 있습니다. 예를 들어, 가격 페이지를 찾는 것이 사이트의 중요한 부분인데, 유저가 이를 찾지 못하면 디자이너는 무엇이 잘못 되었는지를 자연스럽게 고민하게 됩니다. 이렇게 되면 유저를 탓하는 대신 문제를 해결하려는 경향이 생깁니다

 

Not the null hypothesis

가설을 설정하면 특정 행동을 선입견을 가지고 볼 가능성이 있습니다. 즉, 관찰자가 자신의 가설을 확인하려고 할 수 있다는 걱정이 생깁니다. 하지만 경험적 방법은 그런 식으로 진행되지 않습니다. 실제로 우리는 가설을 검증하기 위해 나가는 것이 아니라, 테스트를 하기 위해 나가는 것입니다. 우리는 관찰한 결과에 대해 열린 마음을 유지하면서, 어떤 결과가 나와도 받아들일 준비가 되어 있습니다.

유저 테스팅은 소극적 관찰을 바탕으로 한 자연주의적 연구 방법입니다. 그래서 유저의 경험에 직접 개입하지 않고, 그들이 하는 모든 행동을 열린 마음으로 바라보는 것이 중요합니다. 우리는 리서치 결과를 가설이 맞는지 틀린지를 증명하는 방식으로 제시하지 않습니다. 그 이유는 우리가 진정한 경험적 디자인을 위해 필요한 엄격한 통제권을 가지고 있지 않기 때문입니다. 또는 그런 통제권을 사용하고 싶지 않기 때문이기도 합니다.

가끔 가설의 관점에서 상황을 바라보기도 하지만, 실제로는 사용성이 자연스럽게 흐르는 방향이 있다고 생각합니다. 예를 들어, Susan Dray와 David Siegel은 “디자인 문제와 유저 태스크의 우선순위를 매기기” 위해 시스템이나 제품을 전체적으로 리뷰하면서 사용성 연구를 시작해야 한다고 주장합니다. 그들은 “주요 영역에 대한 좋은 아이디어”를 갖는 것이 중요하다고 강조합니다.

 

Design as hypothesis

사이트나 애플리케이션의 목표를 바탕으로 가설을 설정함으로써 사용성 테스팅을 디자인 과정에 통합할 수 있다는 것을 깨달았습니다. 디자인 목표에 맞춘 가설로 접근하면, 적절한 행동 중심의 리서치 결과를 얻을 수 있습니다. 이러한 방식은 사용성을 창의성을 억누르는 것이 아니라, 오히려 창의성에 집중할 수 있도록 도와줍니다.

제가 생각하기에 이 접근법이 효과적인 이유 중 하나는 모든 디자인이 본질적으로 가설이라는 점입니다. 디자이너는 의식적이든 무의식적이든 유저의 행동을 예측하게 됩니다. 예를 들어, “내가 여기에 버튼을 배치하고 이렇게 디자인하면, 유저는 이를 보고 다음 단계에서 클릭해야 한다고 이해할 것이다”라는 예측을 하는 것입니다. 이러한 예측은 사용성 리뷰와 리서치의 초점을 명확히 해주고, 디자인 자체를 테스트할 수 있는 기회를 제공합니다.

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

[모집중] "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호

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