ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง | สุดยอดคู่มือ UX #9

เผยแพร่แล้ว: 2022-06-28

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

ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง – สารบัญ:

  1. กระบวนการออกแบบโดยเน้นผู้ใช้เป็นศูนย์กลาง
  2. ขั้นตอนแรก – เอาใจใส่
  3. ขั้นตอนที่สอง – การสร้างแนวคิด
  4. ขั้นตอนที่สาม – การออกแบบ
  5. ขั้นตอนที่สี่ – การทดสอบการใช้งาน
  6. กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง – สรุป

กระบวนการออกแบบโดยเน้นผู้ใช้เป็นศูนย์กลาง

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

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

Stages of User-centered design process

ขั้นตอนแรก – เอาใจใส่

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

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

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

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

ขั้นตอนที่สอง – การสร้างแนวคิด

ระยะที่ 2 เน้นไปที่ การสร้างแนวคิด (ideation) โดย อิงจากผลการวิจัยในระยะก่อนหน้า ในระหว่างนี้ แนวปฏิบัติที่ดีคือการ ระดมความคิดในทีม ตลอดจนเทคนิคการสร้างสรรค์อื่นๆ เพื่อนำมาซึ่งแนวคิด แนวคิด และแนวทางแก้ไขมากมาย จากนั้น มันก็แค่เลือกอันบนสุดที่ไปที่เมทริกซ์สมมติฐาน

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

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

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

ขั้นตอนที่สาม – การออกแบบ

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

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

อย่างไรก็ตาม การดูแล เนื้อหา ที่อยู่ในขั้นนี้แล้วควรหลีกเลี่ยง Lorem ipsum ในความร่วมมือกับ copywriter, content writer หรือ UX writer คุณควรสร้างเนื้อหาก่อน (อย่างน้อยก็แสดงตัวอย่าง) เพื่อให้รู้ว่าส่วนหัวจะมีลักษณะอย่างไรบนหน้าหรือพื้นที่ว่าง เช่น คำอธิบายผลิตภัณฑ์

ขณะนี้ คุณสามารถขอความช่วยเหลือได้อย่างง่ายดาย เนื่องจากในตลาดมีเครื่องมือออกแบบอินเทอร์เฟซมากมาย เช่น Figma เป็นมาตรฐานในการออกแบบและสร้างต้นแบบ (โดยเฉพาะในอุตสาหกรรมไอที) อย่างไรก็ตาม มันเป็นเครื่องมือที่ค่อนข้างใหม่ ก่อนหน้านี้มี Sketch และ Adobe XD

User-centered design process

ขั้นตอนที่สี่ – การทดสอบการใช้งาน

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

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

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

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

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

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

กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง – สรุป

แม้ว่าในทางทฤษฎีแล้ว กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางประกอบด้วยสี่ขั้นตอน แต่ ก็ไม่ได้มีลักษณะเช่นนั้นเสมอไป หลังจากการทดสอบการใช้งานครั้งแรก คุณอาจต้องกลับไปที่ขั้นตอนการจำลองและทำการปรับเปลี่ยนสถาปัตยกรรมข้อมูล ฟังก์ชันการทำงาน หรือองค์ประกอบของเว็บไซต์/แอปพลิเคชัน (ขั้นตอนที่ 3) บางที คุณอาจต้องคิดใหม่และปรับปรุงแนวคิด (ระยะที่ 2) หรือแม้กระทั่งกลับไปมีความเห็นอกเห็นใจ และดำเนินการวิจัยเพิ่มเติมหรือเจาะลึกความรู้หรือผู้ใช้ (ระยะที่ 1)

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

หากคุณชอบเนื้อหาของเรา เข้าร่วมชุมชนผึ้งที่วุ่นวายบน Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest

Stages of User-centered design process | The ultimate UX Guide #9 klaudia brozyna avatar 1background

ผู้เขียน: Klaudia Kowalczyk

Graphic & UX Designer ที่ถ่ายทอดการออกแบบในสิ่งที่ไม่สามารถสื่อออกมาเป็นคำพูดได้ สำหรับเขา ทุกสี เส้น หรือแบบอักษรที่ใช้ล้วนมีความหมาย หลงใหลในการออกแบบกราฟิกและเว็บ

สุดยอดคู่มือ UX:

  1. UX คืออะไร – และไม่ใช่
  2. UX และ UI - เปรียบเทียบได้หรือไม่
  3. ปัจจัย 7 ประการของประสบการณ์ผู้ใช้ (ที่โดดเด่น)
  4. คุณรู้หรือไม่ว่าการออกแบบ UX หมายถึงอะไร?
  5. คุณกำลังออกแบบประสบการณ์ผู้ใช้หรือไม่? ดูแลสิ่งเหล่านี้!
  6. 10 ฮิวริสติกการใช้งานสำหรับการออกแบบ UX ที่คุณต้องรู้
  7. ขั้นตอนการออกแบบ UX ใน 5 ขั้นตอนง่ายๆ
  8. การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางและหลักการสำคัญ
  9. ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง
  10. ประสบการณ์ของลูกค้าคืออะไร?
  11. ประสบการณ์ผู้ใช้กับประสบการณ์ของลูกค้า คำอธิบายง่ายๆ เกี่ยวกับความสัมพันธ์ของพวกเขา
  12. ประสบการณ์แบรนด์คืออะไร?
  13. ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (HCI) คืออะไร?
  14. ทำไม UX ถึงสำคัญ?
  15. การใช้งานเทียบกับฟังก์ชันใน UX
  16. ตัวอย่างการออกแบบ UX ที่ดี