اپلیکیشن عینک هوش مصنوعی خود را با استفاده از چارچوب رابط کاربری Jetpack Compose Glimmer برای تجربیات افزودهای که در عینکهای هوش مصنوعی کار میکنند، بسازید. Jetpack Compose Glimmer یکی از اولین چارچوبهای رابط کاربری است که برای نمایشگرهای شفاف و فرم فاکتور عینک هوش مصنوعی بهینه شده است.
۱. در مورد مسیر کاربران تصمیم بگیرید
روی سفرهای کاربر حیاتی (CUJ) که با اصول ظاهری عینکهای هوش مصنوعی سازگار هستند، تمرکز کنید. این میتواند با حداقل رابط کاربری یا صدا بیان شود، در حالی که به کاربر اجازه میدهد در محیط اطراف خود حضور داشته باشد. برای یافتن فرصتها، نقاط ورودی را در برنامه فعلی خود که از عینکها بهرهمند میشوند، در نظر بگیرید.
برای مثال، یک کاربر ممکن است از مسیرهای پیادهروی گام به گام و بدون دخالت دست برای رسیدن به مقصد خود بهرهمند شود.
مسیر انتخابی کاربر باید اصول ایمنی، راحتی و عملکرد را نیز در نظر بگیرد. برای مثال، وظایفی را انتخاب نکنید که به دوربین کاربر برای مدت طولانی و غیرضروری نیاز داشته باشند یا حریم خصوصی او را نقض کنند.
با اصول بنیادی آشنا شوید.
انجام دهید
نکن
۲. کوچک کردن و ترجمه کردن
برای رابط کاربری حالت نمایش، با یک CUJ از برنامه اصلی خود شروع کنید:
بهینهسازی طرحبندیها برای تمرکز : طرحبندیها اطلاعات ضروری را در اولویت قرار میدهند و تعداد اقدامات و عناصر بصری را برای حفظ تمرکز کاربر کاهش میدهند.
استفاده از عمق برای سلسله مراتب : عمق برای برقراری ارتباط بین اولویت عناصر استفاده میشود.
طراحی از پایین به بالا : هنگام ساخت ماکتها، از پایین شروع کنید و اجزا را به سمت بالا بچینید.
ترجمه اجزای بصری : برای نمایش عینکهای هوش مصنوعی، از اجزای Jetpack Compose Glimmer و الگوهای طرحبندی استفاده کنید.
درباره اجزا و نمای برنامه بیشتر بخوانید.
اجزای بهینه شده
ب. طرح کلی و هایلایت : رنگ طرح کلی برای کنتراست بهینه شده است. استفاده از هایلایت، بیان بصری را فراهم میکند و ممکن است برای نشان دادن برخی از انواع ورودی استفاده شود.
ج. شکل : از یک سیستم شکل نرمتر برای بهبود قابلیت دید با کاهش تیزی گوشهها و بهبود راحتی استفاده میشود. رنگ روی سطح: رنگ روی سطح محتوا سفید است تا کنتراست را با محیط به حداکثر برساند.
د. تایپوگرافی : مقیاس تایپوگرافی گلیمر از مجموعهای کوچک از سبکهای اصلاحشدهی بدنه و عنوان استفاده میکند که فاصلهگذاری، اندازه و وزن را برای خوانایی و وضوح مطلوب بهینه میکنند.
ه. شمایلنگاری : استفاده از نمادهای مادی گرد با مقیاس تایپوگرافی گرد هماهنگ است.
۳. جریان صوتی و نشانهها
با صدا مکالمه کنید. در حالی که صدا باید بخش بزرگی از برنامه عینک هوش مصنوعی شما را بدون اینکه کاربر را گیج کند، تشکیل دهد، باید یک تجربه فقط صوتی را نیز برای دستگاههای خاص در نظر بگیرید. میتوانید این کار را با ایجاد یک نقشه جریان فقط صوتی برای توصیف این تجربه انجام دهید. تعاملات و بازخوردها را با نشانههای صوتی و گفتگو یادداشت کنید.
۴. کنترلهای ورودی را نگاشت کنید
مطمئن شوید که ورودیها را برای کنترلها و حرکات دستگاه مشخص کردهاید. میتوانید با ترجمه تعاملات اولیه برنامه، مانند ضربه زدن، به ضربه زدن روی ترکپد شروع کنید.
۵. رابط کاربری سیستم (SystemUI) را در نظر بگیرید
سایر رابطهای سیستم را در نظر بگیرید.
برنامه شما در صفحه اصلی و سایر ویژگیهای سیستم، مانند اعلانها (در صورت استفاده) ظاهر میشود. این موارد میتوانند در نوار سیستم ظاهر شوند.
۶. ایالتهای اضافی
برنامه شما در عینکهای هوش مصنوعی با سناریوهای مختلفی مانند مشکلات اتصال یا مجوز مواجه خواهد شد. این حالتهای مختلف را هم در برنامه اصلی و هم در برنامه عینک خود در نظر بگیرید.
حتماً مجوزهای مربوط به ویژگیهای دستگاه را درخواست کنید.
به یاد داشته باشید، باید این موارد را از طریق رابط کاربری بصری و صوتی در نظر بگیرید. به عنوان مثال، با ارائه بازخورد صوتی، به آنها اطلاع دهید که باید یک جریان مجوز را در دستگاه تلفن همراه خود تکمیل کنند یا خطاها را بخوانند.
