بررسی تعاملات رابط کاربری XR در "Idea Engine"

موتور ایده به شما اجازه می دهد تا تجربیات واقعیت مجازی و واقعیت ترکیبی را ایجاد و به اشتراک بگذارید. ساخت چنین ابزار همه منظوره ای به رابط های کاربری پیچیده نیاز دارد. در این مقاله مهمان، توسعه دهنده برت جکسون رویکردهای خود را در مورد تعامل با رابط کاربری به اشتراک می گذارد.

مقاله مهمان توسط برت جکسون

برت جکسون از سال 2015 پروژه های VR را توسعه داده است و مدیر شرکت جدید مستقر در بریتانیا است. X82 Ltd. نسخه های قبلی او عبارتند از: Dimensional (PC VR)، Breath Tech (PC VR)، Jigsaw 360 (PC VR & mobile VR) و 120Hz (SideQuest).

ارائه یک رابط کاربری از طریق پانل های تعاملی دو بعدی در XR معمول است. این یک چشم انداز هیجان انگیز نیست، اما آشنا و کارآمد است. با این حال، حتی اگر این نفوذ دو بعدی را به دنیای XR خود بپذیریم، باز هم ملاحظات و فرصت‌های جدیدی برای رهایی از پارادایم‌های دو بعدی وجود دارد.

من به سرعت از نشانگرهای لیزری خسته شدم که حرکت دست من را روی پانل های دور اغراق آمیز می کرد، همراه با بردارهای هدف ناسازگار و تشخیص متناوب نیشگون گرفتن. ترجیح من این است که با دنیا ارتباط برقرار کنم. من می‌خواهم پانل را درست در مقابلم قرار دهم تا بتوانم آن را به راحتی قرار دهم و مانند یک دستگاه واقعی از آن استفاده کنم.

آخرین پروژه من، موتور ایده، با استفاده از StereoKit، یک کتابخانه منبع باز، OpenXR. این یک فلسفه دست اول است و پشتیبانی از ردیابی دست خارج از جعبه و همچنین پشتیبانی از کنترلر را ارائه می دهد. این امکان ایجاد کارآمد پنجره های پویا با کنترل های UI معمولی را فراهم می کند. این یک ابزار عالی برای ایجاد سریع پروژه های XR است و مزایای بسیار دیگری دارد.

پانل

بنابراین نقطه شروع من یک پنل رابط کاربری است که می‌توانیم آن را در هر نقطه‌ای بگیریم (هیچ دسته یا لبه خاصی برای پیدا کردن وجود ندارد) با هاله‌ای زیبا که وقتی در محدوده گرفتن هستیم نمایش داده می‌شود. اکنون، بیایید ملاحظات XR بیشتری اضافه کنیم.

در XR، برای کاربر آسان است که در پشت پنل UI قرار بگیرد. به جای نشان دادن یک رابط خالی پشتی یا معکوس، رابط کاربری را به سمتی که کاربر به آن نگاه می‌کند برمی‌گردانم - ساده است. بی اهمیت به نظر می رسد، اما ارزش در نظر گرفتن سناریوهای خاص XR را دارد. روش دیگر چرخاندن خودکار پنل است تا دائماً رو به پخش کننده باشد، اما این کار کنترل را از کاربر سلب می کند. اگر آنها می خواهند پانل در یک زاویه عجیب و غریب باشد، به آنها اجازه دهید، ممکن است دلیل خوبی داشته باشند.

یک پنل جداگانه باید در اندازه کوچک (اندازه صفحه / اندازه مانیتور) باشد تا کاربر بتواند به راحتی محتویات را بدون نیاز به چرخاندن سر خود جذب کند، اما XR فضای فراوانی را در اختیار ما قرار می دهد. من دوست دارم به دنبال فرصت هایی برای خارج شدن از مرز صفحه باشم. مناطق قابل پیمایش من دارای دسته ای برای گرفتن و جابجایی محتوا هستند. در حین گرفتن، نمای بسیار گسترده‌ای از ناحیه محتوا می‌بینید، و می‌توانید در این حالت بکشید و رها کنید و محدوده قرارگیری بیشتری را فراهم کنید.

نکاتی را در کنار پانل‌ها نشان می‌دهم، با یک خط به مؤلفه UI که آنها توصیف می‌کنند. با این کار مقدار متن روی پنل کاهش می یابد. کاربران می توانند نکاتی را که با آنها آشنا هستند پنهان کنند.

در پروژه دیگری، من یک نمودار سه بعدی گانت را نمونه‌سازی کردم که به صورت افقی از صفحه خارج می‌شد و در فاصله‌ای دور محو می‌شد. تمرکز اصلی کاربر همچنان بر روی پنل مرکزی با اندازه معمولی بود، اما آنها می‌توانستند به صورت اختیاری در زمینه وسیع‌تر استفاده کنند.

در حالی که پانل‌ها راحت و آشنا هستند، نباید محدودیت‌های آن‌ها را محدود کنیم و جستجوی راه‌هایی برای شکستن آن‌ها سرگرم‌کننده است.

منوها

StereoKit من را با منوی دستی شعاعی آشنا کرد که سپس آن را گسترش دادم. من این ایده را دوست دارم زیرا شما آن را با یک دست کار می کنید، بنابراین راحت و در دسترس است. من سیستم منوی یکسانی را در هر دو سمت راست و چپ در دسترس قرار می‌دهم و از همان رویکرد برای منوهای بازشو در پانل‌ها برای سازگاری استفاده می‌کنم.

منوی حجمی من همه چیز را یک گام فراتر می برد و صرفاً با تمایل به استفاده از آن بعد 3 هدایت می شد. من از آن برای انتخاب مقاصد دوربری (با اشاره گر به هر مقصد) و انتخاب گره های نزدیک برای ویرایش استفاده می کنم. من همچنین از آن برای ورودی صفحه کلید هنگام مرور آدرس های متاورس استفاده می کنم. این کاملا تجربی است. این مزیت این است که همه نمادها به یک اندازه از مرکز فاصله دارند و ورودی خود را بدون نیاز به نگاه کردن (یک مشکل رایج در صفحه کلیدهای مجازی) می بینید. اشکال این است که برای کاربران ناآشنا است، بنابراین من انتظار مقاومت در برابر آن را دارم. توجه داشته باشید که در ویدئو، حروف به ترتیب حروف الفبا از جلو به عقب دور می شوند، بنابراین در مدت کوتاهی، موقعیت آنها باید آشنا شود.

به زودی می توانید منوهایی از این قبیل را به پروژه های Idea Engine خود اضافه کنید.

ابزارک های سه بعدی

یک انتخابگر رنگ، با داشتن سه مقدار (رنگ، ​​اشباع، و مقدار) که می‌توان آنها را به 3 بعد نگاشت، فرصتی ایده‌آل برای آزمایش ارائه کرد. در انتخابگر رنگ سه بعدی من، می توانید هر سه مقدار را به طور همزمان تغییر دهید یا رنگ، اشباع یا مقدار را به صورت جداگانه تنظیم کنید. احساس می‌کنم تعامل با لغزنده‌های یک صفحه دو بعدی جالب‌تر است.

به طور مشابه با حرکت، من می خواهم به صورت سه بعدی حرکت کنم، بنابراین یک جوی استیک سه بعدی برای حرکت صاف با ردیابی دست ساختم. به سادگی کره را در جهتی که می خواهید حرکت کنید بکشید و مچ دست خود را برای چرخش سریع یا صاف بچرخانید. در حالت پیاده‌روی یا پرواز عمل می‌کند و اگر کاربر آن را بیش از حد بداند که در یک کنترل به همه چیز فکر کند، می‌توان چرخش را غیرفعال کرد. من همچنان از حرکات سنتی مبتنی بر کنترل پشتیبانی می‌کنم، اما این کنترل تک دستی عملکرد جوی استیک‌ها/دکمه‌های متعدد را تکرار می‌کند و نمونه جالبی از این است که چگونه حرکت سه بعدی دست می‌تواند نیازها را به روش‌های جدید برآورده کند.

دست ها

در تمام ویدیوهای مثال من، به محض اینکه کاربر شروع به تعامل با رابط کاربری کرد، می بینید که من دست کاربر را پنهان می کنم. بسیاری از توسعه‌دهندگان تلاش می‌کنند تا به‌دقت ژست‌های گرفتن را برای اهداف مختلف ایجاد کنند، و این به نظر تمیز می‌رسد، اما برای من، یک دست با حالت خوب که موقعیت دست من را منعکس نمی‌کند، بیشتر از بی‌دستی، حواس‌پرت‌کننده‌تر است. یک دست همچنین می تواند یک انسداد بینایی پس از شروع تعامل باشد.

با از بین رفتن دست، من همچنین می‌توانم حرکات دست را بدون هیچ گونه تضاد بصری کم یا زیاد کنم. من حرکت دست را در انتخابگر رنگ کم می‌کنم تا حساسیت کمتری داشته باشد و هنگام پیمایش وقتی محتوا زیاد است، حرکت دست را اغراق‌آمیز می‌کنم.

متن

در حالی که Idea Engine از Sketchfab برای دانلود مدل‌های سه‌بعدی، هوش مصنوعی برای تولید تصاویر و وارد کردن عکس/صدا پشتیبانی می‌کند، غلبه بر سهولت و دسترسی متن و کلام برای انتقال روایت‌های پیچیده دشوار است. با در نظر گرفتن این موضوع، من به پشتیبانی مناسب برای متن نیاز داشتم تا کاربران بتوانند تمام قالب‌های موجود را برای گفتن داستان‌های خود ادغام کنند.

متن به طور کلی در VR عالی به نظر نمی‌رسد، بنابراین وقتی شما دور می‌شوید، آن را محو می‌کنم تا مصنوعات ناخوشایند را حذف کرده و پانل‌های متن را نیز ببندم. کاربران به جای خواندن متن مشتاق کاوش در محیط هستند، بنابراین من این گزینه را دارم که یک راوی به طور خودکار هر متن بلوکی را که با آن روبرو می‌شوید بخواند.

ورودی متن یک چالش بدون راه حل عالی بود. من ورودی متن به سبک موبایل را با پشتیبانی از برش و چسباندن و صفحه‌بندی خودکار با استفاده از صفحه کلید مجازی ایجاد کردم. وقتی کارم تمام شد، فکر کردم که اشکالی ندارد، اما نمی‌خواهم یک قسمت طولانی را در XR تایپ کنم. سپس پشتیبانی از صدا به متن را اضافه کردم. این کمک کرد، اما متوجه شدم که باید بعد از دیکته‌ام ویرایش زیادی انجام دهم و این کار هنوز کندتر از استفاده از وسایل سنتی بود. اکنون به کاربران اجازه می‌دهم از طریق مرورگر در هر دستگاهی که دارند به هدست خود متصل شوند و متن را از طریق یک صفحه وب وارد کنند. من به طور منظم از هر سه تکنیک استفاده می کنم، با مرورگر برای ورود متن طولانی استفاده می شود.

درس من در اینجا این بود که همیشه لازم نیست همه چیز را در XR حل کنید. گاهی اوقات ترجیح داده می شود از دستگاه های مناسب تری استفاده کنید و سپس نتایج را وارد کنید.

آن را امتحان کنید

از نقشه‌های ذهنی آموزشی گرفته تا داستان‌ها و بازی‌های تعاملی، می‌توانید از دارایی‌های CC استفاده کنید و عکس‌ها، صداها و متن‌های خود را وارد کنید تا ایده خود را بسازید. سپس، با افزودن حالت‌ها، رویدادها و اسکریپت‌های سطح بالا، آن را زنده کنید و آن را در متاورس X82 خود به اشتراک بگذارید. ابزاری پر از ویژگی و کاربر نهایی برای کشف امکانات XR.

La آلفای عمومی اکنون در App Lab در دسترس و رایگان برای دانلود است، بنابراین می توانید بیایید و هر یک از ویژگی های مورد بحث را امتحان کنید و بازخورد خود را به من بدهید.

• محتوای مبتنی بر SEO و توزیع روابط عمومی. امروز تقویت شوید.
• PlatoData.Network Vertical Generative Ai. به خودت قدرت بده دسترسی به اینجا.
• PlatoAiStream. هوش وب 3 دانش تقویت شده دسترسی به اینجا.
• PlatoESG. کربن ، CleanTech، انرژی، محیط، خورشیدی، مدیریت پسماند دسترسی به اینجا.
• PlatoHealth. هوش بیوتکنولوژی و آزمایشات بالینی. دسترسی به اینجا.
• منبع: https://www.roadtovr.com/xr-interface-interactions-idea-engine-brett-jackson/