การใช้ Microsoft Clarity เพื่อทำความเข้าใจผู้ใช้ให้ดีขึ้น

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

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

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

คุณสมบัติที่ทรงพลังที่สุดของ Clarity คืออะไร?

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

Clarity Dashboard: ข้อมูลเชิงลึกระดับสูงและตัวกรองที่เหมาะสมยิ่งขึ้น

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

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

• ระบุการแปลงเช่นการส่งแบบฟอร์มและการซื้อ
• ค้นหาแผนที่ความหนาแน่นและการบันทึกเซสชันสำหรับผู้ใช้เฉพาะ
• ติดตามว่าผู้ใช้รายใดลงชื่อเข้าใช้เมื่อใดและกำลังดูหน้าประเภทใด

ตัวชี้วัดความผิดหวัง: ระบุและขจัดปัญหาการใช้งาน

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

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

การเล่นซ้ำของเซสชัน: ดูว่าผู้ใช้สัมผัสประสบการณ์จริงกับเว็บไซต์ของคุณอย่างไร

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

ความชัดเจนยังมีช่องกาเครื่องหมาย “ข้ามการไม่ใช้งาน” ที่ช่วยให้คุณข้ามช่วงที่ยาวออกไปเมื่อผู้ใช้ไม่ได้ทำอะไร—ช่วยประหยัดเวลาได้มากเมื่อดูหลายเซสชัน

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

แผนที่ความหนาแน่น: แสดงภาพเนื้อหาที่น่าสนใจที่สุดของคุณ

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

• คลิกแผนที่ความร้อน แสดงตำแหน่งที่ผู้ใช้คลิกบนหน้าเดสก์ท็อป
• การ แตะแผนที่ความร้อน จะแสดงตำแหน่งที่ผู้ใช้แตะบนหน้ามือถือและแท็บเล็ต
• แผนที่ความหนาแน่นของการ เลื่อน แสดงว่าผู้ใช้เลื่อนหน้าลงมาไกลแค่ไหน

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

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

หมายเหตุ: ตัวกรองแดชบอร์ดยังสามารถนำไปใช้กับแท็บ "การบันทึก" และ "แผนที่ความร้อน"

วิธีปรับแต่งการตั้งค่าความคมชัด

Microsoft Clarity ทำให้การเริ่มต้นโครงการใหม่ ปิดบังข้อมูล และบล็อกที่อยู่ IP ที่เฉพาะเจาะจงเป็นเรื่องง่าย นอกจากนี้ยังผสานรวมกับ Google Analytics เพื่อให้ภาพที่มีรายละเอียดมากขึ้นเกี่ยวกับจุดแข็งและจุดอ่อนของเว็บไซต์ของคุณ

การตั้งค่าความชัดเจน: เข้ากันได้กับแพลตฟอร์มบุคคลที่สามยอดนิยม

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

หลังจากที่คุณสร้างโครงการ คุณจะถูกนำไปที่หน้า "ตั้งค่า" และได้รับรหัสติดตามความชัดเจน คัดลอกและวางโค้ดลงในส่วน HTML <head> ของหน้าเว็บของคุณ หรือติดตั้งโดยใช้ปลั๊กอิน WordPress ของ Clarity หรือเทมเพลต Google Tag Manager ความชัดเจนยังให้คำแนะนำในการตั้งค่าสำหรับแพลตฟอร์มบุคคลที่สามหลายแพลตฟอร์ม

การกำบัง: ปกป้องข้อมูลเว็บไซต์ของคุณ

มีโหมดกำบังสามโหมดที่ป้องกันไม่ให้ Clarity จับข้อความที่ละเอียดอ่อนของเว็บไซต์ของคุณ:

• เข้มงวด : ข้อความทั้งหมดถูกปิดบัง
• สมดุล : ปิดบังเฉพาะข้อความที่ละเอียดอ่อนเท่านั้น ข้อความที่ละเอียดอ่อนประกอบด้วยช่องป้อนข้อมูล ตัวเลข และที่อยู่อีเมล (นี่คือการตั้งค่าเริ่มต้นของ Clarity)
• ผ่อนคลาย : ไม่มีข้อความถูกปิดบัง

นอกจากโหมดการกำบังของ Clarity แล้ว คุณยังสามารถปิดบังเนื้อหาเฉพาะ เช่น รูปภาพ

หมายเหตุ: ไม่แนะนำให้ใช้ Clarity กับไซต์ที่มีข้อมูลที่ละเอียดอ่อน เช่น เวชระเบียนหรือข้อมูลทางการเงิน

การบล็อก IP: ยกเว้นผู้เยี่ยมชมบางรายจากการติดตาม

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

Google Analytics: ลิงก์ไปยังบันทึกความชัดเจน

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

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

Microsoft Clarity ให้ข้อมูลเชิงลึกของผู้ใช้ที่มีค่า

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

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• Hotjar: UX และเคล็ดลับการแปลง
• การทดสอบ UX สำหรับคนทั่วไป: ทำให้มันง่ายและคุ้มค่า
• ใคร อะไร และทำไม – คู่มือวิธีการทดสอบผู้ใช้