웹 디자인에서 어두운 패턴을 피하는 방법

게시 됨: 2021-03-23

대부분의 현대 웹사이트 디자이너는 정직한 사용자 경험을 제공하기 위해 노력합니다. 그러나 일부는 전환율을 높이기 위해 무엇이든 할 것입니다. 심지어 사용자가 특정 행동을 취하도록 속이기까지 합니다.

모든 디지털 상호 작용에는 사이버 범죄자로부터 일정 수준의 위험이 따르지만 일부 비윤리적인 웹 디자인 관행은 선을 넘어 범죄로 이어집니다. "어두운 패턴"이 무엇인지와 이를 피하는 방법을 배우면 브랜드가 이 극도로 해로운 실수를 피하는 데 도움이 될 수 있습니다.

사용자 행동에 영향을 미치는 것과 사람들을 속이는 것 사이의 미세한 선

우리 모두는 그것을 경험했습니다 – 우리를 스케치 랜딩 페이지로 보내는 클릭 미끼, 컴퓨터 바이러스를 방지하기 위해 여기를 클릭하라는 거짓 팝업 광고, 관심을 끌기 위해 스팸 용어를 사용하는 이메일.

World Wide Web은 25년 동안 존재해 왔으며 사이버 스캠 아티스트도 그와 같이 오래되었습니다. 정통한 웹 사용자는 대부분의 사기를 식별하고 피하는 방법을 알고 있습니다. 불행히도 비윤리적인 웹 디자인 관행은 참과 거짓의 경계를 모호하게 만들고 속임수를 찾아내기 어렵게 만듭니다.

사용자는 인터넷을 탐색할 때 어느 정도 주의를 기울입니다. 대부분의 사람들은 제대로 디자인되지 않은 웹사이트나 성가신 팝업 광고와 같은 요인으로 인해 건전한 경계심을 갖게 되었습니다.

사용자는 웹 콘텐츠를 맹목적으로 신뢰하기에는 너무 자주 민감한 정보를 훔치거나 장치에 바이러스를 퍼뜨리는 사이버 범죄자의 희생물이 되었습니다. 그러나 일부 웹 사이트 디자이너는 UI 개발에서 어두운 패턴을 사용하여 사용자의 의심을 피하고 함정에 빠지도록 속이는 방법을 찾았습니다.

다크 패턴이란 무엇입니까?

UI는 웹사이트 디자인과 기능의 핵심입니다. UI의 어두운 패턴은 웹사이트와 앱에서 사용자가 실수로 가입하거나 구매하도록 유도하는 데 사용하는 트릭입니다. UI 디자인에서 다크 패턴의 목적은 너무 늦을 때까지 웹 사이트 및/또는 회사의 진정한 의도를 사용자에게 숨기는 것입니다.

기업은 이중 독자 경로를 활용하여 어두운 패턴을 사용합니다. 즉, 많은 독자가 웹 콘텐츠를 훑어보는 것입니다.

scannable-nonscannable-text-content-dark-pattern

비윤리적인 회사는 특정 문구를 굵게 또는 큰 글꼴로 만들고 그들이 말하는 내용의 진실을 찾기 어렵게 만들 수 있습니다(즉, 페이지 맨 아래에 작은 글씨로 표시). 그렇게 하면 사이트를 훑어보는 사람이 회사가 한 가지를 말하고 있다고 믿을 수 있지만 실제로는 다른 것을 말하고 있습니다. 어두운 패턴은 사람들을 속여서 제품 구매나 구독과 같이 하지 않았을 행동을 하도록 속일 수 있기 때문에 위험합니다.

일부 사이트는 자신이 사용하는 판매 전략이 다크 패턴에 해당한다는 사실을 인식하지 못할 수 있습니다. 예를 들어, 강요 판매 광고와 사용자가 웹 페이지 콘텐츠에 액세스하기 전에 최소화해야 하는 광고는 많은 사이트에서 사용하는 일반적인 전술입니다. 그러나 이러한 어두운 패턴은 점점 덜 수용되고 있습니다.

Google은 팝업 광고 또는 이메일 캡처 라이트박스와 같은 "침입적인 전면 광고"로 웹사이트에 불이익을 주기 시작했습니다. 사용자가 이러한 의심스러운 관행에 질렸고 검색 엔진이 주목하고 있기 때문입니다.

사용자의 선호도를 잃고 순위가 떨어지는 것을 방지하기 위해 어두운 패턴의 몇 가지 일반적인 예를 알아보세요.

셰이밍 확인

오늘날 사이트에서 볼 수 있는 가장 두드러진 어두운 패턴 중 하나는 "샤밍 확인"으로 알려져 있습니다. 이것은 사이트에서 탈퇴하는 사람들을 부끄럽게 만드는 문장과 함께 이메일 캡처 라이트박스(사이트에 가기 전에 이메일 주소를 묻는 창)를 생성할 때입니다.

예를 들어, Elle.com을 방문하면 "결점 없는 피부를 얻으십시오"라는 라이트박스 광고가 표시됩니다. 상자를 없애려면 이메일 주소를 입력하거나 "아니요, 저는 완벽한 피부에 관심이 없습니다."를 클릭해야 합니다. 이 수동적-공격적 옵트아웃 문구는 확인 부끄러움의 예입니다. 수치심은 사용자가 이메일 주소를 입력하지 않고 회사의 마케팅 전술에 따르지 않는 것에 대해 본질적으로 자신을 나쁘게 느끼게 만드는지 확인하십시오.

당신이 되고 싶어 - 서 - 나쁜 - 엉덩이 - UX - 어두운 - 패턴
Confirmshaming.tumblr.com을 통해

일부 웹사이트는 "아니요, 정가를 지불하겠습니다"와 같은 문구를 사용하여 사용자가 이메일 할인을 받기 위해 가입하지 않은 것에 대해 덩어리처럼 느끼게 만듭니다. 확인 부끄러움은 메시지를 전달하는 데 비교적 무해한 방법으로 보일 수 있지만 실제로는 사용자가 회사에 대해 짜증을 내고 부적절하며 분개하게 만듭니다. 이러한 라이트박스는 사이트 방문자에게 위험 신호가 되었으며 판매 손실로 이어질 수도 있습니다.

로치 소재 모텔

바퀴벌레 모텔은 웹에 널리 퍼져 있는 또 다른 어두운 패턴 전술입니다. 바퀴벌레 미끼로 동물을 유인하여 거기에 가두는 데서 이름을 딴 바퀴벌레 모텔은 사용자가 가입하거나 구독하도록 권장하는 웹 디자인 트릭입니다. Roach 모텔은 등록을 매우 쉽고 매력적으로 만들지만 거래가 바람직하지 않다는 것을 깨달았을 때 목록에서 사용자 이름을 제거하는 것은 거의 불가능합니다.

웹 디자이너는 종종 "속임수 질문" 또는 사용자가 마케팅 자료 수신을 거부하기 위해 상자를 의도적으로 선택 해제해야 하는 프로세스를 통해 바퀴벌레 모텔 전술을 구현합니다.

모텔-사인-UX-다크 패턴

마케터는 의도적으로 이러한 상자를 일관성이 없게 만들어 사용자를 혼란스럽게 하고 나중에 실수로 이메일이나 마케팅 자료를 받는 데 동의하는 사람의 가능성을 높입니다. 사용자가 자신이 한 일을 발견하면 구독 취소 버튼을 찾기 어려울 수 있습니다. 또는 회사에서 사용자가 문제를 해결하기 위해 고객 서비스에 전화하도록 강제할 수 있습니다. Roach 모텔은 무의식적으로 사용자를 속이도록 설계된 또 다른 UI 트릭일 뿐입니다.

클릭베이트 및 선정적인 콘텐츠

Clickbait는 이 책에서 가장 오래된 트릭 중 하나이지만 사용자는 여전히 함정에 빠져 있습니다. 클릭베이트는 웹 디자인에서 최악의 트렌드 중 하나이지만 여전히 만연해 있습니다. Clickbait는 관심을 끌고 사용자가 클릭하도록 유도하는 주요 목적을 가진 인터넷 콘텐츠(종종 링크)를 말합니다.

clickbait-ux-dark-pattern
GitHub를 통해

Clickbait는 감각적인 콘텐츠와 유행어를 사용하여 관심을 끌기 위해 낚싯줄의 미끼처럼 독자를 유인합니다. 독자가 미끼를 잡으면 회사는 사용자를 낚아채 낚아채고 팝업 광고와 이메일 주소 라이트박스로 사용자를 가두는 경우가 많습니다. 클릭베이트 기사는 약속을 지키지 않습니다. 그들은 어떤 의미에서 거짓 광고입니다. 그들은 사용자가 클릭하고 싶게 만들 만큼 사용자의 흥미를 끌기 위해 과장법을 사용합니다.

예를 들어, 클릭베이트 기사에는 "100명의 Walmart 직원을 대상으로 설문조사: 우리가 발견한 것은 충격적이었습니다."라는 제목이 있을 수 있습니다. 그 문구는 사람들로 하여금 무엇이 그토록 충격적이었는가를 궁금해하게 하여 링크를 클릭하게 만든다. 기사 전체를 읽은 후 독자는 직원들이 임금에 불만을 품거나 무례한 고객을 만나는 것과 같이 전혀 뉴스가 아닌 뉴스만 있다는 사실에 충격을 받은 것이 전혀 없다는 사실에 크게 실망합니다. 클릭베이트입니다.

사기성 콘텐츠

많은 사람들이 사기성 콘텐츠 작성의 전문가가 되었습니다. 사기성 콘텐츠는 사용자를 속이거나 속이거나 혼동을 주어 특정 행동을 취하도록 합니다. 우리가 사기성 콘텐츠를 보는 가장 일반적인 장소는 뉴스레터 및 마케팅 자료에 대한 구독 취소 프로세스 동안입니다. 많은 웹사이트에서 사용자를 구독 취소 페이지로 유도하여 여러 단계의 프로세스 및/또는 오해의 소지가 있는 제목이 있는 버튼으로 사용자를 혼동시킵니다.

좋은 예는 Daily Yahoo에서 구독 취소하기 위한 UI입니다. 야후! "Daily Yahoo의 구독을 취소하시겠습니까?"라는 메시지가 나타납니다. 바로 아래에 "아니요, 취소"라는 크고 밝은 파란색 버튼이 있습니다. 일반 사용자는 위의 내용을 훑어보거나 읽지 않고 파란색 버튼을 누르기만 하면 됩니다. 이것은 사용자가 구독 취소를 요청한다고 생각할 때 "아니요, 구독 취소하고 싶지 않습니다. 내 요청을 취소합니다."를 선택하도록 속이는 어두운 패턴입니다.

이 경우 사용자는 아래에 "예, 모든 마케팅 메시지 구독을 취소합니다."라는 작고 평범한 글씨를 읽을 수 있을 만큼 지식이 있어야 합니다. 야후! 그러나 어두운 패턴을 한 단계 더 나아가 "예, 이 뉴스레터 구독을 취소합니다."라는 유사한 메시지가 바로 위에 표시됩니다. 사용자가 큰 파란색 버튼을 지나면 구독 취소라는 첫 번째 항목을 선택할 가능성이 큽니다. 이 경우 사용자는 모든 마케팅 자료에서 구독을 취소하는 것이 아니라 뉴스레터만 구독 취소하게 됩니다. 이와 같은 사기성 콘텐츠는 사용자가 구독을 거부하려고 할 때 일반적입니다.

어떤 대가를 치르더라도 어두운 패턴을 피하십시오

어두운 패턴은 사람들을 속이는 역할을 하여 처음에는 탈출을 어렵게 하거나 잡히지 않도록 합니다. 어두운 패턴은 사용자를 위험한 길로 안내하여 종종 속임수에 빠진 자신에게 혼란스럽고 배신감을 느끼며 화를 냅니다. 소비자 또는 웹 디자이너로서 어두운 패턴을 완전히 피하는 것이 가장 좋습니다.

마케팅 전략이 윤리적으로 의심스럽다고 생각되면 다른 경로를 택하십시오. 소비자, 검색 엔진 및 주요 소셜 미디어 플랫폼은 UI의 어두운 패턴을 인식하고 의심스러운 관행에 대해 사이트에 벌점을 주기 시작했습니다. 어두운 패턴을 사용하는 매력에 빠지지 마십시오. 브랜드의 명성을 그대로 유지하려면 이러한 일반적인 트릭을 인식하고 멀리하십시오.