วิธีลดแรงเสียดทานในการออกแบบเว็บ

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

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

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

การระบุแรงเสียดทานบนเว็บไซต์ของคุณ

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

แม้ว่าสิ่งเหล่านี้ล้วนเป็นรุ่นเดียวกัน แต่โดยทั่วไปเราสามารถระบุอาการของแรงเสียดทานได้ดังนี้:

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

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

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

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

1. เริ่มต้นด้วย Macro Approach

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

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

2. ลดขั้นตอนที่จำเป็นในการดำเนินการให้น้อยที่สุด

มีโอกาสดีที่คุณจะสามารถลดแรงเสียดทานได้โดยการตัดขั้นตอนบางอย่างในกระบวนการของผู้ใช้ออก ตัวอย่างที่มีชื่อเสียงคือกระบวนการที่ซับซ้อนของการใช้ฟังก์ชัน iCal:

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

ถ้าคุณคิดว่ามันดูเครียด แสดงว่าคุณไม่ได้อยู่คนเดียว ตอนนี้ ตรงกันข้ามกับการเดินทางของผู้ใช้ในฟีเจอร์ปฏิทินของ Backpack:

1. ดับเบิลคลิกที่วันที่ของกิจกรรมในมุมมองเดือนของคุณ
2. พิมพ์ชื่อกิจกรรมและเวลาเริ่มต้น

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

3. รู้ว่า “น้อยแต่มาก”

เป้าหมายสูงสุดของอินเทอร์เฟซคือการทำให้สิ่งต่าง ๆ เรียบง่ายที่สุด ซึ่งเป็นรากฐานของแนวทางปฏิบัติที่ดีที่สุดของการออกแบบเว็บ เราสามารถถ่ายทอดสิ่งที่จำเป็นออกไปได้โดยการขจัดสิ่งที่ไม่จำเป็นออกไป

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

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

4. ใช้แนวทางปฏิบัติที่ดีในการนำทาง

ศัตรูตัวหนึ่งของประสบการณ์ที่ไม่มีน้ำหนักคือการนำทางที่ไม่ดี

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

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

5. การเคี้ยวเป็นเพื่อนของคุณ

นักศึกษาวิชาจิตวิทยาคนใดจะจำได้ว่า George A. Miller ตั้งข้อสังเกตว่าจิตใจของมนุษย์โดยเฉลี่ยสามารถเก็บวัตถุ 7 ชิ้นไว้ในหน่วยความจำในการทำงาน บวกหรือลบ 2

นี่คือที่มาของการฝึกแบบกลุ่ม - ป้องกันการโอเวอร์โหลดของความรู้ความเข้าใจ การจัดระเบียบข้อมูลเป็นส่วนๆ ทำงานโดยอาศัยข้อจำกัดของสมองมนุษย์และเพิ่มการจดจำ

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

6. อย่าคิดค้นล้อใหม่

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

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

7. ยึดมั่นในแบรนด์ของคุณ

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

หน้า Landing Page หรือหน้าแรกของแอปควรระบุวิธีแก้ปัญหา แก้ปัญหาให้กับผู้ใช้ หรือช่วยให้ผู้ใช้บรรลุเป้าหมายได้อย่างง่ายดาย แนวคิดนี้ใช้กับเลย์เอาต์ การออกแบบตัวอักษร กราฟิก และอื่นๆ

บทสรุป

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

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

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