UI/UX 원칙

[UI/UX 원칙 #10] 랜딩 페이지의 전환율 개선 10가지 UX 원칙 가이드라인

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

2024.09.06 | 조회 1.67K |
0
|
from.
전민수

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

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

Search EngineWatch에 게재된 Tereza Litsa의 글 11 quick UX tips to improve landing page conversion를 소개하고자 합니다. 

랜딩 페이지는 사용자에게 집중하여 그들의 관심을 끌고 지속적인 흥미를 유도하며, 궁극적으로 이들을 고객으로 전환하는 것이 중요합니다.랜딩 페이지 제작 시 전환율을 개선하는 데 도움이 될 수 있는 체크리스트를 설명하고자 합니다.

 

첫째. 미니멀리즘을 유지합니다

랜딩 페이지의 디자인은 방문자가 혼란을 겪지 않도록 깔끔하고 미니멀하게 구성해야 합니다. 특히 목적을 전달할 때는 매력적이고 간결한 디자인이, 내용이 과도하게 많은 페이지보다 훨씬 더 효과적인 결과를 가져올 수 있습니다.

1. 사용자 경험 개선
깔끔하고 미니멀한 디자인은 방문자가 정보를 쉽게 이해하고 탐색할 수 있도록 도와줍니다. 혼란을 줄이면 사용자 만족도가 높아집니다.

2. 목적의 명확성
간결한 디자인은 핵심 메시지를 강조하여 방문자가 원하는 행동(예: 구매, 가입 등)을 취하도록 유도합니다.

3. 시각적 집중
매력적인 디자인은 방문자의 시선을 끌고, 불필요한 요소를 제거함으로써 주의를 분산시키지 않습니다.

4. 전환율 향상
과도한 정보가 없는 페이지는 방문자가 더 쉽게 결정을 내리게 하고, 결과적으로 전환율을 높이는 데 도움이 됩니다.

 

둘째. 사용자의 관점에서 생각합니다

랜딩 페이지를 제작할 때, 구성과 디자인에 착수하기 전에 먼저 목표 대상에 대해 고려해야 합니다.

1) 사용자는 누구인가?
랜딩 페이지를 효과적으로 제작하기 위해서는 먼저 목표 대상을 파악해야 합니다. 이를 통해 사용자의 특성과 필요를 이해할 수 있습니다.

2) 당신의 메시지를 전달하는 가장 효과적인 방법은 무엇인가?
사용자의 특성을 고려하면, 가장 효과적으로 메시지를 전달할 수 있는 방법을 찾을 수 있습니다. 이는 사용자와의 연결을 강화하는 데 중요한 요소입니다.

3) 제품이 사용자에게 어떤 이점을 제공할 것인가?
제품이 사용자에게 제공하는 이점을 명확히 하면, 사용자에게 더 큰 가치를 전달할 수 있습니다. 이는 구매 결정에 긍정적인 영향을 미칩니다.

4) 무엇이 사용자를 서비스에 가입하도록 유도할 것인가?
사용자가 서비스에 가입하도록 유도하는 요소를 이해하면, 랜딩 페이지에서 이를 효과적으로 강조할 수 있습니다.

5) 전환율을 어떻게 향상시킬 수 있을 것인가?
질문을 통해 얻은 정보를 바탕으로 전환율을 높일 수 있는 전략을 수립할 수 있습니다. 이는 비즈니스 성공에 직접적인 영향을 미칩니다.

이러한 질문들은 타깃 오디언스를 이해하고 그들의 필요와 자사의 기대에 맞는 최적의 랜딩 페이지를 만드는 데 도움이 됩니다.사용자가 이전에 자사의 서비스에 대해 들어보지 않았다 하더라도, 그들의 온라인 행동을 분석하면 효과적인 랜딩 페이지를 만드는 올바른 방향으로 나아가고 있다는 것을 의미합니다.

 

셋째. 쉬운 언어를 사용합니다

랜딩 페이지를 만들 때 콘텐츠의 중요성을 간과해서는 안 됩니다. 온라인 환경에서는 시각적 콘텐츠가 주로 사용되지만, 글로 작성된 콘텐츠도 항상 강력한 힘을 가지고 있습니다. 사용자와의 거리감을 줄이기 위해 전문 용어나 이해하기 어려운 언어는 피해야 합니다.사용자의 입장에서 생각하며 메시지를 작성하고, 큰 소리로 읽어보면서 명확성에 집중해야 합니다. 만약 개념을 사용자에게 간단하게 전달할 수 없다면, 메시지를 다시 한번 점검해야 합니다.

1) 사용자 중심의 접근
사용자의 입장에서 생각하는 것은 그들의 필요와 관심을 이해하는 데 도움이 됩니다. 이렇게 함으로써 더 효과적인 메시지를 전달할 수 있습니다.

2) 명확성 강조
큰 소리로 읽어보는 것은 문장의 흐름과 이해도를 확인하는 좋은 방법입니다. 이는 메시지가 명확하게 전달되는지 점검할 수 있게 합니다.

3) 간결한 전달
복잡한 개념을 간단하게 전달하는 것은 사용자가 정보를 쉽게 이해하고 기억할 수 있도록 돕습니다. 만약 전달이 어렵다면, 메시지를 재검토하여 개선해야 한다는 것입니다.

4) 효과적인 소통
사용자에게 명확하고 간단한 메시지를 제공하는 것이 중요합니다. 이는 사용자의 행동을 유도하고, 긍정적인 경험을 만드는 데 도움이 됩니다.

 

넷째. 가능한 한 적은 정보를 요청합니다

회원 가입 양식이든 뉴스레터 구독 양식이든,사용자 친화적인 폼은 랜딩 페이지의 성공에 매우 중요한 역할을 합니다.

사람들은 회원가입이나 개인 정보를 제공하는 것에 민감하기 때문에, 필요한 이유를 분명히 밝혀야 합니다.

사용자가 여러분을 신뢰할 수 있는 이유를 제시하고, 빠르고 간편한 가입 프로세스를 통해 신뢰를 구축해야 합니다.

랜딩 페이지에서 제공하는 가입 프로세스에서 신뢰를 전달하지 못하면, 전환율을 높일 수 있는 기회를 놓치게 됩니다.

1) 민감한 정보 제공사용자들은 개인 정보나 회원가입에 대해 신중하기 때문에, 그 정보가 왜 필요한지를 명확히 해야 신뢰를 얻을 수 있습니다.

2) 신뢰 구축사용자가 정보를 제공할 때 신뢰를 느끼도록 하는 것이 중요합니다. 신뢰를 구축하기 위해서는 명확한 이유와 함께 간편한 가입 프로세스를 제공해야 합니다.

3) 전환율 향상랜딩 페이지에서 신뢰를 효과적으로 전달하지 못하면, 사용자들이 가입하지 않거나 서비스를 이용하지 않을 가능성이 높아집니다. 이는 전환율을 높일 수 있는 기회를 잃게 만들 수 있습니다.

4) 사용자 경험 개선사용자가 쉽게 가입할 수 있도록 하면, 긍정적인 사용자 경험을 제공하게 되고, 이는 다시 방문하거나 추천할 가능성을 높입니다.

 

다섯째. 강력한 행동 유도 요소를 만듭니다

행동 유도(Call to Action)는 시각적으로나 기능적으로 메시지를 가장 매력적으로 전달해야 합니다.이를 위해서는 적절한 테스트가 필요하며, 색상, 크기, 형태, 폰트 등의 효과를 실험해 보아야 합니다.

그 이유는 다음과 같습니다.

1) 매력적인 메시지 전달
행동 유도(Call to Action)는 사용자가 특정 행동을 취하도록 유도하는 중요한 요소입니다. 심미적이고 기능적인 디자인은 사용자의 주목을 끌고, 메시지를 효과적으로 전달하는 데 필수적입니다.

2) 테스트의 중요성
적절한 테스트 없이 디자인의 효과를 판단할 수 없기 때문에, 다양한 요소를 실험해야 합니다. 이를 통해 어떤 색상, 크기, 형태, 폰트가 사용자에게 더 큰 영향을 미치는지를 파악할 수 있습니다.

3) 최적화
실험을 통해 얻은 데이터는 행동 유도를 최적화하는 데 도움이 됩니다. 이로 인해 전환율을 높이고, 사용자 경험을 개선할 수 있습니다.

4) 사용자 반응 이해
색상이나 형태 등 다양한 디자인 요소가 사용자에게 어떤 반응을 일으키는지를 이해하는 것은, 효과적인 마케팅 전략 수립에 중요합니다.

 

여섯째. 감성 디자인

랜딩 페이지의 감성 디자인은 사용자가 꼭 봐야 할 중요한 메시지를 알맞은 위치에 배치하는 전략과 관련이 있습니다. 이렇게 하면 방문자가 원하는 행동을 취할 가능성이 높아지며, 간단한 심리적 요인을 활용하면 더 효과적입니다.

색상의 활용 방식이 사용자 심리에 영향을 미칠 수 있으므로, 랜딩 페이지를 만들 때 사용자의 니즈를 과소평가해서는 안 됩니다.

1) 심리적 영향
색상은 감정과 인식에 큰 영향을 미치며, 특정 색상이 사용자에게 긍정적 또는 부정적인 반응을 유도할 수 있습니다. 따라서 색상의 선택이 중요합니다.

2) 사용자 이해
랜딩 페이지의 효과를 극대화하기 위해서는 사용자의 니즈와 심리를 잘 이해해야 합니다. 이를 통해 더 효과적으로 메시지를 전달하고 행동을 유도할 수 있습니다.

3) 전환율 향상
사용자의 심리적 반응을 고려하지 않으면, 방문자가 원하는 행동을 취하지 않을 가능성이 높아집니다. 이는 전환율에 부정적인 영향을 미칠 수 있습니다.

4) 경쟁력 유지
다른 경쟁사보다 더 나은 사용자 경험을 제공하기 위해서는 색상과 디자인 요소에 대한 세심한 고려가 필요합니다. 이는 고객의 관심을 끌고 유지하는 데 도움이 됩니다.

 

일곱째, 랜딩 페이지를 효과적으로 강조하는 적절한 비주얼을 활용합니다

비주얼 콘텐츠에 의미를 담아 적절한 텍스트와 함께 제공하면 랜딩 페이지의 매력을 크게 강화할 수 있습니다.

사용자는 여전히 간결한 것을 선호하며, 시각적 콘텐츠를 다음과 같이 활용할 때 전환율을 높일 수 있습니다.

1) 비디오나 인포그래픽을 활용하여 제품 또는 서비스를 단 몇 분 안에 설명할 수 있을 때.

2) 실제 사례를 제시하여 신뢰성을 높일 때.

3) 사용자와의 관계를 구축할 때.

여덟째. 문제를 해결하고 그 해결 과정을 설명합니다

사용자는 제품이나 서비스에 대해 더 알고 싶어 랜딩 페이지를 방문하지만, 랜딩 페이지가 실제로 이러한 가치를 제공하지 못한다면 오래 머물지 않을 것입니다.

랜딩 페이지와 제품은 문제 해결에 초점을 맞춰야 하며, 그보다 더 중요한 것은 실제로 어떻게 문제를 해결했는지를 설명하는 것입니다.

해결책이나 방법을 전달하는 메시지가 명확하지 않으면 전환율을 원하는 수준으로 높일 수 없습니다.

따라서 중요한 항목을 강조하거나 비디오, 그래픽 등을 활용하여 타겟 사용자에게 가입해야 하는 이유를 분명히 제시해야 합니다.

아홉째. 불필요한 내비게이션을 제거합니다

불필요한 내비게이션 바는 방문자의 주의를 분산시켜 전환율을 낮출 수 있습니다.

랜딩 페이지의 목적은 방문자가 특정 행동(예: 가입, 구매 등)을 취하도록 유도하는 것이기 때문에, 불필요한 요소를 제거하여 사용자의 집중을 높이는 것이 중요합니다.

내비게이션 바가 있으면 사용자가 다른 페이지로 이동하게 되어 목표 행동을 취하지 않을 가능성이 커집니다.

열번째. 방해 요소를 제거합니다

방해 요소는 어디에서나 찾아볼 수 있지만,우리의 집중 지속 시간이 점점 짧아짐에 따라 한 페이지에 5-10초 이상 집중하기가 점점 어려워지고 있습니다.

즉, 랜딩 페이지가 사용자에게 관심을 끌기가 더 어려워졌다는 의미입니다.

따라서 최대한 많은 방해 요소를 제거해야 합니다. 배너, 팝업, 메뉴, 외부 링크 등은 구매 경로에 방해가 되거나 방문자를 고객으로 전환하는 데 장애가 되지 않도록 해야 합니다.

Case Study

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

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

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