การออกแบบ UI ของเสียงคืออะไร? รู้ทุกอย่างเกี่ยวกับเทรนด์การออกแบบเว็บนี้

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

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

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

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

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

จะเพิ่มความเร็วเว็บไซต์ได้อย่างไร? [7 แนวทางปฏิบัติที่ดีที่สุด]

ออกแบบเว็บไซต์โดยคำนึงถึงกระแสเสียง

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

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

ยังไง   ถึง   ทดสอบ   กับ   เสียงของคุณสำหรับการออกแบบ UI?

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

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

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

ตัวอย่างเช่น หากลูกค้าถามคำถามเกี่ยวกับแบรนด์หรือบริการอย่างต่อเนื่อง หน้า FAQ ที่มีบอทที่สามารถตอบคำถามด้วยเสียงอาจเป็นทางเลือกที่ดีที่สุด

แนวทางปฏิบัติที่ดีที่สุดสำหรับเทมเพลตการออกแบบจำลองที่คุณต้องใช้

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

ผ่านการประกาศคำสั่งเสียง

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

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

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

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

คำพูด: นิพจน์นี้แสดงวิธีที่ผู้ใช้สร้างคำสั่ง—คำสั่งเสียง เสียงของอินเทอร์เฟซผู้ใช้

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

ต้นแบบ   รายละเอียด   โดยใช้   เส้นเสียง

อาจต้องใช้เวลาและการฝึกฝนของคุณเพื่อเรียนรู้วิธีใช้ประโยชน์จากกลยุทธ์ UI ที่ซับซ้อน เช่น VUI

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

ไดอะล็อกโฟลว์อธิบายไว้ดังนี้:

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

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

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

ผู้ใช้ไม่ต้องการรู้สึกท่วมท้น แต่จำเป็นต้องตรวจสอบให้แน่ใจว่าสามารถทำงานให้สำเร็จได้โดยอิสระ

ผู้พัฒนาแอปนี้ เช่น One Pi Xuyen Note อนุญาตให้ผู้เล่นพูดคุยกับตัวละครอื่นๆ ในเกมและใช้คำสั่งต่างๆ เช่น "ดึงคันโยก" และ "เปิดหีบ"

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

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

เคล็ดลับการออกแบบ UI สำหรับเสียง

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

ไม่พลาดที่จะรับการยืนยันหลังจากเสร็จสิ้นภารกิจ

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

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

10 ปัญหาเฉพาะของการออกแบบเว็บไซต์อีคอมเมิร์ซ

อย่าพลาดที่จะสร้างกลยุทธ์ที่แข็งแกร่งสำหรับข้อผิดพลาด

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

รวมชั้นความปลอดภัยเพิ่มเติม

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

บางบริษัทอาจต้องการการรับรองเพิ่มเติม ตัวอย่างเช่น สิ่งที่ต้องชำระเงินหรือทำธุรกรรมอาจต้องใช้รหัสผ่าน การจดจำใบหน้า และลายนิ้วมือ

คำพูดสุดท้าย

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

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

บรรณาธิการ: Divya