Inclusive UX Design: ทำไมการออกแบบที่ครอบคลุมผู้ใช้ทุกประเภทถึงมีประโยชน์
เผยแพร่เมื่อ 10 Nov 2022 โพสไปที่หากคุณลองนึกภาพสนามเด็กเล่นที่มีชิงช้าเพียงแบบเดียวที่คุณต้องมีความสูงเฉพาะ เห็นได้ชัดว่าคนที่จะมาเล่นได้คือคนที่เหมาะกับชิงช้า เพราะ การออกแบบเพื่อพวกเขาเท่านั้น อย่างไรก็ตาม ยังมีอีกหลายวิธีที่คุณสามารถออกแบบประสบการณ์การแกว่งชิงช้าแทนได้ เช่น คุณสามารถเปลี่ยนรูปร่างของเบาะนั่ง ความยาวของโซ่ หรือแม้แต่ทำให้สภาพแวดล้อมแกว่งไปมาและทำให้บุคคลนั้นอยู่กับที่ การมีส่วนร่วมไม่ควรถูกขัดขวางโดยการออกแบบะ แต่การออกแบบควรเปลี่ยนเพื่ออำนวยความสะดวกในการมีส่วนร่วมมากกว่า
แนวคิดนี้ยังใช้ได้กับเทคโนโลยีอีกด้วย หากการแสดงความคิดของคุณต้องใช้แป้นพิมพ์ เมาส์ หน้าจอคอมพิวเตอร์ และความคล่องแคล่วในภาษาอังกฤษ เรื่องเดียวที่เราสามารถอ่านได้คือจากคนที่มีคุณสมบัติตรงตามเกณฑ์เท่านั้น ในขณะที่ผู้คนอาจไม่เข้าเกณฑ์เหล่านี้ก็จะไม่สามารถแสดงความคิดเห็นได้ ในกรณีนี้ นักออกแบบมีอำนาจสูงสุดในการตัดสินใจว่าใครสามารถโต้ตอบกับสิ่งแวดล้อมได้และใครบ้างที่ได้รับการยกเว้น
การออกแบบเพื่อผู้ใช้นั้นอาจมีความสับสนกับการออกแบบสำหรับผู้ทุพพลภาพ แม้ว่าจะเป็นความจริง แต่การออกแบบที่รวมและครอบคลุมทุกอย่างเป็นมากกว่านั้น มันคือการออกแบบผลิตภัณฑ์สำหรับผู้คนที่หลากหลายที่สุดเท่าที่จะเป็นไปได้และสามารถใช้งานได้ในสภาพแวดล้อมที่แตกต่างกัน การออกแบบที่ครอบคลุมเช่นนี้ คือ วิธีทำให้แอปฯ ของคุณใช้งานง่าย ไม่ใช่แค่ทำให้ข้อความและรูปภาพใหญ่ขึ้นสำหรับผู้พิการทางสายตา ซึ่งช่วยให้เราพิจารณาว่าเพศ อายุ ชาติพันธุ์ ระดับการศึกษา รายได้ ภาษา และวัฒนธรรมกำหนดวิธีที่เรามีปฏิสัมพันธ์กับโลกอย่างไร แม้ว่าอาจดูเป็นไปไม่ได้ที่จะสร้างความพึงพอใจให้กับผู้คนทั้ง 7 พันล้านคนทั่วโลก แต่ที่สำคัญกว่านั้นคือการออกแบบผลิตภัณฑ์และบริการในแง่ของการออกแบบที่ครอบคลุม
ทำไมต้องออกแบบเพื่อตลาดที่หลากหลาย?
เหตุผลของการออกแบบที่ครอบคลุมนั้นชัดเจน พวกเราส่วนใหญ่ต้องการสร้างโลกที่ทุกคนมีโอกาสเท่าเทียมกันในการมีส่วนร่วมในสังคม เมื่อรวมกับประชากรสูงอายุในหลายพื้นที่ของโลก มันจะช่วยส่งผลดีในระดับสังคม
ขณะที่ในระดับธุรกิจ การออกแบบเพื่อผู้ใช้ที่ครอบคลุมเช่นนี้จะสร้างกำไรและได้รับการยอมรับจากบริษัทชั้นนำของโลกเพื่อพัฒนาฐานลูกค้าที่ใหญ่ขึ้น ในทางธุงกิจนั้นเป็นไปได้ว่าสิ่งที่มีประโยชน์ที่สุดคือ การออกแบบผลิตภัณฑ์ที่ผู้คนจำนวนมากขึ้นสามารถใช้งานได้และพึงพอใจ เมื่อพูดถึงขีดความสามารถแล้ว เราแบ่งได้เป็น 3 ระดับ ดังนี้
ความทุพพลภาพถาวร (เช่น จากสูญเสียแขนถาวร)
ความทุพพลภาพชั่วคราว (เช่น จากอาการบาดเจ็บที่แขน)
ความทุพพลภาพตามสถานการณ์ (เช่น จากการอุ้มลูกน้อย)
ที่มา: https://www.microsoft.com/design/inclusive/
เมื่อมองดูแล้ว ตลาดสำหรับผู้ที่มีแขนข้างเดียวอาจจะไม่ใหญ่มากนัก แต่ผลิตภัณฑ์ที่พ่อแม่มือใหม่ที่อุ้มลูกใช้ได้นั้นใหญ่กว่า ดังนั้น การออกแบบสำหรับตลาดเล็กๆ สำหรับผู้ทุพพลภาพถาวรอาจเป็นวิธีที่มีประสิทธิภาพในการพัฒนาผลิตภัณฑ์ที่ทำให้ชีวิตคนส่วนใหญ่มีประสิทธิภาพและสนุกสนานมากขึ้น
บริการแปลงข้อความเป็นเสียงในขั้นต้นได้รับการพัฒนาขึ้นเพื่อช่วยเหลือผู้พิการในการใช้ชีวิตอย่างอิสระ แต่เทคโนโลยีดังกล่าวได้รับการพัฒนาเพิ่มเติมและรวมเข้ากับซอฟต์แวร์ที่ผู้คนใช้ทุกวัน ซึ่งรวมถึง Alexa และ Siri นักประดิษฐ์อย่าง Alexander Graham Bell อาจได้รับการยกย่องว่าเป็นผู้คิดค้นโทรศัพท์ แต่เดิมทีถูกสร้างขึ้นเพื่อใช้เป็นเครื่องช่วยฟังสำหรับแม่ที่หูหนวกของเขา คำบรรยายใต้ภาพทางโทรทัศน์และการถอดเสียงเป็นคำออกแบบมาสำหรับคนหูหนวก แต่ปัจจุบันมีการใช้กันอย่างแพร่หลายและมีประโยชน์ในบาร์ที่มักมีเสียงดังหรือในเลานจ์ที่ต้องการความเงียบสงบ ด้วยการออกแบบเช่นนี้ ผลิตภัณฑ์จึงมีประโยชน์สำหรับผู้คนแทบทุกคน
การออกแบบเพื่อผู้ใช้ที่ครอบคลุมถือเป็นเครื่องมือที่ตอบโจทย์สำหรับทั้งลูกค้าและธุรกิจ เพราะช่วยขยายการเข้าถึงผลิตภัณฑ์ของคุณ สร้างนวัตกรรม และช่วยให้บริษัทของคุณได้มีส่วนรับผิดชอบต่อสังคม
จะเริ่มต้นที่ไหน
มีบล็อกและเครื่องมือมากมายที่ช่วยตรวจสอบเว็บไซต์ของคุณเพื่อให้แน่ใจว่าเป็นไปตามมาตรฐานเพื่อช่วยสำหรับการเข้าถึง แต่ถ้าคุณไม่อยากจมกับข้อมูลจำนวนมาก จุดเริ่มต้นที่ดีคือ WCAG (แนวทางการเข้าถึงเนื้อหาเว็บ) ที่เผยแพร่โดย W3C (World Wide Web Consortium) แนวทางนี้ให้ภาพรวมที่ครอบคลุมเกี่ยวกับวิธีการทำให้แน่ใจว่าเว็บไซต์ของคุณสามารถเข้าถึงได้
เราได้เตรียมข้อมูลสรุปเพื่อให้คุณทำความคุ้นเคยกับข้อกำหนดในขั้นต้นและรู้วิธีนำไปปรับใช้
การแสดงภาพ
เลือกสีอย่างรอบคอบ
ข้อมูลเนื้อหากว่า 90% นั้นใช้สี แต่การสร้างเว็บไซต์ที่เข้าถึงได้นั้นไม่ได้หมายความถึงการแสดงข้อมูลเพียงอย่างเดียว (เช่น การมองเห็น สี รูปร่าง เสียง) โดยพื้นฐานแล้ว สีไม่ควรใช้เป็นวิธีการเดียวในการถ่ายทอดข้อมูลในกรณีที่ผู้ใช้ของคุณตาบอดสี แต่สีขององค์ประกอบพื้นหน้าและพื้นหลังต้องมีความต่างเพียงพอเพื่อให้ทุกคนสามารถแยกแยะระหว่างองค์ประกอบต่างๆ บนหน้าเว็บได้ WCAG แนะนำให้ใช้อัตราส่วนคอนทราสต์ 4.5:1 คุณไม่ควรทำให้หน้าเว็บนั้นดูใช้งานยากเพียงเพราะพื้นหลังสีเทาและข้อความสีขาวดูสวยงามมากกว่า
หลีกเลี่ยงการใช้สีที่ขัดแย้งกันรุนแรงซึ่งอาจทำให้ปวดตา สีสดใสถูกนำมาใช้ในการโฆษณาและการออกแบบกราฟิกเพื่อดึงดูดความสนใจ แต่การผสมสีบางอย่างอาจทำให้รู้สึกปวดตา
ขนาด
ไม่ได้มีข้อกำหนดที่ตายตัวเกี่ยวกับขนาดฟอนต์ แต่นักออกแบบควรลองพิจารณา อย่างไรก็ตาม ข้อความที่ขยายใหญ่ไม่ควรสูญเสียฟังก์ชันการทำงานและความสามารถในการอ่าน กล่าวคือสามารถปรับขนาดข้อความได้โดยไม่ต้องให้ผู้ใช้เลื่อนในแนวนอน ตาม WCAG ผู้ใช้อาจขยายข้อความมากถึง 200% ในการทำสิ่งนี้ให้สำเร็จ คุณควรใช้เปอร์เซ็นต์แทนขนาดฟอนต์เฉพาะ (พิกเซล, จุด) จุดเริ่มต้นที่ดีคือ 16px สำหรับข้อความเนื้อหา
ระยะห่าง
ระยะห่างระหว่างบรรทัดอาจดูเหมือนไม่สำคัญสำหรับผู้ใช้ทั่วไป แต่ระยะห่างระหว่างบรรทัดมีความสำคัญพอๆ กับขนาดฟอนต์สำหรับผู้พิการ ข้อความที่แคบเกินไปจะอ่านได้ยาก ในขณะที่การเว้นวรรคขนาดใหญ่ทำให้องค์ประกอบต่างๆ ดูไม่เกี่ยวข้องกัน ผู้ใช้ที่มีความบกพร่องทางสติปัญญาหรือความบกพร่องทางสายตาอาจมีปัญหาในการติดตามบรรทัดข้อความ
ความยาวของบรรทัดยังส่งผลต่อความสามารถในการอ่านอย่างมาก WCAG ต้องการตัวอักษร 80 ตัวต่อบรรทัด แต่ความยาวบรรทัดในอุดมคติคือ 40-60 ตัวอักษร
การจัดตำแหน่ง
ข้อความที่จัดชิดซ้ายเป็นข้อความที่อ่านได้ง่ายที่สุด และบุคคลที่มีความบกพร่องทางสติปัญญามีปัญหากับข้อความที่จัดชิดขอบและจัดกึ่งกลาง ข้อความที่จัดชิดขวาส่งผลให้ระยะขอบซ้ายไม่เท่ากันซึ่งลดความเร็วในการอ่านลงอย่างมาก
ที่มา: https://uxmovement.com/content/why-you-should-never-center-align-paragraph-text/
ฟอนต์
ไม่มีข้อกำหนดสำหรับฟอนต์ แต่โดยธรรมชาติแล้วควรอ่านได้และใช้รูปแบบธรรมดา ฟอนต์แฟนตาซีและฟอนต์ตัวเขียนไม่ใช่ตัวเลือกที่ดีสำหรับเว็บไซต์โดยและเป็นการไม่คำนึงถึงความสามารถในการเข้าถึง
การนำทางและเลย์เอาต์
การนำทางด้วยแป้นพิมพ์
เพื่อให้เว็บไซต์สามารถเข้าถึงได้ เว็บไซต์ควรใช้งานได้โดยไม่ต้องใช้เมาส์ ซึ่งรวมถึงการเข้าถึงหน้า ลิงก์ ปุ่ม แบบฟอร์ม ฯลฯ ผู้ที่มีความบกพร่องทางการเคลื่อนไหวและการมองเห็นต้องพึ่งพาการนำทางด้วยคีย์บอร์ดเท่านั้น วิธีที่พบบ่อยที่สุดคือการกดปุ่ม Tab และลูกศรสำหรับการนำทางและป้อนเพื่อส่ง นักออกแบบควรตรวจสอบให้แน่ใจว่ามีตัวบ่งชี้ที่มองเห็นได้อยู่รอบองค์ประกอบเพื่อแสดงว่าองค์ประกอบนั้นถูกเลือกไว้ สิ่งสำคัญที่สุดคือไม่ควรมี keyboard trap ซึ่งเป็นเวลาที่ผู้ใช้ไม่สามารถย้ายออกจากวัตถุที่อยู่ในโฟกัสได้ นอกจากนี้ เว็บไซต์ทั้งหมดควรอนุญาตให้ใช้การนำทางด้วยแป้นพิมพ์ ไม่ใช่แค่ในบางส่วนเท่านั้น
โครงสร้างหัวเรื่อง
สิ่งสำคัญคือต้องจัดระเบียบเนื้อหาของคุณด้วยโครงสร้างที่ถูกต้อง เนื่องจากโปรแกรมอ่านหน้าจอจะอ่านเว็บไซต์ตามโครงสร้างของ header หรือ หัวเรื่อง ดังนั้นจึงเป็นสิ่งสำคัญที่คุณจะไม่ข้ามระดับหัวเรื่องเพื่อให้เนื้อหาของเว็บไซต์มีความชัดเจนและราบรื่น
เคล็ดลับสำหรับโครงสร้างหัวเรื่องที่เหมาะสมคือ ใช้ h1 สำหรับชื่อหลักของหน้าเท่านั้น และอย่าข้ามระดับหัวเรื่อง (เช่น h1 ถึง h3) เนื่องจากโฟลว์จะถูกขัดจังหวะหากใช้โปรแกรมอ่านหน้าจอ
เราหวังว่าบทความนี้จะให้ข้อมูลที่สร้างความเข้าใจพื้นฐานเกี่ยวกับวิธีออกแบบเว็บไซต์หรือแอปพลิเคชันสำหรับกลุ่มผู้ใช้ที่มีความหลากหลายมากขึ้น การออกแบบที่ถือเป็นกลยุทธ์ที่เป็นประโยชน์สำหรับลูกค้าและธุรกิจ และยังช่วยขยายการเข้าถึงผลิตภัณฑ์และ นวัตกรรมของคุณ ทั้งยังช่วยให้บริษัทสร้างประโยชน์ต่อสังคมอีกด้วย
ชมหน้าบริการของเราเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบ UX เชิงนวัตกรรมที่ Morphosis ได้ที่นี่
