การสร้างต้นแบบคืออะไร? ประเภทและกระบวนการสร้างต้นแบบ

เผยแพร่แล้ว: 2019-04-04

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

ต้นแบบอาจไม่ใช่เครื่องมือสำหรับทุกโครงการ แต่สำหรับโครงการที่ถูกต้อง ต้นแบบอาจมีประโยชน์อย่างยิ่ง

ในโพสต์นี้ เราจะมาดูกันว่าอะไรคือต้นแบบ กระบวนการต้นแบบ และประเภทและเทคนิคที่เป็นประโยชน์ของการสร้างต้นแบบ

ต้นแบบคืออะไร?
เหตุใดการสร้างต้นแบบจึงมีความสำคัญ
ประเภทการสร้างต้นแบบ
ต้นแบบความเที่ยงตรงต่ำ
ต้นแบบความเที่ยงตรงสูง
กระบวนการสร้างต้นแบบ

ต้นแบบคืออะไร?

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

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

เหตุใดการสร้างต้นแบบจึงมีความสำคัญ

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

ประเภทการสร้างต้นแบบ

วิธีการสร้างต้นแบบและเทคนิคการสร้างต้นแบบสามารถแบ่งได้เป็นต้นแบบที่มีความเที่ยงตรงต่ำและต้นแบบที่มีความเที่ยงตรงสูง

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

ต้นแบบความเที่ยงตรงต่ำ

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

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

วิธีการสร้างต้นแบบที่มีความเที่ยงตรงต่ำ

โครงลวด

Wireframes ใช้เพื่อแสดงโครงสร้างพื้นฐานของเว็บไซต์/ หน้าเว็บ/ แอป มันทำหน้าที่เป็นพิมพ์เขียวโดยเน้นเลย์เอาต์ขององค์ประกอบหลักบนหน้าและหน้าที่การใช้งาน

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

ตัวอย่างโครงลวด
ตัวอย่าง Wireframe (คลิกที่เทมเพลตเพื่อแก้ไขออนไลน์)

สตอรี่บอร์ด

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

Prototype Storyboard - การสร้างต้นแบบคืออะไร
ต้นแบบสตอรี่บอร์ด (คลิกที่เทมเพลตเพื่อแก้ไขออนไลน์)

ไดอะแกรม

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

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

แอนิเมชั่น

คุณสามารถใช้แอนิเมชั่นเพื่อให้เห็นภาพว่าผลิตภัณฑ์ของคุณทำงานอย่างไร

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

ต้นแบบความเที่ยงตรงสูง

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

วิธีการสร้างต้นแบบที่มีความเที่ยงตรงสูง

Mockups UI แบบโต้ตอบ

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

ด้วยการใช้เครื่องมือม็อคอัพ Creately UI คุณสามารถสร้างม็อคอัพ UI ที่นำทางได้ โดยเชื่อมโยงองค์ประกอบการออกแบบต่างๆ กับม็อคอัพ UI อื่น ๆ ที่แสดงหน้าต่างๆ ของเว็บไซต์ของคุณ

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

ตัวอย่าง UI Mockup - การสร้างต้นแบบคืออะไร
ตัวอย่าง UI Mockup (คลิกที่เทมเพลตเพื่อแก้ไขออนไลน์)

แบบจำลองทางกายภาพ

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

พ่อมดแห่งออซ การสร้างต้นแบบ

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

เทคนิคการสร้างต้นแบบนี้ทำให้คุณสามารถศึกษาปฏิกิริยาของผู้ใช้ได้ในราคาที่ถูกกว่า

กระบวนการสร้างต้นแบบ

การสร้างต้นแบบเป็นขั้นตอนที่ 4 ของกระบวนการคิดเชิงออกแบบ

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

ด้านล่างนี้เป็นขั้นตอนในวิธีการสร้างต้นแบบ

ระบุอุปสรรค

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

เลือกคุณสมบัติ

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

ร่างการออกแบบของคุณ

คุณสามารถทำได้บนแผ่นกระดาษหรือเครื่องมือสร้างไดอะแกรม เช่น Creately ซึ่งมีไลบรารี่ที่สมบูรณ์สำหรับ wireframes, ม็อคอัพ UI, โฟลว์ชาร์ต, แผนที่ความคิด เป็นต้น

แบ่งปันการออกแบบของคุณ

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

พัฒนาต่อไป

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

วิธีการสร้างต้นแบบที่คุณชื่นชอบคืออะไร?

ในคู่มือนี้ เราได้กล่าวถึงการสร้างต้นแบบ ประเภทการสร้างต้นแบบ กระบวนการสร้างต้นแบบ และวิธีการสร้างต้นแบบ

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

คุณได้ตรวจสอบโพสต์ของเราเกี่ยวกับเทคนิคการรวบรวมข้อกำหนดหรือไม่? คุณอาจต้องการทราบสิ่งเหล่านี้ หากคุณกำลังพัฒนาผลิตภัณฑ์