البدء

يمكنك إنشاء تطبيق "نظارات الذكاء الاصطناعي" باستخدام إطار عمل واجهة مستخدم Glimmer المستند إلى Jetpack Compose للحصول على تجارب واقع معزّز تعمل على جميع "نظارات الذكاء الاصطناعي". ‫Jetpack Compose Glimmer هو أحد أُطر واجهة المستخدم الأولى التي تم تحسينها لتتوافق مع الشاشات الشفافة وتصميم نظارات الذكاء الاصطناعي.

‫1. تحديد تجارب المستخدمين

ركِّز على رحلات المستخدم الأساسية (CUJ) المتوافقة مع مبادئ النظرة السريعة التي يتيحها شكل النظارات الذكية. ويمكن التعبير عن ذلك من خلال الحد الأدنى من واجهة المستخدم أو الصوت فقط مع السماح للمستخدم بالبقاء على دراية بمحيطه. للعثور على فرص، ننصحك بالبدء بنقاط الدخول في تطبيقك الحالي التي يمكن أن تستفيد من Glasses.

على سبيل المثال، قد يستفيد المستخدم من اتّباع إرشادات المشي المفصّلة بدون استخدام اليدين لمساعدته في التنقّل إلى وجهته.

يجب أن تراعي رحلة المستخدم المختارة أيضًا مبادئ الأمان والراحة والأداء. على سبيل المثال، لا تختَر مهام تتطلّب استخدام كاميرا المستخدم لفترات طويلة بدون داعٍ أو تنتهك خصوصيته.

مزيد من المعلومات حول المبادئ الأساسية

استخرِج الميزات من تطبيقك المتوافق مع الأجهزة الجوّالة التي تستفيد من شكل النظارات. على سبيل المثال، التجارب التي يمكن الاطّلاع عليها بسرعة.
نقل تطبيق الهاتف بأكمله إلى النظارات لأنّها لا تتوافق مع تصميم النظارات

‫2- تصغير الشاشة والترجمة

بالنسبة إلى واجهة مستخدم وضع العرض، ابدأ بحالة استخدام رئيسية من تطبيقك الأساسي:

  • تحسين التنسيقات لزيادة التركيز: تعطي التنسيقات الأولوية للمعلومات الأساسية، ما يقلّل عدد الإجراءات والعناصر المرئية للحفاظ على تركيز المستخدم.

  • استخدام العمق للتدرّج الهرمي: يُستخدَم العمق لتحديد أولوية العناصر.

  • التصميم من الأسفل إلى الأعلى: عند إنشاء نماذج تجريبية، ابدأ من الأسفل، مع ترتيب المكوّنات للأعلى.

  • ترجمة المكوّنات المرئية: بالنسبة إلى نظارات الذكاء الاصطناعي التي تعرض المعلومات، استخدِم مكوّنات Glimmer وأنماط التنسيق في Jetpack Compose.

يمكنك الاطّلاع على مزيد من المعلومات حول المكوّنات وطريقة عرض التطبيق.

يقلّل تطبيق قائمة التسوّق من عرض القائمة إلى تجربة قائمة بسيطة ويحتاج إلى واجهة مستخدم لجمع الملاحظات فقط.
الشكل 1.: تطبيق قائمة تسوّق مترجَم إلى عناصر نظارات Display AI تكون أشرطة النظام مميّزة بصريًا، بينما تكون نظارات الذكاء الاصطناعي فارغة عادةً. في هذه الحالة، يمكن ترجمة شريط التطبيق إلى شريحة عنوان، بينما يمكن ترجمة عناصر قائمة Material إلى قائمة Glimmer في Jetpack Compose.

المكوّنات المحسَّنة

(أ). لون مساحة العرض: لون مساحة العرض للمكوّنات هو الأسود لزيادة التباين إلى أقصى حد لمحتوى البطاقة.

(ب). المخطط والتمييز: تم تحسين لون المخطط لتحقيق التباين. يوفّر استخدام التمييز تعبيرًا مرئيًا ويمكن استخدامه للإشارة إلى بعض أنواع الإدخال.

(ج) الشكل: يتم استخدام نظام أشكال أكثر سلاسة لتحسين إمكانية القراءة السريعة من خلال تقليل حدة الزوايا وتحسين الراحة. لون "على السطح": لون المحتوى "على السطح" هو الأبيض لزيادة التباين إلى أقصى حد مع العالم من حولك.

(د) الطباعة: يستخدم مقياس الطباعة في Glimmer مجموعة صغيرة من أنماط Body وTitle المحسّنة التي تعمل على تحسين تباعد الأحرف والحجم والوزن لتحقيق أفضل مستوى من القراءة والفهم.

(هـ) الأيقونات: يتوافق استخدام رموز Material Symbols الدائرية مع مقياس أسلوب الخط الدائري.

تم تحسين مكونات Glimmer للعرض الشفاف.
الشكل 2.: يظهر الشرح هنا.

3- تدفّق الصوت والإشارات الصوتية

التفاعل مع الصوت مع أنّ الصوت يجب أن يشكّل جزءًا كبيرًا من تطبيق "نظارات الذكاء الاصطناعي" بدون إرباك المستخدِم، عليك أيضًا مراعاة توفير تجربة صوتية فقط لبعض الأجهزة. يمكنك إجراء ذلك من خلال إنشاء خريطة مسار صوتي فقط لوصف هذه التجربة. تحديد التفاعلات والملاحظات باستخدام إشارات صوتية وحوار

أنشئ خريطة تدفّق صوتية فقط لمساعدتك في التخطيط لتجارب محادثة لا تربك المستخدم.

‫4- عناصر التحكّم في إدخال الخريطة

احرص على تحديد إعدادات أزرار التحكم والإيماءات في الجهاز. يمكنك البدء بترجمة التفاعلات الأساسية مع التطبيق، مثل النقر، إلى نقرة على لوحة التتبُّع.

متابعة إدخال البيانات

يوفّر تطبيق الواقع الممتد تجربة مستخدم مصمَّمة خصيصًا لهذا النوع من التطبيقات، كما يتيح ميزات لا تتوفّر إلا على أجهزة الواقع الممتد.

5. النظر في واجهة المستخدم الخاصة بالنظام

حساب واجهات النظام الأخرى

سيظهر تطبيقك في الشاشة الرئيسية وميزات النظام الأخرى، مثل الإشعارات، إذا تم استخدامه. ويمكن أن تظهر في شريط النظام.

مزيد من المعلومات حول واجهة مستخدم النظام

أنشئ خريطة تدفّق صوتية فقط لمساعدتك في التخطيط لتجارب محادثة لا تربك المستخدم.

6. ولايات إضافية

سيواجه تطبيقك سيناريوهات مختلفة على نظارات الذكاء الاصطناعي، مثل مشاكل في الاتصال أو الأذونات. يجب مراعاة هذه الحالات المختلفة في كل من تطبيقك الأساسي وتطبيق النظارات.

احرص على طلب أذونات ميزات الجهاز.

تذكَّر أنّه عليك مراعاة هذه العناصر من خلال واجهة المستخدم المرئية والصوت. على سبيل المثال، يمكنك تقديم ملاحظات صوتية لإعلام المستخدم بأنّه عليه إكمال عملية منح الأذونات على جهازه الجوّال أو لقراءة الأخطاء.

يجب مراعاة حالات التطبيق المختلفة، سواء داخل تطبيقك الأساسي أو تطبيق النظارات.