การออกแบบ UI ในอนาคตโดยไม่มีปุ่ม

ปุ่มคืออะไรและเราต้องการมันจริง ๆ หรือไม่?

ตั้งแต่เริ่มต้นของอินเทอร์เฟซผู้ใช้แบบกราฟิก เราใช้ปุ่มต่างๆ พิจารณาว่า GUI ดั้งเดิมของ Xerox PARC นั้นมีอายุ 44 ปี แต่ส่วนต่อประสานผู้ใช้ของเรายังคงมีลักษณะเช่นนี้อย่างน่าทึ่ง ฉันเพิ่งติดตามประวัติของสไตล์ปุ่มโดยการสร้าง Dribbble Timeline แม้ว่าปุ่มจะพัฒนาขึ้นโดยสอดคล้องกับกระแสนิยมในปัจจุบันและควบคู่ไปกับเทคโนโลยี แต่ต้นกำเนิดของปุ่มเหล่านั้นได้รับแรงบันดาลใจจากวัตถุจริงในอดีตอย่างไม่ต้องสงสัย

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

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

ได้เวลาทำอะไรกับมันแล้ว—ได้เวลาคิดแบบไม่มีปุ่ม

UI แบบ “ไม่มีปุ่ม” – ที่ซึ่งทุกสิ่งโต้ตอบกัน

“ยูโทเปียไร้ปุ่ม” เป็นแนวคิดที่ความพยายามใดๆ ที่จะยึดถือกว่า 130 ปีของวิธีการทำสิ่งต่างๆ มาโดยตลอด ได้ถูกทำลายลงอย่างสิ้นเชิง อนาคตคือตอนนี้—เราต้องก้าวต่อไปและขายตัวเองจากโซลูชันที่ล้าสมัยของรุ่นก่อน

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

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

มากำจัดปุ่มใน UI กันเถอะ

คุณเคยอ่าน Type Design ที่ส่วนต่อประสานไม่มีองค์ประกอบกราฟิกใด ๆ และสิ่งเดียวที่สำคัญคือเนื้อหา? หลายท่านถามว่า “แล้วปุ่มล่ะ?” เราไม่ต้องการมันอีกต่อไป มากำจัดพวกมันให้หมด

นี่คือแนวคิดที่น่าสนใจสองสามข้อ:

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

ชอบบทความเกี่ยวกับสื่อ? ย้อนกลับไปใน Medium คุณสามารถ “แนะนำ” บทความได้ วันนี้เราคลิก “ปรบมือ” ดังนั้น "ปรบมือ" เกิดอะไรขึ้นถ้าไม่จำเป็นต้องคลิกปุ่มเล็ก ๆ แปลก ๆ เพียงแค่ ตบมืออย่างแท้จริง ?

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

คิดเนื้อหาและทั้งหน้าจอ

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

มาดูกันว่า Instagram ทำอย่างไร:

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

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

การรู้จำท่าทาง

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

เราทำท่าทางสัมผัสไม่เพียงแต่บนหน้าจอสัมผัสแบบแบนเท่านั้น แต่ยังแสดงท่าทางในพื้นที่ AR และ VR อีกด้วย ซึ่งเราสามารถนำทางด้วยร่างกายทั้งหมดของเรา

อินเทอร์เฟซเสียง

Siri, Cortana, Alexa และ Google Assistant พร้อมใช้งานแล้ว หลายคนโต้แย้งว่าอินเทอร์เฟซเสียงคืออนาคต ซึ่งยากที่จะไม่เห็นด้วยเนื่องจากศักยภาพของการใช้งานมีมากเกินกว่าจะนับได้ เราสามารถควบคุมยานพาหนะ อาคารอัจฉริยะ และเครื่องจักรได้ง่ายๆ โดยการพูดคุยกับพวกเขา เช่นเดียวกับที่เราพูดคุยกับบุคคลจริง ด้วยปัญญาประดิษฐ์และแมชชีนเลิร์นนิง ทำให้ขณะนี้เครื่องสามารถเข้าใจภาษาของเราได้แม่นยำยิ่งขึ้น เราไม่ จำกัด ให้ออกเสียง "คาถาวิเศษ" ที่มีสคริปต์อย่างระมัดระวังอีกต่อไป เราสามารถพูดได้เต็มประโยค

ด้วยการใช้คำพูด เราสามารถเคลื่อนไหวได้อย่างอิสระในโลกของการโอนเงิน ปัจจุบัน Siri อนุญาตให้คุณโอนเงินผ่าน PayPal ไปยังบุคคลอื่นโดยใช้คำขอด่วนเพียงคำขอเดียว: “Siri ส่ง $200 ไปยัง XYZ โดยใช้ PayPal” ไม่มีปุ่ม—การยืนยันและการตรวจสอบความปลอดภัยเพียงอย่างเดียวที่ต้องมีคือ Touch ID

การดำเนินการทางกายภาพ อุปกรณ์ที่เชื่อมต่อ และการจดจำวิดีโอ

ยิ้มจ่าย? ที่นี่! อาลีบาบาและเคเอฟซีร่วมกันเปิดตัวระบบที่ให้คุณชำระเงินได้ง่ายๆ เพียงยิ้มให้กล้อง ไม่ต้องกดปุ่ม ระบบทำงานด้วยการจดจำใบหน้าและขณะนี้มีวางจำหน่ายแล้วในประเทศจีน

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

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

อย่าลืมเกี่ยวกับเทคโนโลยีที่แพร่หลายมานานหลายปี หนึ่งคือไจโรสโคป—มีอยู่ในสมาร์ทโฟนแทบทุกรุ่นแต่ไม่ค่อยได้ใช้ในอินเทอร์เฟซ ด้านบน คุณสามารถดูอินเทอร์เฟซทดลองที่สร้างโดย Patryk Adas

การออกแบบ UI ในอนาคต

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

• ประหยัดเวลาผู้ใช้
• ป้องกันความผิดพลาด การหลุด และความผิดพลาด
• ชดเชยการกระทำโดยไม่ได้ตั้งใจ

ถึงเวลาแล้ว เทคโนโลยีกำลังแซงหน้าเรา พวกเรานักออกแบบต้องไล่ตาม… และอย่าลืมตามให้ทัน!