วิธีการทำงานเสมือนจริงในการสร้างต้นแบบแอพมือถือ

เผยแพร่แล้ว: 2018-02-25

ยิ่งต้นแบบของคุณเข้าใกล้ผลิตภัณฑ์สุดท้ายของคุณมากเท่าไหร่ก็ยิ่งดี

ในยุค 90 ความเป็นจริงเสมือนกำลังจะเปลี่ยนแปลงโลก ภาพยนตร์อย่าง The Lawnmower Man , The Matrix และ Existenz ได้สร้างภาพลักษณ์ของ VR เป็นพลังเหนือธรรมชาติ สามารถสร้างโลกอื่นที่เต็มไปด้วยอันตราย และพลังที่อยู่เหนือความสามารถของมนุษย์ทั่วไป มีเครื่องมือ VR ระดับผู้บริโภคในช่วงต้นไม่กี่อย่างเช่น Nintendo Virtual Boy และ Sega VR Headset

แล้วทุกอย่างก็ดูเหมือนจะหายไป

ในหลาย ๆ ด้าน วันแรก ๆ เหล่านั้นเป็นเหมือนวัยเด็กของ VR เรามีความฝันอันยิ่งใหญ่ (และความกลัว) และแนวคิดที่ค่อนข้างคลุมเครือว่าจะเป็นไปได้อย่างไร และมันดีสำหรับอะไรจริงๆ เครื่องมือ VR นั้นหยาบและมีราคาแพง และโลกยังไม่พร้อม ไม่ใช่แค่เรื่องของเทคโนโลยี แต่เราเพิ่งเริ่มเข้าใจวิธีพัฒนา UI ที่ใช้งานง่าย (และการออกแบบ UX ยังอยู่ในช่วงเริ่มต้น)

อย่างไรก็ตาม ตอนนี้เราพร้อมแล้ว

VR ได้ระเบิดขึ้นในช่วงไม่กี่ปีที่ผ่านมา คุณสามารถเปลี่ยนโทรศัพท์ของคุณให้เป็นเครื่องมือ VR ด้วยจอแสดงผล Google Cardboard มูลค่า 15 เหรียญ หรือแม้แต่ทำเองด้วยเครื่องมือประดิษฐ์ขั้นพื้นฐาน แม้แต่ชุดหูฟังที่ทรงพลังอย่าง Oculus Rift หรือ HTC Vive ก็มีราคาต่ำกว่า Apple MacBook ระดับไฮเอนด์

กระดาษแข็งเป็นวิธีที่ยอดเยี่ยมสำหรับผู้บริโภคในการเริ่มต้นใช้งาน VR โดยไม่ต้องจ่ายแขนและขา

และแตกต่างจากในยุค 90 ที่ความต้องการของผู้บริโภคมีมาก จากการวิจัยของ Zion Market Research ตลาดเสมือนจริงทั่วโลกจะยังคงขยายตัวอย่างต่อเนื่องด้วยอัตราการเติบโตต่อปีที่น่าประหลาดใจที่ 54.01% จนถึงปี 2022 ซึ่งจะมีมูลค่าถึง 26.89 พันล้านดอลลาร์ การศึกษาอื่นพบว่าการดาวน์โหลดแอป VR จาก Google Play และ App Store เพิ่มขึ้น 276% ในปี 2559

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

ตอนนี้แอพมือถือเสมือนจริงอยู่ที่ไหน

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

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

การสร้างต้นแบบแอพมือถือส่วนใหญ่มุ่งเน้นไปที่สามองศาด้วยเหตุผลบางประการ:

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

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

การพัฒนาแอพเสมือนจริง

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

แนะนำสำหรับคุณ:

Metaverse จะพลิกโฉมอุตสาหกรรมยานยนต์อินเดียได้อย่างไร

Metaverse จะพลิกโฉมอุตสาหกรรมยานยนต์อินเดียได้อย่างไร

บทบัญญัติต่อต้านการแสวงหากำไรสำหรับสตาร์ทอัพในอินเดียมีความหมายอย่างไร?

บทบัญญัติต่อต้านการแสวงหากำไรสำหรับสตาร์ทอัพในอินเดียมีความหมายอย่างไร?

วิธีที่ Edtech Startups ช่วยเพิ่มทักษะและทำให้พนักงานพร้อมสำหรับอนาคต

Edtech Startups ช่วยให้แรงงานอินเดียเพิ่มพูนทักษะและเตรียมพร้อมสู่อนาคตได้อย่างไร...

หุ้นเทคโนโลยียุคใหม่ในสัปดาห์นี้: ปัญหาของ Zomato ยังคงดำเนินต่อไป, EaseMyTrip Posts Stro...

สตาร์ทอัพอินเดียใช้ทางลัดในการไล่ล่าหาทุน

สตาร์ทอัพอินเดียใช้ทางลัดในการไล่ล่าหาทุน

Logicserve Digital สตาร์ทอัพด้านการตลาดดิจิทัลรายงานว่าได้ระดมทุน INR 80 Cr จากบริษัทจัดการสินทรัพย์อื่น Florintree Advisors

แพลตฟอร์มการตลาดดิจิทัล Logicserve ระดมทุน INR 80 Cr รีแบรนด์เป็น LS Dig...

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

คุณเห็นอะไร

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

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

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

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

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

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

เราเรียกเกมถัดไป

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

วิธีสร้างต้นแบบแอป VR ใน Proto.io

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

ผู้ใช้สามารถอัปโหลดภาพ 360° และคำแนะนำในการออกแบบได้ในเวลาไม่กี่นาที Proto.io Asset Flow ผสานรวมกับเครื่องมือมาตรฐานอุตสาหกรรมอย่าง Sketch และ Photoshop ทำให้ง่ายต่อการจำลองคำแนะนำในโลกเสมือนจริงอันน่าอัศจรรย์เช่นเดียวกับการทัวร์ภายในบ้าน

ไลบรารี VR Components ของเรายังทำให้ง่ายต่อการจำลองเมนูและการควบคุมตามการจ้องมอง เพิ่มแอนิเมชั่นและเสียง และปรับแต่งเลย์เอาต์ของคุณเพื่อใช้ประโยชน์สูงสุดจากพื้นที่เสมือน และคุณยังสามารถดูตัวอย่างต้นแบบของคุณบนอุปกรณ์ใดๆ ก็ตามที่ใช้แอพ Proto.io ทำให้คุณมีความยืดหยุ่นอย่างเหลือเชื่อ ตัวอย่างเช่น คุณสามารถใช้ MacBook ของคุณเพื่อสร้างฉากบนเว็บแอป จากนั้นทดสอบและปรับแต่งเวอร์ชันเสมือนจริงสำหรับ Android จากนั้นสาธิตบน Oculus Rift หรือชุดหูฟัง VR ระดับไฮเอนด์อื่นๆ

เริ่มต้นใช้งานแอปเสมือนจริง

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

เมื่อคุณทำเสร็จแล้ว ลองดูการสัมมนาผ่านเว็บแบบออนดีมานด์ของเรา การสร้างต้นแบบ VR โดยไม่ต้องออกจาก Proto.io ขั้นแรก เราจะแสดงให้คุณเห็นถึงวิธีการสร้างคำแนะนำแบบอินเทอร์แอกทีฟครั้งแรกของคุณ โดยใช้ภาพ 360° อันน่าทึ่ง จากนั้น เราจะสอนวิธีทำเมนูเกม พร้อมปุ่มที่ขยาย เรืองแสง และส่งเสียงเมื่อคุณกด (คุณยังสามารถดูบทแนะนำเมนูเกมแยกต่างหากได้) ในกระบวนการนี้ คุณจะได้เรียนรู้ทักษะมากมายที่เป็นประโยชน์สำหรับการสร้างแอป Virtual Reality อื่นๆ ได้แก่:

  • สร้างปุ่ม VR ที่ตอบสนองต่อการจ้องมองของผู้ใช้
  • ฉากเรียกเปลี่ยน
  • การใช้ภาพแบนและบีคอนเพื่อระบุการเปลี่ยนแปลงฉากประเภทต่างๆ
  • ผสมผสานเสียงเข้ากับแอป VR ของคุณ

หากคุณเพิ่งเริ่มใช้ Proto.io คุณจะสัมผัสได้ว่าทุกอย่างทำงานร่วมกันอย่างไร แม้ว่า VR Containers จะมีความพิเศษในบางแง่มุม แต่เราได้รักษาเวิร์กโฟลว์ให้สอดคล้องกันมากที่สุด หากคุณมีประสบการณ์เกี่ยวกับการสร้างแอป และคุณเป็นคนประเภทที่ใช้คู่มือเป็นทางเลือกสุดท้าย วิธีนี้น่าจะช่วยคุณได้ มิฉะนั้น คู่มือผู้ใช้ของเราควรมีทุกสิ่งที่คุณจำเป็นต้องรู้

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


โพสต์นี้ปรากฏครั้งแรกบนบล็อก Proto.io และทำซ้ำโดยได้รับอนุญาต