ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง | สุดยอดคู่มือ UX #9
เผยแพร่แล้ว: 2022-06-28ในโพสต์ก่อนหน้านี้ เราได้กำหนดกระบวนการที่เน้นผู้ใช้เป็นศูนย์กลาง วันนี้ เราจะสรุปขั้นตอนของการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง นอกจากนี้เรายังจะแนะนำเวลาและวิธีการเริ่มต้นกระบวนการออกแบบ รวมทั้งอธิบายความสำคัญของ Persona สำหรับผลิตภัณฑ์ขั้นสุดท้าย โดยไม่ต้องกังวลใจอีกต่อไป นั่งดูบทความของเรา
ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง – สารบัญ:
- กระบวนการออกแบบโดยเน้นผู้ใช้เป็นศูนย์กลาง
- ขั้นตอนแรก – เอาใจใส่
- ขั้นตอนที่สอง – การสร้างแนวคิด
- ขั้นตอนที่สาม – การออกแบบ
- ขั้นตอนที่สี่ – การทดสอบการใช้งาน
- กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง – สรุป
กระบวนการออกแบบโดยเน้นผู้ใช้เป็นศูนย์กลาง
การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางเป็นแนวทางใน การพัฒนาและออกแบบโซลูชันที่มุ่งเน้นที่ผู้ใช้ และกำหนดให้เป็นหัวใจของกระบวนการ ความต้องการ ความปรารถนา ความคาดหวัง ปัญหา และความเจ็บปวดของพวกเขากลายเป็นแก่นแท้ของการตรวจสอบและการสร้าง เราแนะนำวิธีการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง หลักการ ข้อดีและข้อเสียของโฆษณาโดยละเอียดในบทความก่อนหน้าของเรา "การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางและหลักการหลัก"
เพื่อการสรุปโดยย่อ กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางโดยพื้นฐานแล้วประกอบด้วย สี่ขั้นตอน ที่ทำซ้ำเป็นรอบจนกว่าจะบรรลุถึงความสามารถในการใช้งานที่เหมาะสมที่สุดและตรงตามข้อกำหนดของผู้ใช้หลัก
ขั้นตอนแรก – เอาใจใส่
ขั้นตอนแรกเกี่ยวข้องกับการวิจัยซึ่งมีจุดมุ่งหมายเพื่อการ เอาใจใส่ นั่นคือ การรับรู้ปัญหา ความเจ็บปวด กิจวัตร ความต้องการด้านนิสัย ความต้องการและความต้องการของผู้ใช้ของเรา ในช่วงเริ่มต้นของขั้นตอนนี้ เราจะ ระบุกลุ่มเป้าหมายและสังเกตอย่างใกล้ชิด ข้อสรุปและการประเมินในสภาพแวดล้อมทางธรรมชาติ (ควบคุมด้วยภาษาวิทยาศาสตร์) ให้ข้อมูลเชิงลึกที่มีค่าที่สุดและข้อมูลที่เชื่อถือได้
ข้อมูล UX ของแท้ของเราช่วยให้นักออกแบบสามารถร่างภาพบุคคลหรือ Protopersona ซึ่งเป็นภาพของ “ผู้ใช้ในอุดมคติ” Persona เป็นองค์ประกอบสำคัญในกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง เนื่องจากทำให้เราจดจ่อกับผู้ใช้ในแต่ละขั้นตอนต่อๆ ไป
บุคลากรขึ้นอยู่กับผลการวิจัย เช่น แบบสำรวจ การสัมภาษณ์เชิงลึก และการวิจัยบนโต๊ะ ในขณะที่ Protopersons เป็นแนวคิดของนักออกแบบเกี่ยวกับผู้ใช้ โดยได้รับการสนับสนุนจากความรู้ที่ดีที่สุดเกี่ยวกับผู้ใช้ที่มีอยู่ ดังนั้นตัวต้นแบบจึงมีรายละเอียดน้อยลงและแม่นยำน้อยลง ในขณะที่ในสถานการณ์ที่ไม่สามารถทำการวิจัยเชิงลึกและตัวบุคคลได้ Protopersons ดูเหมือนจะเป็นทางออกที่ถูกต้อง แน่นอนว่าทั้งหมดขึ้นอยู่กับบริษัท โครงการ และผลิตภัณฑ์ ตลอดจนงบประมาณ ขนาดทีม UX และเวลาที่มี
จากผลการวิจัย นักออกแบบ UX ในขั้นตอนนี้ยังสามารถสร้าง แผนที่ความเห็นอกเห็นใจ เรื่องราวของผู้ใช้ ขั้นตอนของผู้ใช้ หรือแผนที่การเดินทางของลูกค้า เครื่องมือทั้งหมดนี้ช่วยให้นักออกแบบเข้าใจผู้ใช้และเข้าใจความต้องการของผู้ใช้ได้ดียิ่งขึ้น ความเข้าใจที่ดีเกี่ยวกับแรงจูงใจ ความผิดหวัง และความปรารถนา ตลอดจนการกำหนดเส้นทางการซื้อในกรณีของอีคอมเมิร์ซ ช่วยให้สามารถสร้างโซลูชันที่ตอบสนองความต้องการของผู้ใช้ในระยะต่อไปได้
ขั้นตอนที่สอง – การสร้างแนวคิด
ระยะที่ 2 เน้นไปที่ การสร้างแนวคิด (ideation) โดย อิงจากผลการวิจัยในระยะก่อนหน้า ในระหว่างนี้ แนวปฏิบัติที่ดีคือการ ระดมความคิดในทีม ตลอดจนเทคนิคการสร้างสรรค์อื่นๆ เพื่อนำมาซึ่งแนวคิด แนวคิด และแนวทางแก้ไขมากมาย จากนั้น มันก็แค่เลือกอันบนสุดที่ไปที่เมทริกซ์สมมติฐาน
เราใส่แนวคิดที่ขัดต่อข้อกำหนดทางธุรกิจ ซึ่งจะช่วยประเมินว่าโซลูชันที่กำหนดจะแปลเป็นผลลัพธ์ทางธุรกิจที่เฉพาะเจาะจงหรือไม่ เช่น การเพิ่มขึ้นของ Conversion การละทิ้งรถเข็นช็อปปิ้งที่ลดลง จำนวนผู้ใช้ที่กลับมาเพิ่มขึ้น ระยะเวลาของเซสชันบนเว็บไซต์ที่เพิ่มขึ้น ผู้ใช้ใหม่หรือเพิ่มการดูหน้าเว็บ
ในขั้นตอนต่อไป เราจะวิเคราะห์สมมติฐานในแง่ของความสำคัญต่อผู้ใช้และความยากในการนำไปใช้ ฟังก์ชันที่ค่อนข้างสำคัญต่อผู้ใช้และเป็นไปได้ในแง่ของเวลาหรือทรัพยากรทางการเงินจะถูกนำไปใช้ในการทำซ้ำครั้งแรก
ฟังก์ชันและโซลูชันที่มีความสำคัญน้อยกว่าหรือใช้งานยากกว่าเล็กน้อย อาจถูกจัดกำหนดการสำหรับการทำซ้ำในภายหลัง ในทางกลับกัน แนวคิดที่มีความสำคัญเพียงเล็กน้อยจากมุมมองของผู้ใช้หรือผู้ที่ประเมินว่ายากที่จะนำไปใช้จริง อาจถูกกำจัดออกจากกลุ่มของสมมติฐาน แผนภูมินี้เรียกว่าการ จัดลำดับความสำคัญของมอส โก (แผนภูมิมอสโก) และช่วยให้คุณระบุโซลูชันที่สำคัญสำหรับผู้ใช้ รวมทั้งนำไปใช้ภายในงบประมาณและระยะเวลาที่วางแผนไว้
ขั้นตอนที่สาม – การออกแบบ
ขั้นตอนที่สามเกี่ยวข้องกับการออกแบบ – การ แปลโซลูชันที่สร้างขึ้นเป็นแบบจำลอง ขั้นตอนนี้เริ่มต้นด้วยการสร้าง แผนผังเว็บไซต์ และจัดวางโครงสร้าง ข้อมูล ประกอบด้วยการร่างเค้าโครงหน้า เมนูหลัก ฟังก์ชันแท็บ ฯลฯ ในแต่ละหน้าย่อย
หลังจากเค้าโครงเริ่มต้นนี้ นักออกแบบสามารถดำเนินการต่อเพื่อสร้าง แบบจำลอง Lo-Fi แรกได้ นี่คือม็อคอัพที่มีรายละเอียดต่ำ ซึ่งมักจะเป็นสีดำ สีขาว และเฉดสีเทาต่างๆ บทบาทของพวกเขาคือการนำเสนอขนาดและเลย์เอาต์ขององค์ประกอบแต่ละอย่าง เช่น การนำทาง รูปภาพ ข้อความ ลิงก์ และปุ่ม มักขาดรายละเอียดเนื่องจากม็อคอัพเน้นที่ส่วนสำคัญของผลิตภัณฑ์
อย่างไรก็ตาม การดูแล เนื้อหา ที่อยู่ในขั้นนี้แล้วควรหลีกเลี่ยง Lorem ipsum ในความร่วมมือกับ copywriter, content writer หรือ UX writer คุณควรสร้างเนื้อหาก่อน (อย่างน้อยก็แสดงตัวอย่าง) เพื่อให้รู้ว่าส่วนหัวจะมีลักษณะอย่างไรบนหน้าหรือพื้นที่ว่าง เช่น คำอธิบายผลิตภัณฑ์
ขณะนี้ คุณสามารถขอความช่วยเหลือได้อย่างง่ายดาย เนื่องจากในตลาดมีเครื่องมือออกแบบอินเทอร์เฟซมากมาย เช่น Figma เป็นมาตรฐานในการออกแบบและสร้างต้นแบบ (โดยเฉพาะในอุตสาหกรรมไอที) อย่างไรก็ตาม มันเป็นเครื่องมือที่ค่อนข้างใหม่ ก่อนหน้านี้มี Sketch และ Adobe XD
ขั้นตอนที่สี่ – การทดสอบการใช้งาน
ขั้นตอนสุดท้าย (ในทางทฤษฎี) ประกอบด้วย การทดสอบความสามารถในการใช้งานกับผู้ใช้ที่มีศักยภาพ นี่คือวิธีที่นักออกแบบตรวจสอบว่าโซลูชันที่เสนอนั้นตรงตามความคาดหวังของผู้ใช้หรือไม่ เราต้องทำการทดสอบการใช้งานในสภาพแวดล้อมที่เป็นกลางและปลอดภัย ในการทำให้สำเร็จ เราจำเป็นต้องค้นหาสถานที่/สถานที่ที่เหมาะสม เขียนสถานการณ์ทดสอบและรับสมัครผู้เข้าร่วม
การทดสอบดังกล่าวประกอบด้วยการขอให้ผู้ใช้ดำเนินการหลายอย่างกับต้นแบบ งานอาจเกี่ยวข้องกับการเพิ่มสินค้าลงในตะกร้าสินค้า การลงทะเบียนบนเว็บไซต์ การค้นหาสินค้าที่ระบุในรายการสินค้า หรือการค้นหารายละเอียดการติดต่อ ทั้งนี้ขึ้นอยู่กับผลิตภัณฑ์ งานต้องการ ความเรียบง่ายและความสอดคล้องกัน ในขณะแก้ไข บางครั้งคุณจะต้องถามคำถามเพิ่มเติมกับผู้ใช้
อย่างไรก็ตาม อย่าลืมหลีกเลี่ยง คำถามที่มีข้อเสนอแนะและการปลุกระดม เช่น ถามว่าชอบปุ่มนี้แค่ไหน? – เราแนะนำให้ผู้ใช้ของเราชอบปุ่มนี้ ในขณะที่มันอาจจะไม่เป็นเช่นนั้น นอกจากนี้ เป็นการดีที่จะอ้างถึงฟังก์ชันการทำงานมากกว่ารูปลักษณ์ของเพจ เพราะเป็นเพียงโมเดลจำลองเท่านั้น
ในระหว่างการทดสอบการใช้งาน เรา ต้องไม่ประเมินผู้ใช้ในทางใดทางหนึ่ง – เราควรตรวจสอบวิธีการย้ายไปรอบๆ เว็บไซต์และดูว่าเว็บไซต์นั้นเข้าใจและใช้งานง่ายสำหรับพวกเขาหรือไม่ เป็นการดีที่จะเริ่มต้นการทดสอบด้วยการแนะนำผู้ใช้ในหัวข้อสั้นๆ – คุณสามารถแนะนำตัวเอง บอกคำสองสามคำเกี่ยวกับโครงการ และขอบคุณพวกเขาที่ตกลงเข้าร่วม
ควรเน้นว่าบทบาทของเขา/เธอในกระบวนการนี้มีความสำคัญสำหรับเรา นอกจากนี้ ให้เพิ่มว่าคุณจะบันทึกการทดสอบอย่างไรและอย่างไร หรือจะมีคนอื่น (ผู้สังเกตการณ์) เข้าร่วมล่วงหน้าหรือไม่ ในระหว่างการทดสอบ เราต้องไม่แนะนำผู้ใช้หรือแนะนำว่าต้องทำอะไรหรือคลิกที่ไหน
หลังจากทำการทดสอบความสามารถในการใช้งาน นักออกแบบจะดูการบันทึกและตรวจทานบันทึก โดยพิจารณาจากที่ พวกเขาสร้างรายงานพร้อมผลการทดสอบ บทสรุปดังกล่าวช่วยให้ระบุปัญหาที่เกิดซ้ำของผู้เข้าร่วมการทดสอบและเสนอแนะการเปลี่ยนแปลงที่เหมาะสมกับการออกแบบ
กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง – สรุป
แม้ว่าในทางทฤษฎีแล้ว กระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางประกอบด้วยสี่ขั้นตอน แต่ ก็ไม่ได้มีลักษณะเช่นนั้นเสมอไป หลังจากการทดสอบการใช้งานครั้งแรก คุณอาจต้องกลับไปที่ขั้นตอนการจำลองและทำการปรับเปลี่ยนสถาปัตยกรรมข้อมูล ฟังก์ชันการทำงาน หรือองค์ประกอบของเว็บไซต์/แอปพลิเคชัน (ขั้นตอนที่ 3) บางที คุณอาจต้องคิดใหม่และปรับปรุงแนวคิด (ระยะที่ 2) หรือแม้กระทั่งกลับไปมีความเห็นอกเห็นใจ และดำเนินการวิจัยเพิ่มเติมหรือเจาะลึกความรู้หรือผู้ใช้ (ระยะที่ 1)
โมเดลที่ยืดหยุ่นดังกล่าวช่วยให้สามารถ ปรับปรุงฟังก์ชันการทำงาน ประสิทธิภาพ และรูปลักษณ์ของผลิตภัณฑ์ได้ อย่างต่อเนื่อง ทั้งหมดเพื่อตอบสนองความต้องการที่แท้จริงของผู้ใช้และนำเสนอโซลูชั่นที่ดีที่สุด
หากคุณชอบเนื้อหาของเรา เข้าร่วมชุมชนผึ้งที่วุ่นวายบน Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest
สุดยอดคู่มือ UX:
- UX คืออะไร – และไม่ใช่
- UX และ UI - เปรียบเทียบได้หรือไม่
- ปัจจัย 7 ประการของประสบการณ์ผู้ใช้ (ที่โดดเด่น)
- คุณรู้หรือไม่ว่าการออกแบบ UX หมายถึงอะไร?
- คุณกำลังออกแบบประสบการณ์ผู้ใช้หรือไม่? ดูแลสิ่งเหล่านี้!
- 10 ฮิวริสติกการใช้งานสำหรับการออกแบบ UX ที่คุณต้องรู้
- ขั้นตอนการออกแบบ UX ใน 5 ขั้นตอนง่ายๆ
- การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางและหลักการสำคัญ
- ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง
- ประสบการณ์ของลูกค้าคืออะไร?
- ประสบการณ์ผู้ใช้กับประสบการณ์ของลูกค้า คำอธิบายง่ายๆ เกี่ยวกับความสัมพันธ์ของพวกเขา
- ประสบการณ์แบรนด์คืออะไร?
- ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (HCI) คืออะไร?
- ทำไม UX ถึงสำคัญ?
- การใช้งานเทียบกับฟังก์ชันใน UX
- ตัวอย่างการออกแบบ UX ที่ดี