# Help User Avoiding the Cue(신호를 피하도록 돕기)

![Image](https://upload.cafenono.com/image/slashpagePost/20251121/160711_5p38HytOJgjRT6cbNp?q=80&s=1280x180&t=outside&f=webp)

## 정의

- 사용자의 기존 행동과 습관을 이해하는 것이 중요합니다. **
- 사용자가 원치 않거나 불필요한 행동을 유발하는 단서를 피하도록 돕는 것**입니다.

## 핵심

- **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](https://milies.net/blog/how-to-make-users-avoid-unwanted-cues-in-ux-design)

*Preventing User Errors: Avoiding Conscious Mistakes

[Preventing User Errors: Avoiding Conscious Mistakes](https://www.nngroup.com/articles/user-mistakes/)

*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](https://blog.logrocket.com/ux-design/ux-error-prevention-examples/)

*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](https://medium.com/@rahulnagubandi/prevention-over-cure-how-to-design-ux-that-avoids-errors-from-the-start-bb8b1aa28096)

*사용자 이탈을 바라보는 시선 : 다크패턴 디자인 1. 로치 모텔(Roach Motel)

brunch.co.kr

*Types of deceptive pattern

[Deceptive Patterns - Types of Deceptive Pattern](https://www.deceptive.design/types)

*Deceptive Patterns : Exposing the Tricks Tech Companies Use to Control You

[Get started – Deceptive Patterns](https://www.deceptive.design/book/contents/get-started)

For the site tree, see the [root Markdown](https://slashpage.com/whatthebbo.md).