Instagram เปิดตัวอินเทอร์เฟซ "Liquid Glass" ปฏิวัติวงการสำหรับ iPhone กำหนดนิยามใหม่ให้กับประสบการณ์โซเชียลมีเดียบนมือถือ

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

แก้วเหลวคืออะไร

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

"เราต้องการสร้างอินเทอร์เฟซที่ให้ความรู้สึกมีชีวิตชีวาและตอบสนอง" Sarah Johnson หัวหน้าฝ่ายออกแบบผลิตภัณฑ์ของ Instagram อธิบาย "Liquid Glass แสดงถึงความมุ่งมั่นของเราในการทำให้การโต้ตอบทางดิจิทัลเป็นธรรมชาติและใช้งานง่ายยิ่งขึ้น ด้วยการรวมแอนิเมชั่นตามหลักฟิสิกส์และการโต้ตอบเล็กๆ น้อยๆ ที่รอบคอบเข้าด้วยกัน เราตั้งเป้าที่จะลดภาระการรับรู้ ในขณะเดียวกันก็ปรับปรุงการเชื่อมโยงทางอารมณ์กับเนื้อหา"

คุณสมบัติหลักของอินเทอร์เฟซ Liquid Glass

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

การใช้งานทางเทคนิคและข้อกำหนด

อินเทอร์เฟซ Liquid Glass ใช้ประโยชน์จากความสามารถขั้นสูงของ iOS หลายประการซึ่งมีความซับซ้อนมากขึ้นในช่วงไม่กี่ปีที่ผ่านมา การใช้งานต้องใช้ iOS 15.4 ขึ้นไป โดยใช้ประโยชน์จาก Metal API ของ Apple เพื่อการเรนเดอร์ที่ราบรื่นและ Core Animation สำหรับการเปลี่ยนที่ลื่นไหล

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

Instagram ทำให้มั่นใจได้ว่าอินเทอร์เฟซใหม่จะรักษาประสิทธิภาพที่ยอดเยี่ยมใน iPhone รุ่นต่างๆ ตั้งแต่ iPhone 15 Pro ล่าสุดไปจนถึงอุปกรณ์รุ่นเก่าเช่น iPhone 8 ผ่านการปรับขนาดประสิทธิภาพอัจฉริยะที่ปรับความซับซ้อนของการมองเห็นตามความสามารถของอุปกรณ์

การเปรียบเทียบ Liquid Glass กับอินเทอร์เฟซ Instagram ก่อนหน้า

การเปลี่ยนไปใช้ Liquid Glass ถือเป็นการยกเครื่องการออกแบบที่สำคัญที่สุดที่ Instagram ได้นำมาใช้นับตั้งแต่เปิดตัวในปี 2010 ตารางด้านล่างเปรียบเทียบลักษณะสำคัญของอินเทอร์เฟซใหม่กับรุ่นก่อน:

ผลกระทบจากประสบการณ์ผู้ใช้

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

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

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

ผลกระทบของอุตสาหกรรมและทิศทางในอนาคต

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

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

Instagram ยืนยันว่าในที่สุด Liquid Glass จะขยายไปยังอุปกรณ์ Android แม้ว่าไทม์ไลน์จะยังไม่ระบุก็ตาม บริษัทยังได้บอกเป็นนัยถึงการบูรณาการที่เป็นไปได้กับผลิตภัณฑ์อื่นๆ ของ Meta รวมถึง Facebook และ WhatsApp แม้ว่าจะไม่มีการประกาศแผนการที่เป็นรูปธรรมก็ตาม

บทสรุป

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

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

iPhone Instagram ในที่สุด Liquid Glass ไอโฟน อินสตาแกรม ในที่สุด Liquid Glass

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