กฎ UX 10 ข้อที่นักออกแบบเว็บไซต์ทุกคนควรมีไว้ใช้
เผยแพร่แล้ว: 2017-03-02คุณสามารถสร้างการออกแบบที่ทำให้คุณต้องอ้าปากค้างมากที่สุดในโลก และมันจะไม่สำเร็จหากไม่ตอบสนองการใช้งาน
ทุกอย่างตั้งแต่ไม้จิ้มฟันไปจนถึงเครื่องบินพาณิชย์ต้องการความสามารถในการใช้งานและขาย มิฉะนั้นการออกแบบของมันจะถึงวาระ ในทำนองเดียวกัน ในโลกของเว็บจะมีคำศัพท์ที่เรียกว่า UX ปรากฏขึ้นเมื่อมีการใช้และให้คะแนนเว็บไซต์
UX นั้นสั้นสำหรับประสบการณ์ผู้ใช้ที่ผู้ใช้เว็บได้รับเมื่อท่องเว็บไซต์และโต้ตอบกับองค์ประกอบและคุณสมบัติต่างๆ หากประสบการณ์นั้นขาด ๆ หาย ๆ และเป็นการแสวงหาที่ไม่ดีเว็บไซต์ก็ไม่มีอะไรเกิดขึ้นจากการลอยขยะบนอินเทอร์เน็ตจะไม่มีใครสนใจ UX สามารถตัดสินใจเพียงลำพังว่าสามารถใช้หรือขายเว็บไซต์ได้หรือไม่ ดังนั้นการนับจึงเป็นสิ่งจำเป็นสำหรับนักออกแบบ ในบทความนี้ เราจะแบ่งปันกฎสำคัญ 10 ข้อเกี่ยวกับการใช้งานที่นักออกแบบเว็บไซต์ทุกคนต้องทราบก่อนนำเว็บไซต์ไปสู่ขั้นตอนสุดท้ายของการทำให้เสร็จสมบูรณ์
1. อย่าพลาด UX กับ UI
มีเส้นแบ่งระหว่าง UX และ UI แม้ว่าคุณจะทราบถึงความแตกต่างแล้ว คุณอาจได้ยินเรื่องนี้จากลูกค้าไม่ทางใดก็ทางหนึ่ง แต่เมื่อถึงเวลา คุณจะต้องสามารถอธิบายความแตกต่างในแง่ที่ดีที่สุด ส่วนต่อประสานผู้ใช้ถูกกำหนดให้เป็นระบบจริงในขณะที่ประสบการณ์ผู้ใช้ถูกกำหนดให้เป็นผลลัพธ์ทางอารมณ์หลังจากโต้ตอบกับระบบ
Microsoft Windows คือ UI ในขณะที่ความพึงพอใจทางอารมณ์หลังจากใช้งานคือ UX ความสับสนของคำสองคำนี้ไม่เพียงแต่สร้างความเสียหายให้กับงานของคุณเองเท่านั้น แต่ยังทำให้คุณมีภาระหนักอึ้งกับบางสิ่งที่ไม่ใช่งานของคุณอีกด้วย
ดีไซเนอร์ที่ดีไม่เพียงแต่จะทราบถึงความแตกต่างเท่านั้น แต่ยังสามารถอธิบายให้ลูกค้าทราบได้เมื่อมีการเสนอสำนวนการนำเสนอผลงาน
2. UX เป็นมากกว่าประสบการณ์เว็บไซต์
การออกแบบเว็บเป็นมากกว่าสิ่งที่เห็น ทุกอย่างเริ่มต้นจากรายละเอียดภาพ ผลิตภัณฑ์ที่คุณใช้ และสถานที่ที่คุณเยี่ยมชมมี UX เขียนไว้ทั้งหมด การขับรถที่ไร้ค่าเป็นประสบการณ์ที่แย่ ในขณะที่การเปิดกล่องที่บรรจุไว้อย่างง่ายๆ เป็นสิ่งที่ดี การตลาด UX ออฟไลน์อาจดูเหมือนชุดอื่น แต่เดิมมันตัดจากผ้าผืนเดียวกัน แม้ว่าจะไม่เหมือนกันทั้งหมดและไม่สามารถอธิบายได้ด้วยตัวอย่างบางส่วน แต่ประสบการณ์ UX ในแพลตฟอร์มที่เป็นวัตถุและไม่มีตัวตนจะผลิตฮอร์โมนเดียวกันในสมองของคุณ ตัวอย่างเช่น มีคนค้นพบว่ามนุษย์จัดลำดับความสำคัญของข้อมูลจากซ้ายไปขวา และองค์ประกอบทางด้านซ้ายใช้พื้นที่ในแนวตั้งน้อยลงและมีน้ำหนักที่เท่ากัน
ระหว่างปี 2543 เทรนด์เริ่มเปลี่ยนไปและนักออกแบบเว็บไซต์เริ่มวางแถบนำทางไว้ที่แผงด้านซ้ายของหน้าเว็บ สิ่งนี้ทำให้ผู้ใช้สามารถสแกนเนื้อหาได้เร็วและดีขึ้น ในขณะที่ให้เนื้อหาเว็บไซต์มากขึ้น ในฐานะนักออกแบบเว็บไซต์ การมีเท้าทั้งสองข้างในสื่อทั้งสองจะช่วยให้คุณสามารถฝึกความคิดและเพิ่มพูนความรู้ของคุณเพื่อประเมินและผลิตโครงการจากมุมมองที่มีชีวิตชีวามากขึ้น
3. ศิลปะและวิทยาศาสตร์ย้อนกลับ
ศิลปะและวิทยาศาสตร์เป็นของคู่กันเมื่อพูดถึง UX การมีความเข้าใจอย่างลึกซึ้งเกี่ยวกับความผูกพันเป็นสิ่งจำเป็นโดยเฉพาะอย่างยิ่งในระหว่างกระบวนการออกแบบ ในทางวิทยาศาสตร์ มีสถานการณ์การแก้ปัญหาที่ผู้ออกแบบต้องวางแผนงานและจัดการกับปัญหาด้วยวิธีแก้ปัญหาเชิงทฤษฎี ตัวอย่างเช่น เว็บไซต์มียอดขายต่ำมาก ผู้ออกแบบจะแนะนำให้อัปเดตเว็บไซต์ ทดสอบและแก้ไขปัญหาซึ่งจะกลายเป็นโซลูชัน นี่คือจุดที่ศิลปะก้าวเข้ามา
ทุกแง่มุมและองค์ประกอบจะได้รับการแนะนำในโซลูชัน เช่น สี แบบอักษร เลย์เอาต์ ข้อความ และเนื้อหาภาพ เพื่อทำให้เว็บไซต์นั้นน่าดึงดูดทั้งในด้านสุนทรียภาพและการใช้งาน จะต้องผ่านการทดสอบเพิ่มเติมจนกว่าจะสามารถเรียกการตอบสนองทางอารมณ์ที่ต้องการจากผู้ใช้ได้ การแสดงพฤติกรรมภายนอกผ่านการใช้วิทยาศาสตร์เป็นสิ่งที่ทำให้ศิลปะและวิทยาศาสตร์เป็นคู่ที่แปลกแต่ทรงพลัง
4. ใช้แนวทางที่มุ่งเป้าหมายในการแก้ปัญหาของคุณ
นักออกแบบต้องจัดการกับลูกค้าที่ต้องการให้สิ่งต่างๆ ดำเนินไปโดยหนังสือของตนอย่างไม่ต้องสงสัย สิ่งนี้สร้างเขาวงกตที่นำไปสู่ที่ไหนเลยเนื่องจากหลายสิ่งหลายอย่างที่ลูกค้าไม่ทราบว่ามีเพียงนักออกแบบเท่านั้นที่รู้ ในทำนองเดียวกัน บางครั้งนักออกแบบมักมุ่งทำสิ่งต่างๆ ในแบบของตน ในขณะที่วิธีอื่นๆ ก็อยู่บนโต๊ะเช่นกันและอาจทำงานได้ดีกว่า
การรักษาแนวทางเดียวเช่นนี้ไม่เคยมีประโยชน์เมื่อออกแบบการออกแบบเว็บที่มี UX ที่สมบูรณ์ UX ที่ดีจะสามารถทำได้จากแนวทางที่ขับเคลื่อนด้วยเป้าหมายซึ่งมุ่งเน้นไปที่โซลูชันที่ดีที่สุดเท่านั้น ตัวอย่างเช่น ลูกค้าต้องการเปลี่ยนลิงก์คำรับรองของลูกค้าไปที่ด้านบนของหน้าเพื่อให้ได้รับการเปิดเผยมากขึ้นและเชิญชวนให้มีการเข้าชมมากขึ้น อย่างไรก็ตาม ปัญหาไม่ได้อยู่ที่ตำแหน่งของลิงก์ แต่อยู่ที่ลิงก์ของตำแหน่งเอง เนื่องจากไม่สามารถดึงดูดการเข้าชมได้ ดังนั้น คุณจึงสามารถแก้ไขลิงก์ได้โดยทำให้มองเห็นได้ชัดเจนขึ้นตรงที่ที่ลิงก์ แทนที่จะย้ายไปยังตำแหน่งใหม่ วิธีแก้ปัญหาทั้งสองสามารถใช้เพื่อแก้ไขปัญหาได้ และคุณต้องเปิดตัวเลือกนี้ไว้ สิ่งนี้เรียกว่าการออกแบบที่ขับเคลื่อนด้วยเป้าหมาย
5. เปิดเผยเอกลักษณ์ของแบรนด์ผ่าน UX
เอกลักษณ์ของแบรนด์เป็นหนึ่งในวัตถุประสงค์หลักที่อยู่เบื้องหลังการสร้าง UX ที่ยอดเยี่ยม หาก UX ทำเครื่องหมายเพื่อสร้างความพึงพอใจให้กับผู้ใช้ มันจะสะท้อนถึงแบรนด์อย่างมากซึ่งทำให้ประสบการณ์นี้เป็นไปได้ สิ่งสำคัญคือคุณจะต้องไม่ฟุ้งซ่านในการสร้างรูปลักษณ์ที่ตรงตามความต้องการของลูกค้า การออกแบบที่ดีที่ต้องแสดงการผสมผสานที่ลงตัวระหว่างฟังก์ชันและคุณสมบัติที่ไม่เพียงแต่ทำให้ประสบการณ์ของผู้ใช้เป็นที่พึงพอใจ แต่ยังให้รายละเอียดเกี่ยวกับการลงทุนของแบรนด์เพื่อให้ประสบความสำเร็จ การดำเนินการนี้จะกำหนดว่าผู้ใช้จะเข้าชมเว็บไซต์อีกครั้งหรือไม่

เพื่อให้แน่ใจว่าคุณมีมุมมองของลูกค้าที่ฝังแน่นอยู่ในการออกแบบ แจ้งให้พวกเขาทราบเกี่ยวกับการเคลื่อนไหวแต่ละครั้ง และทำการเปลี่ยนแปลงที่จำเป็นใดๆ ที่สามารถรองรับได้ในการออกแบบ สิ่งสำคัญคือคุณต้องพิจารณาภาพรวมในขณะที่เพิ่มการตั้งค่าไคลเอ็นต์เพื่อให้ประสบการณ์ของผู้ใช้ไม่ได้รับผลกระทบในกระบวนการ
6. สร้าง UX ของคุณในมุมมองของผู้ใช้
อย่าตกเป็นเหยื่อของจินตนาการของคุณเอง เนื่องจากคุณมีอิสระในการสร้างสรรค์บ้างในขณะออกแบบเว็บไซต์ คุณไม่ควรใช้ในทางที่ผิด ในกรณีนี้ คุณมีแนวทางของลูกค้าและความชอบของคุณฝังแน่น แต่ลืมมุมมองของผู้ใช้ไปโดยสิ้นเชิง การเป็นดีไซเนอร์เป็นสิ่งสำคัญที่คุณจะต้องไม่ปล่อยให้จินตนาการมาขัดขวางคุณจากการบรรลุสิ่งที่ลูกค้าและผู้ใช้ต้องการ การออกแบบที่ขับเคลื่อนโดยผู้ใช้มีโอกาสดีที่สุดในการสร้าง UX ที่ชนะมากกว่าวิธีอื่นๆ
เพื่อให้แน่ใจว่าคุณกำลังมาถูกทาง ให้ค้นคว้าเกี่ยวกับผู้ใช้เฉพาะกลุ่มการออกแบบของคุณและเรียนรู้เกี่ยวกับความต้องการและความต้องการของพวกเขาในการออกแบบเฉพาะของคุณ ก่อนที่คุณจะพร้อมที่จะเปิดใช้ ให้ใช้การทดสอบ A/B เพื่อตรวจสอบว่าการออกแบบของคุณตรงตามข้อกำหนดหรือไม่ โปรดจำไว้ว่า ความต้องการของผู้ใช้มีความสำคัญมากกว่าข้อมูลส่วนตัวของคุณ เพราะในท้ายที่สุดพวกเขาจะใช้มัน
7. UX คือทั้งหมดที่เกี่ยวกับจิตวิทยา
ตัวกระตุ้นพฤติกรรมขึ้นอยู่กับจิตวิทยาของมนุษย์ที่กระตุ้นการตอบสนองทางอารมณ์จากผู้ใช้ นักออกแบบที่ดีสามารถประเมินความคิดของผู้ใช้ในเชิงคุณภาพและเชื่อมโยงทางอารมณ์กับเนื้อหาได้ การเชื่อมต่อทางอารมณ์เหล่านี้มีความสำคัญในการสร้าง UX ที่มีชีวิตชีวาในการออกแบบเว็บ ใช้การแจ้งเตือนเช่น คุณอาจเคยประสบกับคุณลักษณะการแจ้งเตือนแบบป๊อปอัปที่น่ารำคาญซึ่งส่งคุณออกจากเว็บไซต์โดยกระแทกประตูเมื่อคุณออกไป แม้ว่าจะเป็นส่วนหนึ่งเพื่อประโยชน์ของลูกค้าในขณะเดียวกันก็รักษาคอนเวอร์ชั่นสำหรับผู้ค้าปลีกไปพร้อมๆ กัน การแสดงข้อมูลดังกล่าวทันทีหลังจากที่ลูกค้าเข้าสู่เว็บไซต์ถือเป็นความคิดที่แย่มาก
ลองนึกภาพตัวเองมาถึงจุดสำคัญของสำนักงานและได้รับคำสั่งให้ทำงานบ้านโดยไม่ต้องหายใจหรือเพลิดเพลินกับกาแฟอุ่นๆ เวลาเป็นปัจจัยสำคัญที่นี่ หากคุณรู้จักจิตใจของมนุษย์ คุณจะไม่เริ่มต้นด้วยป๊อปอัปที่ครอบคลุมพื้นที่มากกว่าครึ่งของหน้าจอ แต่คุณสามารถรอให้ผู้เข้าชมอ่านเนื้อหาคร่าวๆ แล้วเริ่มด้วยสำนวนการขายของคุณ วิธีนี้จะได้รับการแจ้งเตือนแบบเดียวกันด้วยอาวุธที่เปิดกว้าง เพราะตอนนี้ผู้ใช้สามารถสละเวลาเพื่อมีส่วนร่วมได้จริง UX อาศัยจิตใจของผู้บริโภคเป็นอย่างมาก และนั่นคือเหตุผลที่คุณต้องรวมเอาตัวกระตุ้นเชิงพฤติกรรมในปริมาณที่เหมาะสม ในขณะที่ใช้ความระมัดระวังในจุดที่ต้องการ
8. นำลูกค้าของคุณผ่านการเลื่อน
การเลื่อนทำงานเหมือนเวทมนตร์ถ้าคุณถามฉัน โดยจะส่งผู้ใช้เพื่อค้นหาข้อมูลที่ลึกซึ้งยิ่งขึ้นในไซต์ และเพิ่มโอกาสในการแปลง อาจเป็นสาเหตุที่นักออกแบบส่วนใหญ่วาง CTA ไว้ที่ด้านล่างของหน้า โดยที่การเลื่อนไปถึงจุดสิ้นสุด
แม้แต่วิธีการ "รักแรกพบ" ก็สามารถส่งเสริมการเลื่อน โดยการออกแบบจะแสดง CTA ที่ด้านบนของหน้า คุณสามารถปรับหน้าดังกล่าวให้เหมาะสมได้โดยการแนะนำตัวชี้นำการเลื่อน ตัวชี้นำการเลื่อนอาจมีตั้งแต่การถอนหายใจด้วยลูกศรไปจนถึงองค์ประกอบกราฟิกที่ดึงดูดใจ ตัวอย่างเช่น สามารถใช้ลูกศรเพื่อชี้ทิศทางสำหรับเนื้อหาชิ้นถัดไป ในขณะที่องค์ประกอบกราฟิกสามารถนำผู้ใช้ไปยังสไลด์ถัดไปได้โดยตรงเมื่อพวกเขาโต้ตอบกับสไลด์
9. ทำให้การใช้งานสะดวกสบาย
เมื่อคุณเผยแพร่เนื้อหาของคุณบนอินเทอร์เน็ต คุณต้องคาดหวังว่าเนื้อหาจะได้พบกับผู้คนจากภูมิหลังทุกประเภท ทุกคนไม่แสดงความคิดเห็นของคุณในแบบที่คุณตั้งใจจะเสนอ นั่นคือเหตุผลที่เนื้อหาของคุณควรสามารถดูดซึมได้ ดังนั้นผู้ใช้จึงไม่จำเป็นต้องใช้ความพยายามพิเศษในการทำความเข้าใจสิ่งที่คุณนำเสนอ หากเนื้อหาย่อยได้ ผู้ใช้จะแปลงเร็วขึ้น
ให้พวกมันกัดทีละคำ การแสดงทุกอย่างที่คุณสามารถเสนอได้ในการนั่งครั้งเดียวไม่เพียงทำให้ผู้ใช้สับสน แต่ยังสะท้อนถึงความสิ้นหวังในครึ่งของคุณ เพื่อให้แน่ใจว่าการออกแบบของคุณระบายอากาศได้ดีและดูดซึมได้ง่าย ให้ใช้ช่องว่างสีขาวรอบๆ องค์ประกอบเพื่อให้แยกแยะได้ง่าย สร้างเนื้อหาที่เข้าใจได้สำหรับผู้ชมทุกประเภทด้วยตัวอย่างและเรื่องเล่าของคุณเอง แสดงตัวเองเป็นเพื่อน ไม่ใช่นักธุรกิจ
10. เพิ่มประสิทธิภาพองค์ประกอบหน้าของคุณให้เหมาะสม
องค์ประกอบของหน้าเป็นส่วนสำคัญของการออกแบบเว็บ พวกเขาทำหน้าที่ที่จำเป็นสำหรับผู้ใช้และรักษาความกลมกลืนทางอารมณ์ใน UX อย่างไรก็ตาม การเพิ่มองค์ประกอบของหน้าที่ไม่จำเป็นอาจเป็นอันตรายต่อเว็บไซต์และผู้ใช้ของคุณได้เช่นกัน
องค์ประกอบของหน้า เช่น CTA ที่มีคำสั่งหลายคำสั่งแทนที่จะเป็นเพียงคำสั่งเดียว รูปภาพที่ทำให้เสียสมาธิมากพอที่จะดึงสายตาออกจากหัวเรื่องหรือชิ้นส่วนของข้อความที่อยู่ตรงกลางของหน้าที่หลอกลวงลูกค้า การเพิ่มองค์ประกอบเหล่านี้อย่างไม่มีจุดหมายจะส่งผลต่อความน่าเชื่อถือในการออกแบบเว็บของคุณในขณะที่ความเร็วในการโหลดช้าลง เช่น รูปภาพ HD อาจเป็นโรงงานที่ล่าช้าสำหรับหน้าเว็บของคุณ พวกเขาต้องการแบนด์วิดท์จำนวนมากและใช้เวลาโหลดในอุดมคติสำหรับเว็บไซต์ที่เป็นมิตรกับการแปลง เว็บไซต์ที่โหลดช้าเป็นสิ่งสุดท้ายที่คุณต้องการใน UX เว็บไซต์ของคุณ
ความคิดสุดท้าย
ในฐานะนักออกแบบเว็บไซต์ คุณต้องนำทุกองค์ประกอบ ทุกแง่มุม และวิธีการมารวมกันเป็นสมการ เป้าหมายของคุณคือต้องสร้างการออกแบบที่ไม่เพียงแต่ชนะใจลูกค้าเท่านั้น แต่ยังต้องมอบ UX ที่เติมเต็มอีกด้วย ด้วยกฎพื้นฐาน 10 ข้อนี้ คุณสร้างการออกแบบเว็บในอุดมคติที่ตอบสนองการใช้งานจากทุกมุมที่เป็นไปได้