การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ

นี่เป็นส่วนที่ XNUMX ของซีรีส์สี่ตอนเกี่ยวกับการพัฒนาผลิตภัณฑ์ทางกายภาพ ในกรณีที่คุณพลาดมัน Часть 1: การก่อตัวของความคิดอย่าลืมอ่าน คุณจะสามารถไปยังส่วนที่ 3: การออกแบบและส่วนที่ 4: การตรวจสอบความถูกต้องได้เร็วๆ นี้ ผู้เขียน : เบน ไอน์สไตน์. ดั้งเดิม แปลโดยทีมงาน fablab ฟาบินกา และโครงการ HANDS.

ส่วนที่ 2: การออกแบบ

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.1 ขั้นตอนการออกแบบผลิตภัณฑ์

การพัฒนาลูกค้าและการตอบรับ

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.2. การพัฒนาลูกค้าและการตอบรับ

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.3. ภาพถ่ายลูกค้าจริงที่ถ่ายระหว่างการทดสอบเบื้องต้น

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

คำแนะนำสำหรับการสื่อสารกับลูกค้าในขั้นตอนนี้ (ตรงข้ามกับขั้นตอนการวิจัยปัญหา):

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

การสร้างแบบจำลองโครงลวด

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.4. ขั้นตอนการสร้างแบบจำลองไวร์เฟรม

กระบวนการ Wireframing เริ่มต้นด้วยการสร้างภาพร่างระดับสูงที่บรรยายประสบการณ์การใช้ผลิตภัณฑ์อย่างครบถ้วน เราเรียกกระบวนการนี้ว่าสตอรี่บอร์ด

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.5. สตอรี่บอร์ด

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

  • บรรจุภัณฑ์: มันจะมีลักษณะอย่างไร? คุณจะอธิบายผลิตภัณฑ์ (ขนาดบรรจุภัณฑ์โดยเฉลี่ย) ด้วยคำเก้าคำหรือน้อยกว่านั้นบนบรรจุภัณฑ์ได้อย่างไร กล่องจะมีขนาดเท่าไร? จะไปที่ไหนในร้าน/บนชั้นวาง?
  • การขาย: ผลิตภัณฑ์จะขายที่ไหน และผู้คนจะโต้ตอบกับผลิตภัณฑ์อย่างไรก่อนซื้อ จอแสดงผลแบบโต้ตอบจะช่วยได้หรือไม่? ลูกค้าจำเป็นต้องรู้มากเกี่ยวกับผลิตภัณฑ์หรือจะเป็นการซื้อแบบกระตุ้น?
  • Unboxing: ประสบการณ์การแกะกล่องจะเป็นอย่างไร? ควรเรียบง่าย เข้าใจได้ และต้องใช้ความพยายามเพียงเล็กน้อย
  • การตั้งค่า: ลูกค้าต้องดำเนินการขั้นตอนใดก่อนที่ผลิตภัณฑ์จะพร้อมใช้งานครั้งแรก คุณต้องการอะไรนอกเหนือจากอุปกรณ์เสริมที่ให้มาด้วย? จะเกิดอะไรขึ้นหากผลิตภัณฑ์ใช้งานไม่ได้ (ไม่มีการเชื่อมต่อ wifi หรือไม่ได้ติดตั้งแอปพลิเคชันบนสมาร์ทโฟน)
  • ประสบการณ์การใช้งานครั้งแรก: ผลิตภัณฑ์ควรได้รับการออกแบบอย่างไรเพื่อให้ผู้ใช้สามารถเริ่มใช้งานได้อย่างรวดเร็ว? ผลิตภัณฑ์ควรได้รับการออกแบบอย่างไรเพื่อให้แน่ใจว่าผู้ใช้กลับมาพร้อมกับประสบการณ์เชิงบวก
  • การใช้ซ้ำหรือการใช้งานพิเศษ: จะแน่ใจได้อย่างไรว่าผู้ใช้ยังคงใช้และเพลิดเพลินกับผลิตภัณฑ์ต่อไป จะเกิดอะไรขึ้นในกรณีการใช้งานพิเศษ: การเชื่อมต่อ/บริการขาดหายไป, อัพเดตเฟิร์มแวร์, อุปกรณ์เสริมที่หายไป ฯลฯ
  • การสนับสนุนผู้ใช้: ผู้ใช้จะทำอย่างไรเมื่อประสบปัญหา? หากส่งสินค้าทดแทนจะเกิดอะไรขึ้น?
  • อายุการใช้งาน: ผลิตภัณฑ์ส่วนใหญ่จะหมดอายุหลังจาก 18 หรือ 24 เดือน สถิติเหล่านี้เกี่ยวข้องกับการเดินทางของลูกค้าอย่างไร คุณคาดหวังให้ผู้ใช้ซื้อผลิตภัณฑ์อื่นหรือไม่ เพราะเหตุใด พวกเขาจะย้ายจากผลิตภัณฑ์หนึ่งไปยังผลิตภัณฑ์ถัดไปได้อย่างไร

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.6. การทำงานกับผู้ใช้แอปพลิเคชันหรือเว็บอินเตอร์เฟสในอนาคต

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

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

ต้นแบบภาพ

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.7. เวทีต้นแบบภาพ

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.8 ร่าง

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.9. การเลือกรูปร่าง

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.10. การเลือกขนาด

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.11. ทำความเข้าใจประสบการณ์ผู้ใช้

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.12. ภาษาการออกแบบ

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

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.13. สี วัสดุ การตกแต่ง

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.14. การแสดงผลครั้งสุดท้าย

ผลลัพธ์ของการเลือก CMF เริ่มต้นคือโมเดลผลิตภัณฑ์ดิจิทัลคุณภาพสูง โดยปกติจะประกอบด้วยองค์ประกอบทั้งหมดจากขั้นตอนก่อนหน้า: รูปร่าง ขนาด สัญลักษณ์ ประสบการณ์ผู้ใช้ (UX) แสง (LED) สี พื้นผิว และวัสดุ การแสดงภาพและการเรนเดอร์คุณภาพสูงดังกล่าวยังเป็นพื้นฐานสำหรับสื่อทางการตลาดเกือบทั้งหมด (แม้แต่เทพแห่งการตลาดของ Apple ก็ใช้การเรนเดอร์สำหรับทุกสิ่ง)

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.15. การออกแบบแอพพลิเคชั่นบนเว็บ

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.16. การเลือกรูปแบบบรรจุภัณฑ์

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

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.17. อย่าลืมเกี่ยวกับการวนซ้ำ!

เมื่อสร้างต้นแบบภาพที่มีความเที่ยงตรงสูงแล้ว พวกเขาจะถูกส่งกลับไปยังลูกค้าเพื่อทดสอบสมมติฐานต่างๆ ที่เกิดขึ้นระหว่างการพัฒนา การทำซ้ำ 2-3 ครั้งเพื่อให้ได้ภาพต้นแบบที่ยอดเยี่ยมก็เพียงพอแล้ว

การพัฒนาผลิตภัณฑ์ Visual Aid: การออกแบบ
รูปที่ 2.18. ต้นแบบสุดท้ายมองเห็นได้ใกล้กับผลิตภัณฑ์

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

คุณได้อ่านตอนที่สองของซีรี่ส์สี่ตอนเกี่ยวกับการพัฒนาผลิตภัณฑ์ทางกายภาพแล้ว อย่าลืมอ่าน Часть 1: การสร้างความคิด คุณจะสามารถไปยังส่วนที่ 3: การออกแบบและส่วนที่ 4: การตรวจสอบความถูกต้องได้เร็วๆ นี้ ผู้เขียน : เบน ไอน์สไตน์. ดั้งเดิม แปลโดยทีมงาน fablab ฟาบินกา และโครงการ HANDS.

ที่มา: will.com

เพิ่มความคิดเห็น