เลิกใช้ MVP นำต้นแบบที่ทำงานได้ขั้นต่ำ (MVPr) มาใช้

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

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

คิดถึงบุคลากรและบทบาททั้งหมดที่เกี่ยวข้องกับการออกแบบผลิตภัณฑ์ดิจิทัลชิ้นเดียว:

• นักวิจัยด้านการออกแบบ
• นักออกแบบ UI
• สถาปนิกข้อมูล
• นักออกแบบ UX
• นักออกแบบผลิตภัณฑ์
• ผู้จัดการผลิตภัณฑ์
• นักยุทธศาสตร์ด้านเนื้อหา
• ผู้เชี่ยวชาญด้านแบรนด์
• UX Copy Writers
• ฯลฯ

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

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

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

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

จำลองการเปิดตัวด้วยต้นแบบที่ทำงานได้ขั้นต่ำ

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

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

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

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

นี่คือภาพรวมของกระบวนการออกแบบต้นแบบขั้นต่ำที่ทำงานได้ (MVPr):

1. การค้นพบ
2. การวิจัย
3. สถาปัตยกรรมสารสนเทศ
4. การออกแบบภาพ
5. ปล่อย
6. ทดสอบ

รอ! นั่นไม่ใช่กระบวนการที่ทุกคนใช้ใช่หรือไม่

ใช่ และเราจะเห็นว่าโดยอาศัยสิ่งจำเป็นที่เปลือยเปล่าของขั้นตอนข้างต้น เราสามารถประสบความสำเร็จ...

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

ทีละขั้นตอน: วิธีสร้าง MVpr

1. การค้นพบ: เริ่มตัดสินใจ

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

ขั้นตอนนี้ไม่ต้องการความเชี่ยวชาญใดๆ ความลับอยู่ที่การทำ—จากความตั้งใจไปสู่การกระทำ

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

หลังจากการวิจัย 1-2 ชั่วโมง คุณจะสามารถระบุคู่แข่งที่สำคัญที่สุดของคุณและเรียนรู้แง่มุมที่สำคัญของแต่ละคู่แข่งได้

2. การวิจัย: กำหนดผู้ใช้ของคุณ

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

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

ต่อไปนี้คือประเด็นที่เป็นประโยชน์บางประการของการตรวจสอบที่เข้าถึงได้ง่ายบนเว็บ:

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

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

3. สถาปัตยกรรมสารสนเทศ: จัดโครงสร้างต้นแบบของคุณ

ต้นแบบจะทำงานอย่างไร และข้อมูลที่สำคัญที่สุดที่ควรเน้นคืออะไร?

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

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

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

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

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

นี่คือวิธีการทำงานโดยใช้ชุด UI ฟรี:

เราทำอะไรสำเร็จในภาพด้านบน

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

ในเวลาน้อยกว่าหนึ่งชั่วโมง เรามีพื้นฐานที่มองเห็นได้เพื่อพัฒนาต้นแบบของเราต่อไป

4. การออกแบบภาพ: นำทรัพยากร UI ฟรีมาใช้ใหม่

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

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

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

5. เปิดตัว: รหัสหรือไม่รหัส?

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

MVPr ที่ไม่มีรหัส

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

ต้นแบบพื้นฐาน

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

ต้นแบบสื่อสมบูรณ์

• สำหรับการโต้ตอบ ทรานสิชั่น และแอนิเมชั่นที่ซับซ้อน Principle มีประโยชน์มาก

ต้นแบบที่สมจริง 100%

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

คลิกเพื่อดูภาพขนาดเต็ม

รหัส MVPr

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

มีรหัสชุดเริ่มต้นมากมายที่จะช่วยให้ลูกบอลกลิ้งได้ ตัวอย่างเช่น ชุด UI ที่เราแนะนำข้างต้นมีเวอร์ชัน HTML ของตัวเองพร้อมให้ดาวน์โหลด:

6. การทดสอบ: ใช้ประโยชน์จากข้อมูลเชิงลึกของโฆษณา

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

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

*เคล็ดลับสำหรับมือโปร: AdEspresso เป็นที่ที่สะดวกในการเรียกใช้โฆษณาโซเชียลของคุณหลายร้อยเวอร์ชันพร้อมๆ กัน ในขณะที่รวบรวมการวิเคราะห์ที่เป็นประโยชน์และเปรียบเทียบ

ลงโฆษณาแล้วคุณจะได้เรียนรู้สองสิ่ง:

1. จำนวนคนที่ดูโฆษณาของคุณ
2. จำนวนคนที่คลิกโฆษณาของคุณ

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

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

ใช้กลยุทธ์นี้แล้วคุณจะได้รับ:

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

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

เปิดตัวและเรียนรู้ด้วยความกล้าหาญ

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

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

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

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

1. ต้นแบบอย่างง่ายดาย – บทช่วยสอน InVision Studio
2. วิธีดำเนินการ Sprint การออกแบบที่มีประสิทธิภาพ
3. ใครจะรู้ว่า Adobe CC สามารถใช้ Wireframe ได้?
4. การทดสอบ UX สำหรับคนทั่วไป: ทำให้ง่ายและมีประสิทธิภาพ
5. แผนที่การเดินทางของลูกค้า – มันคืออะไรและจะสร้างได้อย่างไร