← กลับไปที่บล็อก

AUI คืออะไร? กระบวนทัศน์อินเทอร์เฟซใหม่ที่ทุกผลิตภัณฑ์ต้องการ

· Save Team
auiagentic-uimcpai-agentsdesigna2uiuxmarkdown

CTO ของ HubSpot Dharmesh Shah เพิ่งกล่าวอ้างอย่างกล้าหาญ: บริษัทซอฟต์แวร์ B2B ทุกแห่งควรสร้างเวอร์ชัน “headless” ของผลิตภัณฑ์ — เวอร์ชันที่ออกแบบมาสำหรับ AI agents ไม่ใช่มนุษย์

แต่เขาเพิ่มคำเตือนทันที: headless ไม่ได้แปลว่าไร้สมอง

การเปลี่ยนแปลงสู่ AUI

AUI — Agentic User Interface — คือกระบวนทัศน์การออกแบบที่กำลังเกิดขึ้นสำหรับซอฟต์แวร์ที่ต้องทำงานกับทั้งมนุษย์ และ AI agents ไม่ใช่เรื่องของการลบ UI แต่เป็นการเพิ่ม ชั้นอินเทอร์เฟซที่สอง ที่ออกแบบมาเฉพาะสำหรับวิธีที่ agents โต้ตอบกับผลิตภัณฑ์ของคุณ

ตามที่ Dharmesh กล่าวว่า: ถ้าทุกสิ่งที่ agents ต้องการทำคือการใช้ผลิตภัณฑ์เหมือนมนุษย์ เราก็จะใช้ “computer use” (AI ที่ขูดหน้าจอและคลิกปุ่ม) ข้อเท็จจริงที่เราต้องการบางอย่างที่ดีกว่าบอกทุกอย่างเกี่ยวกับทิศทางที่การออกแบบซอฟต์แวร์กำลังมุ่งไป

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

ทำไม “เพียงแค่เพิ่ม MCP Server” ถึงไม่เพียงพอ

MCP (Model Context Protocol) กลายเป็นวิธีเริ่มต้นในการเชื่อมต่อ AI agents กับเครื่องมือภายนอก และมันได้ผล แต่ประเด็นของ Dharmesh นั้นละเอียดอ่อน: การห่อ API endpoints ที่มีอยู่ของคุณใน MCP server แล้วบอกว่าเสร็จแล้ว คือสิ่งเทียบเท่ากับปี 2026 ของการสร้าง “mobile website” โดยการย่อขนาดเว็บไซต์เดสก์ท็อปของคุณให้พอดีกับหน้าจอโทรศัพท์

Agents ไม่คิดเหมือนมนุษย์ พวกเขาไม่เรียกดู ไม่สแกน และไม่คลิก พวกเขาต้องการ:

  • ข้อมูลที่มีโครงสร้างและมีความหมาย — ไม่ใช่หน้า HTML หรือ PDF แต่เป็นรูปแบบที่สะอาดเช่น Markdown และ JSON ที่สามารถวิเคราะห์และใช้เหตุผลได้
  • ความสามารถที่ค้นพบได้ — agents ต้องเข้าใจว่าผลิตภัณฑ์ของคุณทำอะไรได้โดยไม่ต้องอ่านเอกสาร
  • พฤติกรรมที่คาดเดาได้ — agents ไม่สามารถจัดการกับสถานะ UI ที่ไม่ชัดเจน กล่องโต้ตอบ modal หรือการยืนยัน “คุณแน่ใจไหม?”
  • การดำเนินการที่ประกอบกันได้ — ความสามารถในการเชื่อมต่อการกระทำโดยไม่มีการแทรกแซงของมนุษย์

การออกแบบ AUI ที่ดีมีลักษณะอย่างไร

Google เพิ่งเปิดตัว A2UI (Agent-to-User Interface) โปรโตคอลเปิดที่ให้ agents สร้าง UI โดยกำเนิด — เลือกอินเทอร์เฟซที่เหมาะสมสำหรับแต่ละการสนทนาแทนที่จะบังคับทุกอย่างผ่านข้อความ

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

1. ผลลัพธ์ที่มีโครงสร้างก่อน

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

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

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

2. ความหมาย ไม่ใช่ภาพ

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

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

3. ฐานความรู้ที่ Agent อ่านได้

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

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

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

4. การเปิดเผยแบบก้าวหน้าสำหรับ Agents

เช่นเดียวกับ UI มนุษย์ที่ดีไม่ทิ้งข้อมูลทั้งหมดในคราวเดียว การออกแบบ AUI ที่ดีให้ agents มีความสามารถในการ:

  • รับสรุปก่อน จากนั้นเจาะลึกรายละเอียด
  • ค้นหาตามความเกี่ยวข้องแทนที่จะเรียกดูทุกอย่าง
  • ขอเฉพาะข้อมูลที่พวกเขาต้องการสำหรับงานปัจจุบัน

AUI ในทางปฏิบัติ: รูปแบบการจับภาพความรู้

หนึ่งในรูปแบบ AUI ที่พบบ่อยที่สุดที่เกิดขึ้นในปี 2026 คือ ท่อส่งการจับภาพความรู้:

  1. เนื้อหาเว็บ (ออกแบบมาสำหรับมนุษย์) ถูกแปลงเป็น Markdown (อ่านได้ทั้งโดยมนุษย์และ agents)
  2. ไฟล์ Markdown ถูกจัดระเบียบใน ฐานความรู้ พร้อมข้อมูลเมตา
  3. Agents เข้าถึงฐานความรู้ผ่าน MCP หรือโปรโตคอลที่คล้ายกัน
  4. Agents สามารถค้นหา อ่าน และอ้างอิงข้ามเนื้อหาในฐานความรู้

รูปแบบนี้ได้ผลเพราะไม่ต้องสร้างผลิตภัณฑ์ใดๆ ใหม่สำหรับ agents มันเพิ่มชั้น agentic บนเนื้อหาเว็บที่มีอยู่

Save ใช้รูปแบบนี้อย่างแม่นยำ หน้าเว็บใดก็ตาม — ออกแบบมาสำหรับดวงตามนุษย์ — ถูกแปลงเป็น Markdown ที่สะอาดและเป็น AI-native Save Vault จัดระเบียบใน ฐานความรู้ MCP server ในตัวทำให้ทุกอย่างค้นหาได้โดย Claude

ผลลัพธ์: ข้อมูลใดๆ บนเว็บกลายเป็นส่วนหนึ่งของชั้นความรู้ agentic โดยที่เว็บไซต์ต้นฉบับไม่ต้องทำอะไรแตกต่างออกไป

สอง ระดับของ Agentic

Dharmesh ทำการแยกแยะที่ควรจดจำ เขาบอกทีมผู้บริหารของ HubSpot ว่า:

การเป็น agentic ไม่ใช่แค่เรื่องของ agents ที่รันอยู่ บน แพลตฟอร์มของเรา แต่เป็นเรื่องของ agents ที่ ขับเคลื่อน แพลตฟอร์มของเรา

มีสองระดับ:

ระดับ 1: Agents บนแพลตฟอร์มของคุณ — ฟีเจอร์ AI ที่ฝังอยู่ในผลิตภัณฑ์ของคุณ แชทบอต การเติมอัตโนมัติ สรุปที่สร้างโดย AI ผลิตภัณฑ์ยังคงดำเนินการโดยมนุษย์ด้วยความช่วยเหลือจาก AI

ระดับ 2: Agents ที่ขับเคลื่อนแพลตฟอร์มของคุณ — AI agents ที่สามารถใช้ผลิตภัณฑ์ของคุณอย่างอัตโนมัติเพื่อบรรลุเป้าหมาย ผลิตภัณฑ์ดำเนินการโดย agent ด้วยการดูแลของมนุษย์

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

สิ่งนี้หมายความว่าอะไรสำหรับผู้ใช้

คุณไม่จำเป็นต้องรอให้ทุกผลิตภัณฑ์สร้างการรองรับ AUI คุณสามารถสร้างชั้น agentic ของคุณเองได้วันนี้:

  1. แปลงเนื้อหาเว็บเป็น Markdown — สิ่งนี้แปลงเว็บไซต์ที่ออกแบบโดยมนุษย์ใดก็ตามเป็นความรู้ที่ agent อ่านได้
  2. จัดระเบียบใน ฐานความรู้ — จัดโครงสร้างเนื้อหาที่บันทึกของคุณเพื่อให้ agents สามารถค้นหาได้อย่างมีประสิทธิภาพ
  3. เชื่อมต่อผ่าน MCP — ให้ผู้ช่วย AI ของคุณเข้าถึงความรู้ที่คัดสรรของคุณโดยตรง

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

อนาคตของอินเทอร์เฟซ

การเปลี่ยนแปลงสู่ AUI ไม่ใช่เรื่องของการแทนที่อินเทอร์เฟซมนุษย์ แต่เป็นการยอมรับว่าซอฟต์แวร์มี ผู้ชมสอง กลุ่ม: มนุษย์ที่คลิกและ agents ที่สอบถาม

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

กระบวนทัศน์อินเทอร์เฟซกำลังขยายตัว คำถามไม่ใช่ว่าเครื่องมือของคุณต้องการชั้น agentic หรือไม่ — แต่เป็นว่าคุณสร้างมันเร็วแค่ไหน


Save แปลงหน้าเว็บใดก็ได้เป็น Markdown ที่สะอาดและพร้อมสำหรับ agent และเก็บไว้ในฐานความรู้ท้องถิ่นของคุณ MCP server ในตัวของ Save Vault ทำให้เนื้อหาที่บันทึกของคุณค้นหาได้โดย Claude ลอง Save ฟรี