องค์ประกอบของการออกแบบ UX – 6 เลเยอร์เพื่อประสบการณ์ผู้ใช้ที่สมบูรณ์แบบ

เผยแพร่แล้ว: 2020-01-15

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

หากคุณสับสนระหว่าง UX และ UI แสดงว่าคุณไม่ได้อยู่คนเดียว มีคำศัพท์มากมายในการออกแบบที่ผุดขึ้นมาและมักทำให้ฆราวาสสงสัยว่ามันเกี่ยวกับอะไร

ในแง่ง่าย UX Design หมายถึงคำว่า User Experience Design ในขณะที่ UI Design ย่อมาจาก User Interface Design

สารบัญ

การออกแบบ UX คืออะไร?

Don Norman นักวิทยาศาสตร์ด้านความรู้ความเข้าใจและผู้ร่วมก่อตั้ง Nielsen Norman Group Design Consultancy ได้รับการยกย่องว่าเป็นผู้ประดิษฐ์คำนี้ในช่วงปลายทศวรรษ 1990

“ประสบการณ์ของผู้ใช้ครอบคลุมทุกแง่มุมของการโต้ตอบของผู้ใช้ปลายทางกับบริษัท บริการ และผลิตภัณฑ์ของบริษัท”

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

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

การทำความเข้าใจองค์ประกอบของการออกแบบ UX นั้นเกี่ยวข้องกับการผสมผสานระหว่างจิตวิทยา สังคมศาสตร์ การออกแบบ และการตลาด

การออกแบบ UI คืออะไร?

การออกแบบส่วนต่อประสานกับผู้ใช้ยังเป็นบทบาทสหสาขาวิชาชีพอีกด้วย

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

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

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

นี่เป็นวิธีง่ายๆ ที่เห็นภาพในการคิดถึงความแตกต่างระหว่างพวกเขา

the elements of ux design

องค์ประกอบของการออกแบบ UX

จุดเน้นดั้งเดิมส่วนใหญ่ของการออกแบบ UX คือ และในบางกรณีก็ยังอิงตามการออกแบบเว็บ

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

การโต้ตอบกับบริษัทแต่ละครั้งเกี่ยวข้องกับการออกแบบ UX

การออกแบบผลิตภัณฑ์และการออกแบบประสบการณ์ผู้ใช้แตกต่างกันอย่างไร ผลิตภัณฑ์จำนวนมากมีหลายรูปแบบและจำหน่ายผ่านหลายช่องทาง

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

การจัดชั้นข้อมูล การทำแผนที่ประสบการณ์ผู้ใช้ และการทำความเข้าใจกระบวนการตัดสินใจของลูกค้ามีความสำคัญต่อการออกแบบ UX ที่มีประสิทธิภาพ

การนำเสนอข้อมูลนี้เพื่อให้ลูกค้าเข้าใจได้ง่ายเป็นสิ่งสำคัญ

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

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

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

ด้วยการใช้ผ้าใบพิมพ์เขียวการตลาดเพื่อการเติบโต คุณสามารถเริ่มกระบวนการพัฒนาความคิดในการออกแบบ UX และการวางแผนเพื่อรักษาลูกค้าไว้ได้

อธิบายองค์ประกอบดั้งเดิมของการออกแบบ UX แล้ว

original elements of ux design explained

แผนภาพด้านบนเริ่มต้นโดย Jesse James Garrett และสามารถพบได้ที่นี่ มีชั้นที่ขึ้นต่อกันห้าชั้น แต่ละระดับสร้างขึ้นบนระดับก่อนหน้านั้น และพวกเขาเริ่มต้นด้วยระดับนามธรรมไปสู่ชั้นที่เป็นรูปธรรม (จากล่างขึ้นบน)

  1. กลยุทธ์
  2. ขอบเขต
  3. โครงสร้าง
  4. โครงกระดูก
  5. พื้นผิว

#1. องค์ประกอบของการออกแบบ UX – กลยุทธ์

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

ซึ่งสามารถทำได้ผ่าน กระบวนการวิจัยเชิงกลยุทธ์ ที่แตกต่างกันจำนวนหนึ่ง

#2. องค์ประกอบของการออกแบบ UX – ขอบเขต

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

#3. องค์ประกอบของการออกแบบ UX – โครงสร้าง

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

โครงสร้างนี้แบ่งออกเป็นสองส่วน คือ การออกแบบปฏิสัมพันธ์ และ สถาปัตยกรรมสารสนเทศ

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

สถาปัตยกรรมข้อมูลที่ดี

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

องค์ประกอบของอินโฟกราฟิกการออกแบบ UX

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

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

elements of ux design

ไฟล์ PDF

บทความที่เกี่ยวข้องอื่น ๆ และเครื่องมือฟรี

  • การแบ่งส่วนลูกค้า
  • การแบ่งส่วนตลาด
  • บุคคลากรทางการตลาด
  • ฟรี Persona Canvas
  • แผนที่การเดินทางของลูกค้าฟรี