การออกแบบและประสบการณ์ของผู้ใช้

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

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

การออกแบบที่ไม่แบ่งแยก

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

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

หลักการออกแบบที่ไม่แบ่งแยกซึ่งมุ่งเน้นการช่วยเหลือพิเศษมีอยู่ 7 ประการดังนี้

1. มอบประสบการณ์ที่เปรียบเทียบได้: ตรวจสอบว่าอินเทอร์เฟซมอบประสบการณ์การใช้งานที่เท่าเทียมกันสำหรับทุกคน เพื่อให้ผู้ใช้ทำงานได้สำเร็จในแบบที่เหมาะกับความต้องการโดยไม่ลดทอนคุณภาพของเนื้อหา
2. พิจารณาสถานการณ์: ตรวจสอบว่าอินเทอร์เฟซมอบประสบการณ์การใช้งานที่มีคุณค่าแก่ผู้ใช้ ไม่ว่าจะอยู่ในสถานการณ์ใดก็ตาม
3. ใช้รูปแบบเดียวกัน: ใช้รูปแบบที่คุ้นเคยและนำไปใช้อย่างสมเหตุสมผล
4. ให้การควบคุม: ตรวจสอบว่าผู้ใช้เข้าถึงและโต้ตอบกับเนื้อหาในแบบที่ตนต้องการได้
5. เสนอทางเลือก: ลองให้วิธีต่างๆ แก่ผู้ใช้ในการทํางานให้เสร็จสมบูรณ์ โดยเฉพาะงานที่ซับซ้อนหรือไม่เป็นไปตามมาตรฐาน
6. จัดลำดับความสำคัญของเนื้อหา: ช่วยให้ผู้ใช้จดจ่อกับงาน ฟีเจอร์ และข้อมูลหลักด้วยการจัดเรียงองค์ประกอบเหล่านี้ตามลำดับที่ต้องการภายในเนื้อหาและเลย์เอาต์
7. เพิ่มคุณค่า: พิจารณาวัตถุประสงค์และความสำคัญของฟีเจอร์ รวมถึงวิธีที่ฟีเจอร์เหล่านั้นปรับปรุงประสบการณ์ของผู้ใช้แต่ละประเภท

ลักษณะตัวตน

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

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

ใส่ใจผู้พิการ

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

Meryl Evans จากงานสัมมนา ID24 เรื่อง Deaf Tech: Travel Through Time from Past to Future

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

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

เครื่องจำลองการทุพพลภาพ

โปรดใช้ความระมัดระวังสูงสุดเมื่อใช้เครื่องจำลองความพิการเพื่อจำลองหรือเสริมบุคลิกของคุณ

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

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

ความเข้าใจผิดเหล่านั้นสร้างอุปสรรคเทียมที่ทำให้เรามีส่วนร่วมได้ไม่เต็มที่ และข้อจำกัดที่ไม่เป็นความจริงเหล่านั้นก็กลายเป็นสิ่งที่ฉุดรั้งเราไว้"

Mark Riccobono ประธานสมาพันธ์แห่งชาติของคนตาบอด (National Federation of the Blind)

วิธีประเมินการช่วยเหลือพิเศษ

ลองเพิ่มแนวทางทั่วไปลงในเวิร์กโฟลว์ขณะสร้างบุคคลและการออกแบบ ระบบเรียนรู้เป็นกฎสำหรับการออกแบบการโต้ตอบ ซึ่งเปิดตัวในปี 1990 โดย Jakob Nielsen และ Rolf Molich หลักการ 10 ข้อนี้พัฒนาขึ้นจากประสบการณ์หลายปีในสาขาวิศวกรรมความสามารถในการใช้งาน และถูกใช้ในการออกแบบและโปรแกรมการโต้ตอบระหว่างมนุษย์กับคอมพิวเตอร์นับแต่นั้นมา

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

เช่นเดียวกับชุดเฮิวริสติกชุดแรก คุณต้องพิจารณาเฮิวริสติกการช่วยเหลือพิเศษ 10 ข้อเมื่อวางแผนการออกแบบ

1. วิธีการโต้ตอบและวิธีการ: ผู้ใช้สามารถโต้ตอบกับระบบอย่างมีประสิทธิภาพโดยใช้วิธีการป้อนข้อมูลที่เลือก (เช่น เมาส์ แป้นพิมพ์ การแตะ ฯลฯ)
2. การไปยังส่วนต่างๆ และการหาทาง: ผู้ใช้สามารถไปยังส่วนต่างๆ ค้นหาเนื้อหา และระบุตำแหน่งของตนภายในระบบได้ทุกเมื่อ
3. โครงสร้างและความหมาย: ผู้ใช้สามารถทำความเข้าใจโครงสร้างของเนื้อหาในแต่ละหน้า และเข้าใจวิธีการทำงานภายในระบบ
4. การป้องกันข้อผิดพลาดและสถานะ: การควบคุมแบบอินเทอร์แอกทีฟมีวิธีการที่มีประโยชน์และถาวรเพื่อช่วยป้องกันข้อผิดพลาด รวมทั้งระบุสถานะข้อผิดพลาดที่ชัดเจนแก่ผู้ใช้ซึ่งระบุถึงปัญหาและวิธีแก้ไขทุกครั้งที่เกิดข้อผิดพลาด
5. คอนทราสต์และความชัดเจนในการอ่าน: ผู้ใช้แยกแยะและอ่านข้อความและข้อมูลอื่นๆ ที่มีความหมายได้ง่ายๆ
6. ภาษาและความอ่านง่าย: ผู้ใช้อ่านและทำความเข้าใจเนื้อหาได้โดยง่าย
7. ความคาดการณ์และความสอดคล้อง: ผู้ใช้คาดเดาวัตถุประสงค์ขององค์ประกอบแต่ละอย่างได้ แต่ละองค์ประกอบมีความเกี่ยวข้องกับระบบโดยรวมอย่างชัดเจน
8. กำหนดเวลาและการเก็บรักษา: ผู้ใช้มีเวลาเพียงพอที่จะทำงานเสร็จ และไม่สูญเสียข้อมูลหากเวลา (เช่น เซสชัน) หมดลง
9. การเคลื่อนไหวและการกะพริบ: ผู้ใช้สามารถหยุดองค์ประกอบในหน้าเว็บที่เคลื่อนไหว กะพริบ หรือเคลื่อนไหว ผู้ใช้ไม่ควรถูกรบกวนหรือได้รับอันตรายจากองค์ประกอบเหล่านี้
10. ทางเลือกที่เป็นภาพและเสียง: ผู้ใช้สามารถเข้าถึงทางเลือกที่เป็นข้อความสำหรับเนื้อหาที่เป็นภาพหรือเสียงซึ่งสื่อถึงข้อมูล

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

ตัวอย่างการตรวจสอบการช่วยเหลือพิเศษแบบเฮิวริสติกสําหรับจุดตรวจสอบการนําทางและการหาทางอาจมีลักษณะดังนี้

จุดตรวจสำหรับการนำทางและการหาเส้นทาง	Excel (+2 คะแนน)	บัตร (+1 คะแนน)	ไม่ผ่าน (-1 คะแนน)	ไม่เกี่ยวข้อง (0 คะแนน)
มีการตั้งค่าตัวบ่งชี้ที่มองเห็นได้ชัดเจนในองค์ประกอบที่ใช้งานอยู่ทั้งหมดเมื่อได้รับการโฟกัสหรือไม่	check
หน้าเว็บมีข้อความชื่อที่สื่อความหมาย โดยมีข้อมูลเฉพาะหน้าเว็บก่อนไหม			check
องค์ประกอบชื่อหน้าและ H1 เหมือนกันหรือคล้ายกันหรือไม่		check
มีหัวเรื่องที่มีความหมายสำหรับหัวข้อหลักแต่ละหัวข้อหรือไม่		check
วัตถุประสงค์ของลิงก์กำหนดจากข้อความลิงก์เพียงอย่างเดียวหรือบริบทโดยรอบของลิงก์				check
มีลิงก์ข้ามที่ด้านบนสุดของหน้าไหม และลิงก์นั้นปรากฏขึ้นเมื่อโฟกัสไหม			check
การจัดระเบียบองค์ประกอบการนำทางช่วยให้ผู้ใช้ไปยังส่วนต่างๆ ได้ง่ายขึ้นไหม	check

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

คําอธิบายประกอบการช่วยเหลือพิเศษ

ก่อนส่งการออกแบบให้ทีมพัฒนา คุณควรพิจารณาใส่คำอธิบายประกอบการช่วยเหลือพิเศษ

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

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

ตัวอย่างภาพประกอบการออกแบบต่อไปนี้มาจากชุดคำอธิบายประกอบการช่วยเหลือพิเศษของ Indeed.com สำหรับ Figma

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

ตัวอย่างบางส่วนที่ควรพิจารณาสำหรับการกำกับเนื้อหาเพื่อผู้พิการ ได้แก่

• สี: ระบุอัตราส่วนคอนทราสต์ของชุดค่าผสมสีทั้งหมดในชุดสี
• ปุ่มและลิงก์: ระบุสถานะเริ่มต้น โฮเวอร์ เปิดใช้งาน โฟกัส และปิดใช้
• ข้ามลิงก์: ไฮไลต์แง่มุมต่างๆ ของการออกแบบที่ซ่อนอยู่และมองเห็นได้ รวมถึงตำแหน่งที่ลิงก์ไปในหน้าเว็บ
• รูปภาพและไอคอน: เพิ่มคําแนะนําข้อความแสดงแทนสําหรับรูปภาพและไอคอนที่สําคัญ
• เสียงและวิดีโอ: ไฮไลต์พื้นที่และลิงก์สำหรับคำบรรยายแทนเสียง ข้อความถอดเสียง และเสียงบรรยาย
• ส่วนหัว: เพิ่มระดับแบบเป็นโปรแกรมและใส่ทุกอย่างที่ดูเหมือนส่วนหัว
• จุดสังเกต: ไฮไลต์ส่วนต่างๆ ของการออกแบบด้วย HTML หรือ ARIA
• คอมโพเนนต์แบบอินเทอร์แอกทีฟ: ระบุองค์ประกอบที่คลิกได้ เอฟเฟกต์การวางเมาส์เหนือ พื้นที่โฟกัส
• แป้นพิมพ์: ระบุตําแหน่งที่โฟกัสควรเริ่มต้น (จุดสิ้นสุดของอัลฟ่า) และลําดับการกด Tab ต่อไปนี้
• แบบฟอร์ม: เพิ่มป้ายกํากับช่อง ข้อความความช่วยเหลือ ข้อความแสดงข้อผิดพลาด และข้อความสําเร็จ
• ชื่อที่เข้าถึงได้: ระบุวิธีที่เทคโนโลยีความช่วยเหลือพิเศษควรจดจำองค์ประกอบ