Gemini เพิ่งเปิดตัว UI ใหม่ และปฏิกิริยาแรกของหลายคนคือ—"ทำไมมันดูคุ้นๆ แบบนี้ล่ะ?"
เมื่อเปิดเทียบกับ ChatGPT จะเห็นสิ่งที่น่าสนใจ: ทั้งสองบริษัททำให้จุดเข้าใช้งานผลิตภัณฑ์ที่สำคัญที่สุด—ช่องป้อนข้อความแชท—แทบจะเหมือนกันทุกประการ กล่องข้อความ, เครื่องหมายบวก, และปุ่มเสียง เท่านั้นเอง
เมื่อรูปแบบผลิตภัณฑ์ได้รับการปรับแต่งและตรวจสอบซ้ำแล้วซ้ำเล่าจากฐานผู้ใช้จำนวนมหาศาล ทางออกที่ดีที่สุดมักจะมาบรรจบกันที่จุดเดียวกัน
ดีไซน์นี้มีหน้าตาเป็นอย่างไร?
แถบป้อนข้อมูลหลักคงไว้เพียงสามองค์ประกอบ:
- เครื่องหมายบวก (+) — ไม่ได้ระบุว่าจะ "+" อะไร อาจจะเพิ่มไฟล์แนบ?
- ช่องป้อนข้อความ — จุดโต้ตอบหลัก
- ปุ่มเสียง — โหมดเสียง
สถานการณ์การโต้ตอบหลักของแชท AI จริงๆ แล้วคือ: ข้อความ - การพิมพ์, การเพิ่มไฟล์แนบ, รูปภาพ หรืออื่นๆ
นอกเหนือจากนั้น การโต้ตอบเสริมได้แก่
- การเลือกโมเดล
- การคิด
- การค้นหาเว็บ
- โทนเสียง
- ...
หลายคนอาจจำได้ว่า ChatGPT ใช้เวลานานมากในการออกแบบแถบป้อนข้อมูลนี้ใหม่ซ้ำแล้วซ้ำเล่า จนกระทั่งวันหนึ่ง สไตล์ด้านบนก็ปรากฏขึ้น ตั้งแต่นั้นมา ไม่ว่าโมเดลหรือความสามารถของผลิตภัณฑ์จะอัปเดตอย่างไร แถบป้อนข้อมูลนี้ก็ยังคงเหมือนเดิม นี่คือแนวทางปฏิบัติที่ดีที่สุดของการออกแบบ
ทำไมถึงออกแบบแบบนี้?
ลดความสำคัญของการเลือกโมเดล
ทั้งสองผลิตภัณฑ์ไม่ได้ใส่ "การเลือกโมเดล" ไว้ในแถบป้อนข้อมูล Gemini วางสวิตช์เปลี่ยนโมเดลไว้ในเมนูแบบเลื่อนลงที่ส่วนหัวด้านบน ChatGPT ก็ทำเช่นเดียวกัน ข้อความที่ซ่อนอยู่ของพวกเขาสอดคล้องกัน:
เราไม่อยากให้ผู้ใช้ต้องคิดว่า "ตอนนี้ฉันควรใช้ GPT-4o หรือ o1 ดี?" ก่อนทุกคำถาม
จากมุมมองการออกแบบปฏิสัมพันธ์—ยิ่งมีรายการให้ตัดสินใจมากเท่าไหร่ เวลาในการตัดสินใจก็ยิ่งนานขึ้นเท่านั้น โมเดลโดยพื้นฐานแล้วคือรายละเอียดการใช้งานทางวิศวกรรม การวางมันไว้หน้าช่องป้อนข้อมูลบังคับให้ผู้ใช้ต้อง "ตรวจสอบตัวเอง" ทุกครั้งว่า "ฉันคู่ควรที่จะใช้โมเดลที่ดีที่สุดหรือไม่?" ซึ่งเป็นภาระทางจิตใจที่ขัดกับธรรมชาติของมนุษย์
การย้ายจุดเลือกโมเดลให้ไกลออกไปและทำให้ "คลิกได้ไม่สะดวกนัก" ดูเหมือนจะขัดกับสัญชาตญาณ แต่จริงๆ แล้วมันคือ ความไว้วางใจในค่าเริ่มต้น—ผลิตภัณฑ์บอกผู้ใช้อย่างมั่นใจว่า: คุณไม่ต้องกังวลเรื่องนี้ เราเลือกให้คุณแล้ว
ปุ่มบวก: "ภาชนะรอง" ที่ออกแบบมาอย่างพิถีพิถัน
ไอคอน "+" เป็นส่วนที่ยอดเยี่ยมที่สุดตรงนี้ มันคือเครื่องหมายบวก ไม่ใช่ไอคอนแนบไฟล์หรือรูปภาพ
โดยเฉพาะอย่างยิ่ง ภาชนะนี้ทำหน้าที่:
- ลำดับชั้นของ Sheet เหมาะกับความสัมพันธ์ "งานหลัก—งานรอง" โดยธรรมชาติ มันผุดขึ้นมาจากด้านล่าง ไม่แย่งจุดสนใจทางสายตาจากพื้นที่ป้อนข้อมูล และหดกลับหลังจากใช้งาน ตามหลักการของการเปิดเผยแบบค่อยเป็นค่อยไป (Progressive Disclosure)
- Sheet วาง "การเพิ่มเนื้อหา" และ "การเรียกใช้ความสามารถ" ไว้ในพื้นที่เดียวกัน เปิดเครื่องหมายบวกของ ChatGPT คุณจะเห็นรายการอย่าง อัลบั้ม และ กล้อง สำหรับ "การนำสิ่งต่างๆ เข้ามา" ตามด้วย สร้างภาพ, ค้นหาเชิงลึก, และ ค้นหาเว็บ สำหรับ "การเรียกใช้ความสามารถออกไป" ในความคิดของผู้ใช้ สิ่งเหล่านี้ล้วนเป็นส่วนหนึ่งของ "ฉันต้องการทำให้การสนทนาสมบูรณ์ยิ่งขึ้นตอนนี้" ดังนั้นจึงควรปรากฏในภาชนะเดียวกัน
- Sheet มอบ "การค้นพบอย่างนุ่มนวล" ฟีเจอร์ขั้นสูงไม่ได้ถูกยัดเยียดลงในหน้าการตั้งค่าหรืออัดแน่นบนแถบเครื่องมือหลักจนทำให้ผู้ใช้ใหม่กลัว พวกมันซ่อนอยู่หลังเครื่องหมายบวก รอให้ผู้ใช้ที่คุ้นเคยกับการแชทพื้นฐานแล้วและเริ่มมีความต้องการขั้นสูงเข้ามาสำรวจด้วยตนเอง นี่คือวิธีที่หรูหราที่สุดในการลด ต้นทุนการค้นพบ—ไม่ต้องอธิบาย ไม่ต้องแนะนำ ปรากฏขึ้นอย่างพอดีเมื่อผู้ใช้พร้อม
การออกแบบที่ดีคือ การออกแบบเจตนา
แน่นอนว่าควรกล่าวถึงว่า Claude ยังคงรักษาการเลือกโมเดลไว้—จริงๆ แล้วเป็นการเน้นย้ำว่า: เรามีโมเดลที่ดีที่สุด คุณควรใช้โมเดลที่ดีที่สุด! คุณต้องเลือกโมเดลที่ดีที่สุด
การออกแบบ UI คือ การออกแบบเจตนา
