EP.2 การออกแบบที่ทุกคนเข้าถึงได้ (Accessible Design)

"เพราะดีไซน์ที่สวยแต่ใช้งานยาก คือต้นทุนที่มองไม่เห็น"

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

คุณสามารถอ่านวิธีคิดอิ่นๆได้ที่ https://suffix.works/th/thoughts

2/20 แก้ไขเป็น

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

โพสต์ที่เกี่ยวข้อง

ภาพหน้าปกบทความ 'Character Design 101 วิธีออกแบบคาแรคเตอร์ [ฉบับออกแบบยังไงให้ดูสมจริง]' โดย Reneé COCO แสดงภาพประกอบตัวละครผมสีอ่อนถือดอกกุหลาบแดง พร้อมช่องทางติดต่อ Facebook, IG, Lemon8
เทคนิคการออกแบบคาเรคเตอร์ ออกแบบยังไงให้ดูสมจริง ✍️🎨
1) เริ่มที่ “สตอรี่” ก่อน ไม่ใช่หน้าตา คนส่วนใหญ่เริ่มวาดก่อนคิด แต่ตัวละครที่ดีเกิดจาก “เรื่องราว” ไม่ใช่ “หน้าตา” “สตอรี่” มีผลต่อ “บุคลิก“ . “บุคลิก“ มีผลต่อ “การแต่งตัว“ พอเรื่องราวตัวละครชัด ภาพจะชัดตามแบบไม่ต้องฝืนเลย . . 2) อายุ = สัดส่วน หลายคนลืมกำหนดอายุตัวละคร อายุ เป็นตัวก
Reneé Coco

Reneé Coco

ถูกใจ 656 ครั้ง

ลองใช้แอพ HiPaint ออกแบบลายผ้า
#ออกแบบลายผ้า #ออกแบบลายผ้าดิจิทัล #hipaint
Aom Road

Aom Road

ถูกใจ 39 ครั้ง

🔑 Gestalt Principlesหลักจิตวิทยาการมองเห็นที่นักออกแบบ UX/UI ควรรู้
🔑 Gestalt Principles หลักจิตวิทยาการมองเห็นที่นักออกแบบ UX/UI ควรรู้ . UX/UI ที่ต้องการอยากออกแบบหน้าจอให้ดูเป็นระบบ อ่านง่าย และใช้งานง่ายขึ้น . ไม่ควรพลาดบทความนี้ครับ เพราะ... ✅ แอดสรุปมาให้แล้วทั้ง 8 ข้อ แบบเข้าใจง่าย . งาน UI ที่ดี - ไม่ใช่แค่ “สวย” แต่ต้องทำให้ผู้ใช้เข้าใจได้เร็วว่า
UXUI STUDIO

UXUI STUDIO

ถูกใจ 1 ครั้ง

อาชีพที่เลี้ยงครัอบครัวได้สบาย #ออกแบบสร้างรายได้ #รายได้เสริม
อาชีพที่เลี้ยงครัอบครัวได้สบาย #ออกแบบสร้างรายได้ #รายได้เสริม #ออนไลน์ #shutterstock #อาชีพเสริม
ออกแบบสร้างรายได้

ออกแบบสร้างรายได้

ถูกใจ 98 ครั้ง

100 คีย์ลัด Affinity แอปออกแบบฟรีที่คุณต้องมีโดยไม่ง้อ Adobe
100 คีย์ลัด Affinity แอปออกแบบฟรีที่คุณต้องมีโดยไม่ง้อ Adobe ทำงานออกแบบให้เร็วขึ้น โดยไม่ต้องซื้อ Adobe ถ้าคุณเป็นคนทำงานออกแบบ ไม่ว่าจะเป็นกราฟิกดีไซน์ แต่งภาพ หรือจัดเลย์เอาต์สิ่งพิมพ์ คุณน่าจะเคยได้ยินชื่อ Affinity Designer, Affinity Photo และ Affinity Publisher แอปสายโปรที่ “จ่ายครั้งเ
Design-Database

Design-Database

ถูกใจ 425 ครั้ง

ภาพอินโฟกราฟิก 'ทริคในการเลือกฟอนต์ (FONT) สำหรับงานออกแบบ - OFFICE101' แสดง 6 เคล็ดลับการเลือกฟอนต์ เช่น เลือกตามอารมณ์, ใช้ไม่เกิน 2-3 ฟอนต์, เลือกที่อ่านง่าย, ความเปรียบต่างที่เหมาะสม, ระดับความสำคัญของข้อความ และจัดระยะห่างให้พอดี พร้อมขั้นตอนการออกแบบ 5 ขั้นตอน.
ทำงานออกแบบทีไร 'ฟอนต์' ดูไม่เข้าพวก... ลองมาดู '6 ทริคเลือกฟอนต์ให้ปัง!' ฉบับ OFFICE101 กันค่ะ
'ทริคในการเลือกฟอนต์ (FONT) สำหรับงานออกแบบ - OFFICE101' เนื้อหาหลักแบ่งเป็น 6 เคล็ดลับ ได้แก่: 1.เลือกฟอนต์ตามอารมณ์งาน: มีภาพตัวอย่าง Serif (ทางการ) และ Sans Serif (ทันสมัย) 2.ใช้ไม่เกิน 2-3 ฟอนต์: แสดงไอคอนฟอนต์ 1, 2, 3 แบบ เพื่อความสะอาดตา 3.เลือกฟอนต์ที่อ่านง่าย: มีข้อความตัวอย่
ออฟฟิศ101

ออฟฟิศ101

ถูกใจ 2 ครั้ง

Fashion Design เทคนิคการเปลี่ยนแรงบันดาลใจเป็นงานออกแบบ 🐚🤍
#ออกแบบแฟชั่น #ออกแบบเสื้อผ้า #fashiondesign #fashiondesigner #แบรนด์เสื้อผ้า
irinplair

irinplair

ถูกใจ 9 ครั้ง

ขายได้จริงไหม? #รายได้เสริม #ออนไลน์ #ออกแบบสร้างรายได้ #
ขายได้จริงไหม? #รายได้เสริม #ออนไลน์ #ออกแบบสร้างรายได้ #shutterstock #อาชีพเสริม
ออกแ�บบสร้างรายได้

ออกแบบสร้างรายได้

ถูกใจ 18 ครั้ง

50 เทคนิค Framer ที่รู้ไว้แล้วงานออกแบบเว็บของคุณดีขึ้นแน่นอน
เคยไหม… ออกแบบเว็บไว้สวยมาก แต่พอจะทำให้ใช้งานได้จริงต้องรอ developer หรือเริ่มเรียนโค้ดใหม่หมด? Framer ลบช่องว่างตรงนั้น เพราะออกแบบเสร็จก็พับลิชเป็นเว็บจริงได้เลย ทั้ง Stack ที่จัด layout แบบ responsive อัตโนมัติ, Smart Animate ที่ไล่ทรานสิชันให้ลื่น, CMS ที่จัดการเนื้อหาเป็นระบบ ไปจนถึงฟีเจอร์ A
Design-Database

Design-Database

ถูกใจ 9 ครั้ง

ออกแบบเเล้วขายได้จริงไหม? #ออกแบบสร้างรายได้ #รายได้เสริม
ออกแบบเเล้วขายได้จริงไหม? #ออกแบบสร้างรายได้ #รายได้เสริม #ออนไลน์ #shutterstock #อาชีพเสริม
ออกแบบสร้างรายได้

ออกแบบสร้างรายได้

ถูกใจ 5 ครั้ง

ข่าวดีดีการันตีการส่งงานขาย #รายได้เสริม #ออกแบบสร้างรายได้
ข่าวดีดีการันตีการส่งงานขาย #รายได้เสริม #ออกแบบสร้างรายได้ #ออนไลน์ #shutterstock #เกษียณ #etsy #affinity #ipad #อาชีพ #ipadprocreate #passiveincome #เกษียณ
ออกแบบสร้างรายได้

ออกแบบสร้างรายได้

ถูกใจ 4 ครั้ง

Corset design 🦢 ออกแบบชุดจากการวาดบนหุ่น
พามาดูบางส่วนจากขั้นตอนการขึ้นตัวอย่างชุดใหม่กันค่ะ :) #เสื้อผ้าแฟชั่นผู้หญิง #ชุดออกงาน #ชุดเจ้าสาว #corset #ตัดชุดแต่งงาน
claireroelinajensen

claireroelinajensen

ถูกใจ 8 ครั้ง

ใช้ ChatGPT ช่วยออกแบบสวน
ใคร No Idea ในการออกแบบแต่งสวนแต่งบ้าน ลองเอาวิธีนี้ไปใช้ดูช่วยได้เยอะเลยจ้ะ 🫶🏻💖 #แต่งบ้าน #แต่งสวน #gardendesign #ออกแบบ
maawparita

maawparita

ถูกใจ 6 ครั้ง

ทำไมต้องมีการเข้าหน้างานเพื่อวัดพื้นที่ก่อนการเริ่มการออกแบบ ? 🤔💭
WARA design studio

WARA design studio

ถูกใจ 2 ครั้ง

ภาพแสดงหน้าจอ Figma ที่มี AI "Figma Design Agent" ช่วยออกแบบ โดยมีฟังก์ชันสร้าง UI จาก prompt, ปรับปรุงการเข้าถึงข้อความ และจัดการไลบรารีต่างๆ ข้อความบนภาพระบุว่า "การใช้งาน Figma แบบเดิมจะเปลี่ยนไปด้วย 'Figma Design Agent'"
Figma Design Agent Beta มาแล้ว!
🚀 Figma Design Agent มาแล้ว! 🔥 AI ผู้ช่วยออกแบบที่ฝังตัว ตรงบน Canvas ของ Figma จริง ๆ ไม่ใช่ plugin ไม่ใช่เครื่องมือภายนอก! แทนที่จะต้องทำทุกอย่างด้วยมือแบบเดิม ๆ ตอนนี้เราสามารถ พิมพ์ภาษาไทยหรืออังกฤษ แล้วให้ AI ช่วยทำงานได้เลยทันที ✨ สิ่งที่ว้าวคือ มันไม่ใช่แค่ AI generate UI สวย ๆ แต่มั
NUX Design

NUX Design

ถูกใจ 16 ครั้ง

ดูเพิ่มเติม