what_the_bbo
サインイン
BBO의 아카이브
Help User Avoiding the Cue(신호를 피하도록 돕기)
BBO
카테고리
UX Roadmap
정의
•
사용자의 기존 행동과 습관을 이해하는 것이 중요합니다.
사용자가 원치 않거나 불필요한 행동을 유발하는 단서를 피하도록 돕는 것
입니다.
핵심
•
Identify the cue 단서 파악
◦
첫 번째 단계는 원치 않은 행동을 유발하는 단서를 파악하는 것입니다.
◦
사용자 관찰, 사용성 테스트 수행 또는 사용자 피드백을 통해 달성할 수 있습니다.
•
Remove the cue 단서 제거
◦
단서가 식별되면 제거하거나 최소화하여 사용자가 원하지 않는 동작을 수행하지 못하도록 합니다.
◦
인터페이스를 재설계하거나, 레이아웃을 변경하거나, 요소의 시각적 계층 구조를 조정하는 방법 등이 있습니다.
•
Provide alternatives 대안 제공
◦
사용자가 원치 않는 단서에 부딪히지 않고 목표를 달성할 수 있도록 대안적인 행동이나 경로를 제공하세요.
◦
쉽게 접근 가능하고 명확한 행동 유도 요소를 포함해야 합니다.
•
Educate users 사용자 교육
◦
단순히 신호를 삭제하는 것만으로는 충분하지 않을 수 있습니다.
사용자에게 작업을 수행하는 새로운 최적의 방법을 알려주는 것이 중요합니다.
◦
앱 내 가이드, 튜토리얼 동영상 또는 도구 설명을 통해 이를 수행할 수 있습니다.
•
Monitor user behavior 사용자 행동 모니터링
◦
사용자의 행동과 피드백을 지속적으로 평가하여 원치 않는 신호가 더 이상 문제를 일으키지 않는지 확인하세요.
◦
추가 조정을 준비하고, A/B 테스트를 통해 솔루션을 최적화하는 것을 고려하세요.
•
Leverage familiarity 익숙함 활용
◦
표준 탐색 메뉴 및 버튼 스타일과 같은 기존 디자인 패턴을 사용하여
사용자가 새로운 시스템을 배울 필요가 없도록 합니다.
•
Provide clear signifiers 명확한 기호 제공
◦
색상, 그림자, 아이콘 및 레이블과 같은 시각적 요소를 사용하여 개체의 사용 방법을 전달합니다.
◦
예 : 버튼에는 그림자가 있어 "누를 수 있음"을 나타내고,
양식 필드에는 안쪽 그림자가 있어 비어 있고 입력할 수 있음을 나타냅니다.
•
Improve differentiation 차별화 개선
◦
서로 다른 개체가 동일하게 보이는 "마스킹"을 피합니다.
◦
다양한 시간적 신호를 사용하여 서로 다른 요소를 명확하게 구분합니다.
•
Highlight the desired action 원하는 작업 강조
◦
올바른 경로나 의도한 경로를 대안보다 더 눈에 띄게 만듭니다.
◦
예 : 사용자가 원치 않는 작업을 하지 않도록 "취소" 버튼 대신 "실행" 버튼을 강조 표시합니다.
•
Use real-time validation 실시간 검증 사용
◦
사용자가 양식을 제출하기 전에 사용자 입력에 대한 즉각적인 피드백을 제공합니다.
◦
사용자가 오류가 발생하는 즉시 수정하여 부정적인 상태에 갇힐 가능성을 줄일 수 있습니다.
•
Employ directional cues 방향 신호 사용
◦
화살표, 포인터 및 기타 시각적 프롬프트를 사용하여
사용자의 시선을 주요 요소, 텍스트 및 행동 유도로 안내합니다.
•
Communicate the current state 현재 상태 전달
◦
사용자에게 현재 위치와 발생 중인 상황을 명확하게 보여줍니다.
◦
예 : 터미널 창의 제목 표시줄에 현재 디렉터리를 표시하여 잘못된 위치에서 명령을 실행하지 않도록 합니다.
•
Identify unwanted cues 원치 않는 신호 식별
◦
사용자 테스트를 수행하여 사용자가 의도하지 않은 작업을 수행하도록 하는 신호를 파악합니다.
•
Avoid dark patterns 어두운 패턴 피하기
◦
Roach motel 로치 모텔(들어가기는 쉽지만 나가기는 어려움), 오해의 소지가 있는 기본값
또는 거짓 긴급성과 같은 조작적인 디자인 전술을 피하십시오.
•
Educate and monitor 교육 및 모니터링
◦
사용자에게 인터페이스 사용 방법을 교육하고,
사용 현황을 모니터링하여 문제를 식별하고 해결합니다.
주의할 점
•
사용자 중심적이고 접근하기 쉬운 사용자 경험
을 만들어야 합니다.
•
사용자에게
직관적인 인터페이스를 제공하여, 사용자가 목표를
빠르게 달성할 수 있게 만들고, 참여도와 유지율을 향상
시켜야 합니다.
그렇다면?
•
단서를
파악하고 완화함으로써 사용자에게 더욱 효율적이고 간소화된 사용자 경험을 제공
할 수 있습니다.
•
사용자가
인터페이스에 대한 좋은 멘탈 모델을 구축
하도록 도와 실수를 예방하세요.
•
사용자에게
작업 방식을 전달하는 디자인 패턴을 사용
하고,
특히 삭제하기 전에 작업을 다시 확인하도록 권장하며, 실수가 발생하기 전에 경고를 제공하세요.
•
간단한 가이드라인으로 사용자 오류율을 낮추고 궁극적으로 사용성을 향상시키는 데
도움이 될 수 있습니다.
•
최고의 오류 메시지는 사용자에게 전혀 보이지 않는 메시지이다.
참고자료
How to Make Users Avoid Unwanted Cues in UX Design
How to Make Users Avoid Unwanted Cues in UX Design
Learn effective strategies to eliminate unwanted cues in UX design. Enhance user experience with practical tips on intuitive navigation, clear instructions, and streamlined interfaces.
milies.net
*Preventing User Errors: Avoiding Conscious Mistakes
Preventing User Errors: Avoiding Conscious Mistakes
Thoughtful design is transparent and easy to understand, provides a preview, and helps users to easily correct their errors.
nngroup.com
*12 UX design examples that show how to stop user errors before they happen
12 UX design examples that show how to stop user errors before they happen - LogRocket Blog
Learn how top products like GitHub, Google Calendar, and Medium prevent user errors with smart UX. Get 12 practical examples to inspire your next design.
blog.logrocket.com
*Prevention Over Cure: How to Design UX That Avoids Errors from the Start
Prevention Over Cure: How to Design UX That Avoids Errors from the Start
Prevention is better than cure. We’ve all heard this proverb countless times. While its roots lie in medicine, it applies to many other…
medium.com
*사용자 이탈을 바라보는 시선 : 다크패턴 디자인 1. 로치 모텔(Roach Motel)
brunch.co.kr
*Types of deceptive pattern
Deceptive Patterns - Types of Deceptive Pattern
From "sneaking" to "forced action", explore the various types of deceptive patterns used by companies to mislead and trick users, and gain insights on how to protect yourself.
deceptive.design
*Deceptive Patterns : Exposing the Tricks Tech Companies Use to Control You
Get started – Deceptive Patterns
Dive into the world of ‘Deceptive Patterns’ (aka ‘Dark Patterns’) with this complimentary sample of Dr. Harry Brignull’s book.
deceptive.design
「what_the_bbo」を購読
サイトを購読すると、新規投稿などの最新情報を通知やメールでいち早く受け取れます。
Slashpageに登録して「what_the_bbo」を購読しましょう!
購読する