บทนำสู่การออกแบบการสนทนา (และ 3 ตัวอย่างที่โดดเด่น)

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

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

มาคุยกันเถอะ!

บทนำสู่การออกแบบการสนทนา

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

นี่เป็นตัวอย่างหนึ่งของการออกแบบการสนทนา ในทางกลับกัน เมื่อผู้คนพูดถึง User Interfaces (UI) แบบสนทนา พวกเขาหมายถึงประสบการณ์ที่ขับเคลื่อนด้วยข้อความ เช่น Chatbots และ Slack

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

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

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

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

3 ตัวอย่างเว็บไซต์ที่ใช้การออกแบบการสนทนา

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

1. สตูดิโอ Buzzworthy

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

จากนั้น หน้าจะถามคุณว่าคุณต้องการดำเนินโครงการประเภทใด:

ตัวอย่างเช่น หากเราคลิกที่ตัวเลือกการ ตลาด เราสามารถเลือกจากระหว่าง SEO , แคมเปญ PPC หรือทั้งสองอย่าง:

เมื่อคุณได้เลือกแล้ว เว็บไซต์จะให้งบประมาณคร่าวๆ และไทม์ไลน์ที่แตกต่างกันไปตามนั้น:

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

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

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

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

2. แลนด์บอท

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

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

ตัวเว็บไซต์เองเป็นมาสเตอร์คลาสใน UI ของการสนทนา ทั้งหมดนี้สร้างขึ้นจากการแชทเดียว ซึ่งใช้การออกแบบที่สะอาดตาและทันสมัย:

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

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

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

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

3. โคดี้

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

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

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

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

บทสรุป

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

มาดูตัวอย่างที่เราชื่นชอบในการออกแบบการสนทนากัน:

1. Buzzworthy Studio: ด้วยการปรับเปลี่ยนในแบบของคุณ คุณสามารถทำให้แบบฟอร์มการติดต่อรู้สึกสนุกสนานมากขึ้น
2. Landbot: นำเสนอตัวอย่างที่น่าดึงดูดใจของ UI การสนทนา
3. Cody: แชทบ็อตธรรมดานี้ทำให้คุณรู้สึกเหมือนกำลังคุยกับคนจริงๆ ไม่ใช่เครื่องจักร

คุณคิดว่าวิธีใดดีที่สุดในการใช้การออกแบบการสนทนาบนเว็บไซต์ แบ่งปันความคิดของคุณกับเราในส่วนความคิดเห็นด้านล่าง!

ภาพขนาดย่อของบทความโดย Art Alex / shutterstock.com