UI ของยานพาหนะแห่งอนาคตจะต้องน่าทึ่ง

เผยแพร่แล้ว: 2022-03-11

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

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

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

ต้นแบบศูนย์ควบคุมมือถือของเทสลา

ต้นแบบศูนย์ควบคุมมือถือของเทสลา
Matthaeus Krenn

ทำไมมันถึงน่าทึ่ง:

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

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

UI การควบคุมแบบสัมผัสออนบอร์ด

UI การควบคุมแบบสัมผัสออนบอร์ด
Gleb Kuznetsov สำหรับFΛNTΛSY

ทำไมมันถึงน่าทึ่ง:

UI นี้จะพิจารณารูปแบบการควบคุมสากลที่ขับเคลื่อนโดยหน่วยความจำของกล้ามเนื้อโดยใช้ท่าทางสัมผัส จำนวนนิ้วบนพื้นผิวและการเคลื่อนไหวทำให้เกิดการกระทำ ตามมาตรฐานของ iPad, เมาส์วิเศษ และระบบปฏิบัติการอื่นๆ ของ Apple ในกรณีนี้ การเคลื่อนไหวจะเพิ่มหรือลดค่า

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

คุณสามารถดูกรณีศึกษาทั้งหมดและทดลองใช้ต้นแบบได้ที่นี่

แนวคิดอินเทอร์เฟซแดชบอร์ดของเทสลา

แนวคิดอินเทอร์เฟซแดชบอร์ดของเทสลา
สำนัก Oberhaeuser

ทำไมมันถึงน่าทึ่ง:

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

คุณสามารถดูกรณีศึกษาและการใช้งานจริงได้ที่นี่

การทดสอบและควบคุมสุขภาพยานพาหนะระยะไกล

การทดสอบและควบคุมสุขภาพยานพาหนะระยะไกล
ราโมชั่น

ทำไมมันถึงน่าทึ่ง:

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

UI แรงดันลมยางและสภาพอากาศ

UI แรงดันลมยางและสภาพอากาศ
ไรอัน ดัฟฟี่

ทำไมมันถึงน่าทึ่ง:

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

Hudway Augmented Reality Heads Up Display

Hudway Augmented Reality Heads Up Display
แอพ Hudway

ทำไมมันถึงน่าทึ่ง:

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

คุณสามารถดูกรณีศึกษาและนำไปใช้จริงได้ที่นี่

แอปพลิเคชั่นเล่นรถแนะนำเมือง

แอปพลิเคชั่นเล่นรถแนะนำเมือง
คลีฟโรด

ทำไมมันถึงน่าทึ่ง:

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

แอปเปิ้ล คาร์เพลย์

แอปเปิ้ล คาร์เพลย์
แอปเปิ้ล

ทำไมมันถึงน่าทึ่ง:

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

จอแสดงผลคลัสเตอร์แดชบอร์ดดิจิตอล

จอแสดงผลคลัสเตอร์แดชบอร์ดดิจิตอล
ไมค์ มอนต์โกเมอรี่

ทำไมมันถึงน่าทึ่ง:

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

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

ต้นแบบ UI ของ Apple Watch ของเทสลา

ต้นแบบ UI ของ Apple Watch ของเทสลา
Eleks Digital

ทำไมมันถึงน่าทึ่ง:

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

บทสรุป

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

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

  • แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบ UI และข้อผิดพลาดทั่วไป
  • รัฐที่ว่างเปล่า – แง่มุมที่ถูกมองข้ามมากที่สุดของ UX
  • ความเรียบง่ายคือกุญแจสำคัญ – สำรวจการออกแบบเว็บขั้นต่ำ
  • หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
  • การออกแบบเพื่อให้อ่านง่าย – A Guide to Web Typography