วิธีหลีกเลี่ยงรูปแบบสีเข้มในการออกแบบเว็บ

นักออกแบบเว็บไซต์สมัยใหม่ส่วนใหญ่มุ่งมั่นที่จะมอบประสบการณ์การใช้งานที่ตรงไปตรงมา อย่างไรก็ตาม บางรายจะทำทุกอย่างเพื่อเพิ่มอัตราการแปลง แม้จะหลอกลวงผู้ใช้ให้ดำเนินการบางอย่างก็ตาม

การโต้ตอบทางดิจิทัลทั้งหมดมาพร้อมกับระดับความเสี่ยงจากอาชญากรไซเบอร์ แต่แนวทางปฏิบัติในการออกแบบเว็บที่ผิดจรรยาบรรณบางอย่างข้ามเส้นไปสู่ความผิดทางอาญา การเรียนรู้ว่า “รูปแบบที่มืดมิด” คืออะไรและจะหลีกเลี่ยงได้อย่างไร สามารถช่วยให้แบรนด์ของคุณหลีกเลี่ยงความผิดพลาดที่อันตรายร้ายแรงนี้ได้

เส้นบางๆ ระหว่างการมีอิทธิพลต่อพฤติกรรมของผู้ใช้และการหลอกลวงผู้คน

เราทุกคนล้วนเคยประสบมาแล้ว – คลิกเบตที่ส่งเราไปยังหน้า Landing Page แบบคร่าวๆ โฆษณาป๊อปอัปปลอมที่บอกให้เราคลิกที่นี่เพื่อป้องกันไวรัสคอมพิวเตอร์ อีเมลที่ใช้ศัพท์แสงที่เป็นสแปมเพื่อดึงดูดความสนใจ

เวิลด์ไวด์เว็บมีมานานกว่า 25 ปีแล้ว และนักต้มตุ๋นในโลกไซเบอร์ก็เช่นกัน ผู้ใช้เว็บที่เชี่ยวชาญรู้วิธีระบุการหลอกลวงส่วนใหญ่และหลีกเลี่ยง น่าเสียดายที่แนวทางการออกแบบเว็บที่ผิดจรรยาบรรณทำให้เส้นแบ่งระหว่างความจริงและเท็จไม่ชัดเจน และทำให้มองเห็นกลอุบายได้ยากขึ้น

เมื่อผู้ใช้ท่องอินเทอร์เน็ต พวกเขาจะทำเช่นนั้นด้วยความระมัดระวังในระดับหนึ่ง คนส่วนใหญ่พัฒนาความระแวดระวังที่ดีต่อสุขภาพ ซึ่งเกิดขึ้นจากสิ่งต่างๆ เช่น เว็บไซต์ที่ออกแบบมาไม่ดีและโฆษณาป๊อปอัปที่น่ารำคาญ

ผู้ใช้ตกเป็นเหยื่อของอาชญากรไซเบอร์ที่ขโมยข้อมูลที่ละเอียดอ่อนหรือทิ้งไวรัสลงในอุปกรณ์ของตนบ่อยเกินกว่าจะเชื่อถือเนื้อหาเว็บอย่างสุ่มสี่สุ่มห้า ทว่านักออกแบบเว็บไซต์บางคนได้ค้นพบวิธีที่จะหลีกเลี่ยงความสงสัยของผู้ใช้และหลอกล่อให้พวกเขาตกหลุมพรางโดยใช้รูปแบบที่มืดมนในการพัฒนา UI

รูปแบบความมืดคืออะไร?

UI เป็นหัวใจสำคัญของการออกแบบเว็บไซต์และการใช้งาน รูปแบบสีเข้มใน UI เป็นกลอุบายที่เว็บไซต์และแอพใช้เพื่อดักจับผู้ใช้ให้ลงชื่อสมัครใช้หรือซื้อบางสิ่งโดยไม่ได้ตั้งใจ จุดประสงค์ของรูปแบบสีเข้มในการออกแบบ UI คือเพื่อซ่อนความตั้งใจที่แท้จริงของเว็บไซต์และ/หรือบริษัทจากผู้ใช้จนกว่าจะสายเกินไป

บริษัทต่างๆ ใช้รูปแบบที่มืดมนโดยใช้ประโยชน์จากเส้นทางการอ่านแบบคู่ ซึ่งเป็นข้อเท็จจริงที่ผู้อ่านจำนวนมากมองข้ามเนื้อหาเว็บ

บริษัทที่ผิดจรรยาบรรณอาจทำให้วลีบางวลีเป็นตัวหนาหรือตัวพิมพ์ใหญ่ และทำให้ความจริงในสิ่งที่พวกเขาพูดนั้นหายากขึ้น ด้วยวิธีนี้ คนที่อ่านคร่าวๆ ในเว็บไซต์จะเชื่อว่าบริษัทกำลังพูดสิ่งหนึ่ง แต่จริงๆ แล้วเป็นอีกเรื่องหนึ่ง รูปแบบที่มืดมิดเป็นสิ่งที่อันตรายเพราะสามารถหลอกให้ผู้คนดำเนินการต่างๆ ที่พวกเขาจะไม่ทำ เช่น การซื้อผลิตภัณฑ์หรือการสมัครรับข้อมูล

บางไซต์อาจไม่ทราบว่ากลยุทธ์การขายที่พวกเขาใช้ถือเป็นรูปแบบที่มืด ตัวอย่างเช่น โฆษณาขายที่เร่งรีบและโฆษณาที่ผู้ใช้ต้องย่อให้เล็กสุดก่อนที่จะเข้าถึงเนื้อหาของหน้าเว็บเป็นกลยุทธ์ทั่วไปที่เว็บไซต์จำนวนมากใช้ อย่างไรก็ตาม รูปแบบสีเข้มเหล่านี้เริ่มเป็นที่ยอมรับน้อยลงเรื่อยๆ

Google ได้เริ่มลงโทษเว็บไซต์ด้วย “โฆษณาคั่นระหว่างหน้าที่ล่วงล้ำ” – โฆษณาป๊อปอัปหรือไลท์บ็อกซ์จับภาพอีเมล นั่นเป็นเพราะผู้ใช้เบื่อหน่ายกับแนวทางปฏิบัติที่น่าสงสัยเหล่านี้ และเครื่องมือค้นหาก็รับทราบ

เรียนรู้ตัวอย่างทั่วไปของรูปแบบมืดเพื่อหลีกเลี่ยงการสูญเสียความโปรดปรานของผู้ใช้และการตกอันดับ

ยืนยันความอัปยศ

รูปแบบความมืดที่โดดเด่นที่สุดรูปแบบหนึ่งที่พบในเว็บไซต์ปัจจุบันเรียกว่า "ยืนยันความอับอาย" นี่คือเวลาที่ไซต์สร้างไลท์บ็อกซ์การจับภาพอีเมล (หน้าต่างที่ขอที่อยู่อีเมลก่อนที่คุณจะสามารถไปที่ไซต์ได้) พร้อมประโยคที่ทำให้ผู้ที่เลือกไม่รับรู้สึกละอายใจ

ตัวอย่างเช่น การเยี่ยมชม Elle.com จะส่งผลให้โฆษณาไลท์บ็อกซ์ "รับผิวที่ไร้ที่ติ" ในการทำให้กล่องหายไป คุณต้องป้อนที่อยู่อีเมลของคุณหรือคลิก “ไม่ ขอบคุณ ฉันไม่สนใจเรื่องผิวไร้ที่ติ” วลีปฏิเสธที่ไม่โต้ตอบแบบพาสซีฟนี้เป็นตัวอย่างของการยืนยันความอับอาย การยืนยันความอับอายทำให้ผู้ใช้รู้สึกแย่โดยเนื้อแท้เกี่ยวกับตัวเองที่ล้มเหลวในการป้อนที่อยู่อีเมลและปฏิบัติตามกลยุทธ์ทางการตลาดของบริษัท

ผ่าน Confirmshaming.tumblr.com

บางเว็บไซต์ใช้วลีเช่น "ไม่ ขอบคุณ ฉันยอมจ่ายเต็มราคา" เพื่อให้ผู้ใช้รู้สึกเหมือนกับว่าไม่ได้ลงทะเบียนเพื่อรับส่วนลดทางอีเมล การยืนยันความอับอายอาจดูเหมือนเป็นวิธีที่ค่อนข้างไม่เป็นอันตรายในการส่งข้อความ แต่ในความเป็นจริง มันทำให้ผู้ใช้รู้สึกรำคาญ ไม่เพียงพอ และไม่พอใจบริษัท ไลท์บ็อกซ์เหล่านี้ได้กลายเป็นธงสีแดงสำหรับผู้เยี่ยมชมไซต์ และอาจเพียงพอที่จะส่งผลให้สูญเสียการขาย

โมเต็ลโรช

โมเต็ล Roach เป็นกลวิธีมืดรูปแบบอื่นที่แพร่หลายบนเว็บ ตั้งชื่อตามเหยื่อล่อแมลงสาบที่ล่อให้สัตว์ร้ายเข้ามาเพื่อดักพวกมันที่นั่น โมเต็ลแมลงสาบเป็นเทคนิคการออกแบบเว็บไซต์ที่ส่งเสริมให้ผู้ใช้สมัครหรือสมัครรับข้อมูล – เพียงแต่จะพบว่าการยกเลิกการสมัครนั้นยากมาก โมเต็ลของ Roach ทำให้การลงทะเบียนเป็นเรื่องง่ายและน่าดึงดูด แต่แทบจะเป็นไปไม่ได้เลยที่จะลบชื่อผู้ใช้ออกจากรายชื่อเมื่อพวกเขารู้ว่าข้อตกลงนี้ไม่พึงปรารถนา

นักออกแบบเว็บไซต์มักใช้กลวิธีของโมเต็ลแมลงสาบผ่าน “คำถามหลอกลวง” หรือกระบวนการที่ผู้ใช้จงใจยกเลิกการเลือกช่องเพื่อเลือกไม่รับเอกสารทางการตลาด

นักการตลาดจงใจทำให้กล่องเหล่านี้ไม่สอดคล้องกันเพื่อสร้างความสับสนให้ผู้ใช้และเพิ่มโอกาสที่บุคคลที่ตกลงรับอีเมลหรือสื่อทางการตลาดโดยไม่ได้ตั้งใจในอนาคต เมื่อผู้ใช้ค้นพบสิ่งที่พวกเขาทำ ปุ่มยกเลิกการสมัครอาจหายาก หรือบริษัทอาจบังคับให้ผู้ใช้โทรติดต่อฝ่ายบริการลูกค้าเพื่อแก้ไขปัญหา โมเต็ล Roach เป็นเพียงเคล็ดลับ UI อื่นที่ออกแบบมาเพื่อหลอกลวงผู้ใช้โดยไม่รู้ตัว

คลิกเบตและเนื้อหาที่เร้าใจ

Clickbait เป็นหนึ่งในกลอุบายที่เก่าแก่ที่สุดของหนังสือ แต่ผู้ใช้ยังคงตกหลุมพราง Clickbait เป็นหนึ่งในแนวโน้มที่เลวร้ายที่สุดในการออกแบบเว็บ แต่ก็ยังแพร่หลายอยู่ Clickbait หมายถึงเนื้อหาทางอินเทอร์เน็ต (มักจะเป็นลิงก์) โดยมีจุดประสงค์หลักในการดึงดูดความสนใจและกระตุ้นให้ผู้ใช้คลิก – เพียงเพื่อแสดงหน้าเว็บที่มีเนื้อหาที่ไม่เกี่ยวข้องหรือน่าทึ่งน้อยกว่ามาก

ผ่าน GitHub

Clickbait ล่อผู้อ่านเหมือนเหยื่อบนสายเบ็ดโดยใช้เนื้อหาที่น่าตื่นเต้นและคำศัพท์เพื่อดึงดูดความสนใจ เมื่อผู้อ่านใช้เหยื่อล่อ บริษัทจะดึงและดึงพวกเขาเข้ามา มักจะดักผู้ใช้ด้วยโฆษณาป๊อปอัปและไลท์บ็อกซ์ที่อยู่อีเมลขณะที่พวกเขาทำเช่นนั้น บทความ Clickbait ไม่ได้ทำตามสัญญาของพวกเขา ในแง่หนึ่งคือการโฆษณาที่ผิดพลาด พวกเขาใช้อติพจน์เพื่อดึงดูดผู้ใช้มากพอที่จะทำให้เขาหรือเธอต้องการคลิก

ตัวอย่างเช่น บทความคลิกเบตอาจมีพาดหัวข่าวว่า “เราสำรวจพนักงานของ Walmart 100 คน: สิ่งที่เราพบว่าน่าตกใจ” ถ้อยคำดังกล่าวทำให้ผู้คนสงสัยว่าอะไรที่ทำให้ตกตะลึงจึงคลิกลิงก์ หลังจากอ่านบทความทั้งหมดแล้ว ผู้อ่านรู้สึกผิดหวังอย่างมากที่พบว่าไม่มีอะไรน่าตกใจเลย มีเพียงข่าวที่ไม่เป็นข่าวเลย เช่น คนงานไม่พอใจกับค่าจ้างหรือเจอลูกค้าที่หยาบคาย นี่คือคลิกเบต

เนื้อหาหลอกลวง

หลายคนกลายเป็นผู้เชี่ยวชาญในการเขียนเนื้อหาที่หลอกลวง เนื้อหาหลอกลวงมีไว้เพื่อหลอก หลอก หรือสับสนให้ผู้ใช้ดำเนินการบางอย่าง ที่ที่พบบ่อยที่สุดที่เราเห็นเนื้อหาหลอกลวงคือระหว่างกระบวนการยกเลิกการสมัครรับจดหมายข่าวและเอกสารทางการตลาด เว็บไซต์หลายแห่งนำผู้ใช้ไปยังหน้ายกเลิกการสมัครเพียงเพื่อสร้างความสับสนให้กับกระบวนการหลายขั้นตอนและ/หรือปุ่มที่มีชื่อที่ทำให้เข้าใจผิด

ตัวอย่างที่ดีคือ UI สำหรับยกเลิกการสมัครจาก Daily Yahoo ยาฮู! ระบุข้อความว่า “คุณแน่ใจหรือไม่ว่าต้องการยกเลิกการสมัครรับข้อมูลจาก Daily Yahoo?” โดยมีปุ่มสีน้ำเงินขนาดใหญ่อยู่ข้างใต้ที่เขียนว่า "ไม่ ยกเลิก" ผู้ใช้ทั่วไปจะอ่านเนื้อหาด้านบนหรือไม่อ่าน และเพียงแค่กดปุ่มสีน้ำเงิน นี่เป็นรูปแบบสีเข้มที่หลอกให้ผู้ใช้เลือก “ไม่ ฉันไม่ต้องการยกเลิกการสมัคร – ยกเลิกคำขอของฉัน” เมื่อพวกเขาคิดว่าพวกเขากำลังขอยกเลิกการสมัครรับข้อมูล

ในกรณีนี้ ผู้ใช้ต้องมีความเข้าใจมากพอที่จะอ่านข้อความเล็กๆ ด้านล่างที่ระบุว่า "ใช่ ยกเลิกการสมัครรับข้อความทางการตลาดทั้งหมด" ยาฮู! นำรูปแบบสีเข้มไปอีกขั้น แต่มีข้อความที่คล้ายกันอยู่ด้านบนว่า “ใช่ ยกเลิกการสมัครรับจดหมายข่าวนี้” หากผู้ใช้ผ่านปุ่มสีน้ำเงินขนาดใหญ่ พวกเขามักจะเลือกสิ่งแรกที่ระบุว่ายกเลิกการสมัคร ในกรณีนี้ ผู้ใช้จะไม่ยกเลิกการสมัครรับข้อมูลจากสื่อการตลาดทั้งหมด – เพียงแค่จดหมายข่าว เนื้อหาหลอกลวงเช่นนี้เป็นเรื่องปกติเมื่อผู้ใช้พยายามยกเลิกการสมัครรับข้อมูล

หลีกเลี่ยงรูปแบบที่มืดด้วยค่าใช้จ่ายทั้งหมด

รูปแบบสีเข้มทำงานเพื่อหลอกผู้คน ทำให้ยากต่อการหลบหนีหรือหลีกเลี่ยงการถูกจับได้ รูปแบบความมืดนำผู้ใช้ไปสู่เส้นทางอันตราย มักจะทำให้พวกเขารู้สึกสับสน ถูกหักหลัง และโกรธตัวเองที่หลงกลอุบาย ในฐานะผู้บริโภคหรือนักออกแบบเว็บไซต์ วิธีที่ดีที่สุดคือหลีกเลี่ยงรูปแบบสีเข้มทั้งหมด

หากคุณเชื่อว่ากลวิธีทางการตลาดเป็นที่น่าสงสัยในเชิงจริยธรรม ให้ใช้เส้นทางอื่น ผู้บริโภค เสิร์ชเอ็นจิ้น และแพลตฟอร์มโซเชียลมีเดียหลักๆ เล็งเห็นรูปแบบที่มืดมนใน UI และเริ่มลงโทษไซต์สำหรับแนวทางปฏิบัติที่น่าสงสัย อย่าตกเป็นเหยื่อของการใช้ลวดลายสีเข้ม ให้รู้จักและหลีกเลี่ยงกลอุบายทั่วไปเหล่านี้เพื่อรักษาชื่อเสียงของแบรนด์ของคุณให้คงอยู่