วิธีการนำเสนอการออกแบบเว็บให้กับลูกค้า

ความสำเร็จของการออกแบบไม่ได้ขึ้นอยู่กับความสามารถของคุณในการสร้างสิ่งที่ดึงดูดสายตาเท่านั้น แต่ยังขึ้นอยู่กับความสามารถของคุณในการขายด้วย

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

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

ฉันควรนำเสนอตัวเลือกการออกแบบกี่แบบ?

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

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

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

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

วิธีดึงดูดลูกค้าด้วยการนำเสนอของคุณ

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

#1. กำหนดปัญหา

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

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

#2. จัดการกับธุรกิจของลูกค้าของคุณ

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

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

#3. อธิบายขั้นตอนการออกแบบ

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

#4. สนทนาธรรม

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

#5. รวบรวมคำติชม

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

วิธีรวบรวมคำติชมอย่างถูกวิธี

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

1. วางแผนล่วงหน้า

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

2. ถามคำถามที่มุ่งเน้น

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

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

3. เข้าใจความหมายที่แท้จริง

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

ถามพวกเขาเสมอว่าทำไม: “ทำไมคุณถึงอยากให้ปุ่มนี้ใหญ่ขึ้น? ทำไมคุณถึงคิดว่าสีเขียวจะดีกว่าสำหรับเว็บไซต์ของคุณ” Dustin Curtis ผู้ก่อตั้ง Svbtle ถามคำถามอย่างน้อยสามข้อแก่ลูกค้าของเขาเกี่ยวกับความคิดเห็นของพวกเขา

4. ใช้ตรรกะและอ้างอิงแบรนด์ที่มีชื่อเสียง

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

ลองนึกภาพว่าลูกค้าของคุณขอให้คุณลดขนาดฟอนต์จาก 22pt เป็น 12pt ในกรณีนี้ คุณสามารถตอบกลับด้วยคำพูดเช่น “นั่นเป็นประเด็นที่น่าสนใจ แต่คุณรู้ไหม เมื่อเร็ว ๆ นี้ฉันได้อ่านผลการศึกษาที่แสดงให้เห็นว่าขนาดตัวอักษรที่ใหญ่ขึ้นสามารถกระตุ้นความสัมพันธ์ทางอารมณ์ที่แน่นแฟ้นกับแบรนด์ได้ อีกอย่าง Medium ก็ใช้ฟอนต์ 22pt ด้วย”

และอย่าใช้วลีที่อยู่ในรูปแบบ "ฉันบอกคุณแล้ว" พยายามแสดงความเห็นอกเห็นใจ: “ใช่ ฉันก็ตกใจเมื่อได้ยินเรื่องนี้เหมือนกัน”

5. เคารพความคิดเห็นของลูกค้าของคุณ

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

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

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

ฉันควรเลือกต้นแบบประเภทใด

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

ระยะเริ่มต้น

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

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

หากต้องการออกแบบต้นแบบที่มีความเที่ยงตรงต่ำ คุณสามารถลองใช้เครื่องมือต่อไปนี้:

• Wireframe.cc – หนึ่งในเครื่องมือพื้นฐานที่สุดที่นักออกแบบสามารถใช้เพื่อสร้างโครงลวด ข้อดีหลักคืออินเทอร์เฟซที่เรียบง่ายและความสามารถในการเริ่มออกแบบโครงลวดได้ทันทีโดยไม่ต้องสมัครใช้งาน
• Moqups.com - เว็บแอปที่ช่วยให้คุณสร้างโครงลวด ม็อคอัพ และต้นแบบ Moqups นำเสนอไลบรารีในตัวพร้อมชุดไอคอนนับพัน พื้นที่เก็บข้อมูลบนคลาวด์ และฟีเจอร์ความคิดเห็นและคำติชม
• โครงการดินสอ (pencil.evolus.vn) – เครื่องมือสร้างต้นแบบโอเพนซอร์ซฟรีสำหรับทั้งแพลตฟอร์มเดสก์ท็อปและมือถือ โครงการดินสอมีคอลเลกชันในตัว (รูปร่าง องค์ประกอบผังงาน ฯลฯ) รองรับการวาดไดอะแกรมและการลิงก์ระหว่างหน้า

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

เวทีสุดท้าย

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

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

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

หากคุณไม่แน่ใจว่าจะใช้เครื่องมือใดในการสร้างแอนิเมชั่นต้นแบบของคุณ ให้ลองทำดังนี้:

• InVision (invisionapp.com) – แพลตฟอร์มการออกแบบผลิตภัณฑ์ดิจิทัลที่ให้คุณสร้างต้นแบบเชิงโต้ตอบได้ในเวลาไม่กี่นาที เมื่อใช้ InVision คุณสามารถสร้างสไตล์ชีตและสร้างโค้ดจริงสำหรับองค์ประกอบการออกแบบใดๆ นอกจากนี้ InVision ยังช่วยให้ลูกค้า สมาชิกในทีม และผู้มีส่วนได้ส่วนเสียของคุณแสดงความคิดเห็นโดยตรงเกี่ยวกับการออกแบบของคุณ
• Adobe XD (adobe.com/products/xd.html) – โซลูชัน UI/UX แบบครบวงจรที่ช่วยให้คุณเปลี่ยนเค้าโครงแบบคงที่ให้กลายเป็นต้นแบบเชิงโต้ตอบได้ในคลิกเดียว เมื่อใช้ Adobe XD ต้นแบบของคุณจะอัปเดตโดยอัตโนมัติทุกครั้งที่คุณทำการเปลี่ยนแปลง: ไม่จำเป็นต้องซิงค์
• หลักการ (principleformac.com) – เครื่องมือสร้างต้นแบบที่ให้คุณออกแบบส่วนต่อประสานผู้ใช้แบบเคลื่อนไหวและโต้ตอบได้ ไม่ว่าคุณจะออกแบบโฟลว์ของแอพหลายหน้าจอหรือแอนิเมชั่นและการโต้ตอบใหม่

คุณพร้อมที่จะนำเสนอการออกแบบเว็บของคุณหรือไม่?

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

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

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