ก้าวกระโดดสู่การออกแบบ VR/AR

การออกแบบความคิดในสามมิติ

ความเป็นจริงเสมือนไม่ได้อยู่ในขอบเขตของนิยายวิทยาศาสตร์อีกต่อไป ในช่วงไม่กี่ปีที่ผ่านมา ตลาดเสมือนจริงและความเป็นจริงเสริม (VR/AR) ได้รับความสนใจจากบริษัทเทคโนโลยีขนาดใหญ่ เช่น Microsoft, Google, HTC, Facebook และแม้แต่ Apple ที่กระโดดเข้ามา และเทคโนโลยีนี้ไม่ได้มีไว้สำหรับเกมเมอร์เท่านั้นอีกต่อไป ใช้สำหรับทุกอย่างตั้งแต่การขายรถยนต์ไปจนถึงการฝึกอบรมองค์กร Forbes คาดการณ์ว่ายอดขายชุดหูฟัง VR และ AR จะแตะ 80 ล้านดอลลาร์ภายในปี 2564 และ TechCrunch กำลังทำกรณีที่ AR อาจกลายเป็นตัวขับเคลื่อนหลักของตลาด AR/VR มูลค่า 108,000 ล้านดอลลาร์ภายในปี 2564

ตอนนี้ ภูมิทัศน์ VR/AR ดูเหมือนป่าตะวันตกเล็กน้อย มีมาตรฐานหรือแนวทางไม่มากนัก และหลายคนก็ยังไม่แน่ใจว่า VR/AR คืออะไร และเหตุใดจึงสำคัญ สำหรับนักออกแบบ การออกแบบ Virtual Reality และการออกแบบ Augmented Reality เปิดโอกาสให้ได้มีส่วนร่วมในการสร้างและออกแบบอุตสาหกรรมใหม่ทั้งหมด — พัฒนามาตรฐานการออกแบบ แทนที่จะปฏิบัติตามกฎที่กำหนดไว้ล่วงหน้าที่ผู้อื่นกำหนด

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

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

เริ่มต้น: ดื่มด่ำกับตัวคุณเอง

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

สำหรับผู้เริ่มต้นที่มีงบประมาณจำกัด ให้เริ่มต้นด้วยการดาวน์โหลดแอป VR/AR จาก Google และ Apple App Store ลงในสมาร์ทโฟนหรือแท็บเล็ตของคุณ แอพจำนวนมากยังคงฟรีและมีให้เลือกมากมาย รับ Google Cardboard ซึ่งเป็นวิธีต้นทุนต่ำที่สุดในการเริ่มสัมผัสประสบการณ์ VR

หากคุณรู้สึกอยากผจญภัยอีกเล็กน้อยและมีเงินเหลือใช้อีกเล็กน้อย Google Daydream และ Samsung Gear VR จะมอบประสบการณ์ที่ผสานรวมและมีคุณภาพสูงขึ้นในส่วนล่าง

สำหรับผู้ที่มีพ็อกเก็ตบุ๊คที่ใหญ่กว่า Oculus, HTC Vive และ Sony เสนอแพลตฟอร์มระดับไฮเอนด์ที่เน้นการเล่นเกมมากกว่า สิ่งเหล่านี้ไม่เหมาะสำหรับคนขี้กลัว และค่าใช้จ่ายอาจสูงได้ตั้งแต่ 949 ดอลลาร์สำหรับชุด PlayStation VR ที่สมบูรณ์ไปจนถึงหลายพันดอลลาร์สำหรับระบบ Vive หรือ Oculus ที่มีพีซีระดับไฮเอนด์ ระบบเหล่านี้ต้องการการตั้งค่าและความชำนาญด้านเทคนิคเล็กน้อย

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

บุคคลที่หนึ่งกับการออกแบบแฟลต

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

ประเภทขององค์ประกอบ UI เชิงพื้นที่:

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

• World-locked – องค์ประกอบ UI มีพื้นที่ที่กำหนดเฉพาะภายในสภาพแวดล้อมและไม่เคลื่อนที่ ในโลกแห่งความเป็นจริง ตัวอย่างนี้ได้แก่ ป้ายถนน ไฟจราจร หรือไฟสัญญาณทางม้าลาย

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

ปัจจัยการผลิตใหม่ ความท้าทายใหม่

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

ประเภทของอินพุต:

• ท่าทาง
• จ้องมอง (ติดตามดวงตา)
• เสียง
• อินพุตฮาร์ดแวร์:
  • เฉพาะแพลตฟอร์ม
  • ตัวควบคุมแบบสัมผัสและคลิก
  • อุปกรณ์ควบคุมเกม
  • Haptic

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

กลับไปสู่พื้นฐาน: กระบวนการของการออกแบบเสมือนจริง

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

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

ขั้นตอนสุดท้ายคือโครงลวด การออกแบบวิธีการจัดวาง UI และให้ผู้ใช้เข้าถึงได้

เริ่มต้นเล็ก ๆ: การสร้างต้นแบบอย่างรวดเร็ว

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

คุณสามารถใช้เครื่องมือง่ายๆ เพื่อทดสอบแนวคิดเบื้องต้นเหล่านี้ได้อย่างรวดเร็ว:

• Sketch to VR – ปลั๊กอินที่ช่วยให้นักออกแบบสามารถใช้ Sketch เพื่อสร้างการสาธิตที่เปิดใช้งาน Google VR เครื่องมือที่ยอดเยี่ยมสำหรับการสร้างและแสดงต้นแบบในช่วงต้นแก่ผู้มีส่วนได้ส่วนเสีย
• Vizor – ล้ำหน้ากว่าเล็กน้อยและช่วยให้นักออกแบบสร้างการสาธิตเชิงโต้ตอบที่ใช้ภาพถ่ายหรือฉาก 3 มิติ Storyscape จะอธิบายวิธีเริ่มต้นใช้งาน
• WebVR – แพลตฟอร์มเปิดที่ให้คุณสัมผัสประสบการณ์ VR ในเว็บเบราว์เซอร์

คุณยังสามารถใช้ซอฟต์แวร์ เช่น Sketchup, Blender และ Cinema 4D เพื่อจำลองและสร้างต้นแบบอินเทอร์เฟซและฉาก VR/AR อีกทางหนึ่ง หากคุณต้องการข้ามไปยังหนึ่งในเครื่องมือหลักสำหรับการออกแบบและการพัฒนาใน VR/AR ให้ไปที่ Unity โดยตรงและตั้งค่าบัญชีฟรี มีช่วงการเรียนรู้เพิ่มขึ้นอีกเล็กน้อย แต่มีบทแนะนำมากมายให้คุณเริ่มต้น

การแสดงภาพ Virtual

เช่นเดียวกับการออกแบบ UI แบบดั้งเดิม การออกแบบภาพที่ยอดเยี่ยมเป็นสิ่งสำคัญ ใช้สิ่งที่คุณรู้และอย่าพยายามสร้างวงล้อใหม่หรือเปลี่ยนความงามของคุณมากเกินไป ใช้เครื่องมือที่คุณคุ้นเคยเพื่อหลีกเลี่ยงการเรียนรู้ที่ไม่จำเป็น (Adobe CC, Sketch, Framer เป็นต้น)

โปรดทราบว่าอุปกรณ์ที่ผู้ใช้ปลายทางจะใช้เพื่อสัมผัสประสบการณ์ UI ของคุณ หน้าจอและชุดหูฟังที่มีความละเอียดสูงขึ้น (แท็บเล็ต AR, Oculus, Vive, PlayStation VR) ช่วยให้มีการออกแบบที่มีรายละเอียดมากขึ้นและแบบอักษรที่เล็กลงและสวยงามยิ่งขึ้น อุปกรณ์ระดับล่างหรือหน้าจอขนาดเล็ก (สมาร์ทโฟน VR/AR, Cardboard, Daydream, Gear VR) จะต้องใช้แบบอักษรที่ใหญ่ขึ้น หนาขึ้น และองค์ประกอบ UI ที่มีรายละเอียดน้อยลง

ทำให้มันเป็นจริง

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

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

กระโดดเข้าตอนนี้!

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

อ่านเพิ่มเติม:

• ความเป็นจริงใหม่: VR, AR, MR และอนาคตของการออกแบบ
• Augmented Reality vs. Virtual Reality vs. Mixed Reality – An Introductory Guide
• การออกแบบสำหรับสภาพแวดล้อมแบบโต้ตอบและ Smart Spaces
• แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบ UI และข้อผิดพลาดทั่วไป
• รัฐที่ว่างเปล่า – แง่มุมที่ถูกมองข้ามมากที่สุดของ UX