শুরু করুন

AI Glasses জুড়ে কাজ করে এমন বর্ধিত অভিজ্ঞতার জন্য Jetpack Compose Glimmer UI ফ্রেমওয়ার্ক ব্যবহার করে আপনার AI Glasses অ্যাপ তৈরি করুন। Jetpack Compose Glimmer হল প্রথম UI ফ্রেমওয়ার্কগুলির মধ্যে একটি যা স্বচ্ছ ডিসপ্লে এবং AI Glasses ফর্ম-ফ্যাক্টরের জন্য অপ্টিমাইজ করা হয়েছে।

১. ব্যবহারকারীর ভ্রমণের সিদ্ধান্ত নিন

AI চশমা ফর্ম ফ্যাক্টরের দৃষ্টিনন্দন নীতির সাথে সামঞ্জস্যপূর্ণ গুরুত্বপূর্ণ ব্যবহারকারীর ভ্রমণের (CUJ) উপর মনোযোগ দিন। ব্যবহারকারীকে তাদের আশেপাশে উপস্থিত থাকতে দেওয়ার সময় এটি কেবলমাত্র ন্যূনতম UI বা অডিওর মাধ্যমে প্রকাশ করা যেতে পারে। সুযোগ খুঁজে পেতে, আপনার বর্তমান অ্যাপে শুরুর প্রবেশপথগুলি বিবেচনা করুন যা Glasses থেকে উপকৃত হবে।

উদাহরণস্বরূপ, একজন ব্যবহারকারী হ্যান্ডস-ফ্রি, টার্ন-বাই-টার্ন হাঁটার দিকনির্দেশনা ব্যবহার করে তাদের গন্তব্যে পৌঁছাতে সাহায্য করতে পারেন।

ব্যবহারকারীর নির্বাচিত যাত্রায় নিরাপত্তা, আরাম এবং কর্মক্ষমতার নীতিগুলিও বিবেচনা করা উচিত। উদাহরণস্বরূপ, এমন কাজ নির্বাচন করবেন না যাতে ব্যবহারকারীর ক্যামেরা অপ্রয়োজনীয়ভাবে দীর্ঘ সময় ধরে ব্যবহার করতে হয় বা তাদের গোপনীয়তা লঙ্ঘন করে।

মৌলিক নীতিগুলি সম্পর্কে জানুন।

আপনার মোবাইল অ্যাপ থেকে চশমা ফর্ম ফ্যাক্টর থেকে উপকৃত বৈশিষ্ট্যগুলি বের করুন। উদাহরণস্বরূপ, নজরে পড়ার মতো অভিজ্ঞতা।
আপনার সম্পূর্ণ ফোন অ্যাপটি চশমায় পোর্ট করুন কারণ এটি চশমার ফর্ম ফ্যাক্টরের সাথে মানানসই নয়।

2. ছোট করুন এবং অনুবাদ করুন

ডিসপ্লে মোড UI এর জন্য, আপনার মূল অ্যাপ থেকে একটি CUJ দিয়ে শুরু করুন:

  • ফোকাসের জন্য লেআউটগুলি অপ্টিমাইজ করুন : লেআউটগুলি প্রয়োজনীয় তথ্যকে অগ্রাধিকার দেয়, ব্যবহারকারীর ফোকাস বজায় রাখার জন্য ক্রিয়া এবং ভিজ্যুয়াল উপাদানের সংখ্যা হ্রাস করে।

  • শ্রেণিবিন্যাসের জন্য গভীরতা ব্যবহার করুন : উপাদানের অগ্রাধিকার জানাতে গভীরতা ব্যবহার করা হয়।

  • নিচ থেকে উপরে নকশা করুন : মক তৈরি করার সময়, নিচ থেকে শুরু করুন, উপাদানগুলি উপরের দিকে রাখুন।

  • ভিজ্যুয়াল কম্পোনেন্ট অনুবাদ করুন : ডিসপ্লে এআই চশমার জন্য, জেটপ্যাক কম্পোজ গ্লিমার কম্পোনেন্ট এবং লেআউট প্যাটার্ন ব্যবহার করুন।

কম্পোনেন্ট এবং অ্যাপ ভিউ সম্পর্কে আরও পড়ুন।

শপিং লিস্ট অ্যাপটি লিস্ট ভিউকে ন্যূনতম লিস্ট অভিজ্ঞতায় নামিয়ে আনে এবং শুধুমাত্র ফিডব্যাক UI প্রয়োজন।
একটি শপিং লিস্ট অ্যাপ যা ডিসপ্লে এআই চশমা উপাদান হিসেবে অনুবাদ করা হয়েছে। সিস্টেম বারগুলি দৃশ্যত স্বতন্ত্র, এআই চশমাগুলি সাধারণত খালি থাকে। এখানে অ্যাপ বারটি একটি শিরোনাম চিপে অনুবাদ করা যেতে পারে যখন উপাদান তালিকা উপাদানগুলি জেটপ্যাক কম্পোজ গ্লিমার তালিকায় অনুবাদ করা যেতে পারে।

অপ্টিমাইজ করা উপাদান

উ: পৃষ্ঠের রঙ : কার্ডের সামগ্রীর বৈপরীত্য সর্বাধিক করার জন্য উপাদানগুলির পৃষ্ঠের রঙ কালো।

খ. রূপরেখা এবং হাইলাইট : রূপরেখার রঙটি বৈপরীত্যের জন্য অপ্টিমাইজ করা হয়েছে। হাইলাইটের ব্যবহার ভিজ্যুয়াল এক্সপ্রেশন প্রদান করে এবং কিছু ধরণের ইনপুট নির্দেশ করতে ব্যবহার করা যেতে পারে।

গ. আকৃতি : কোণার তীক্ষ্ণতা হ্রাস করে এবং আরাম উন্নত করে দৃষ্টিশক্তি উন্নত করার জন্য একটি নরম আকৃতি ব্যবস্থা ব্যবহার করা হয়। অন সারফেস রঙ: বিশ্বের বিপরীতে সর্বাধিক বৈসাদৃশ্য তৈরি করার জন্য অন সারফেস রঙ সাদা।

ঘ. টাইপোগ্রাফি : গ্লিমারের টাইপোগ্রাফি স্কেলে পরিমার্জিত বডি এবং টাইটেল স্টাইলের একটি ছোট সেট ব্যবহার করা হয়েছে যা সর্বোত্তম পঠনযোগ্যতা এবং সুস্পষ্টতার জন্য কার্নিং, আকার এবং ওজনকে অপ্টিমাইজ করে।

ঙ. আইকনোগ্রাফি : গোলাকার উপাদান প্রতীকের ব্যবহার গোলাকার টাইপোগ্রাফি স্কেলের সাথে সামঞ্জস্যপূর্ণ।

স্বচ্ছ প্রদর্শনের জন্য গ্লিমার উপাদানগুলি অপ্টিমাইজ করা হয়েছে।

৩. অডিও প্রবাহ এবং সংকেত

অডিওর সাথে কথোপকথন শুরু করুন। ব্যবহারকারীকে চাপে না ফেলে আপনার AI Glasses অ্যাপের একটি বড় অংশ অডিও হওয়া উচিত, তবে আপনাকে কিছু ডিভাইসের জন্য শুধুমাত্র অডিও অভিজ্ঞতার হিসাবও রাখতে হবে। এই অভিজ্ঞতা বর্ণনা করার জন্য আপনি একটি শুধুমাত্র অডিও ফ্লো ম্যাপ তৈরি করে এটি করতে পারেন। অডিও সংকেত এবং সংলাপের মাধ্যমে মিথস্ক্রিয়া এবং প্রতিক্রিয়া নোট করুন।

ব্যবহারকারীকে অভিভূত না করে এমন কথোপকথনের অভিজ্ঞতা পরিকল্পনা করতে সাহায্য করার জন্য একটি কেবল-অডিও ফ্লো ম্যাপ তৈরি করুন।

৪. মানচিত্র ইনপুট নিয়ন্ত্রণ

ডিভাইসের নিয়ন্ত্রণ এবং অঙ্গভঙ্গির জন্য ইনপুটগুলি ম্যাপ করতে ভুলবেন না। আপনি ট্যাপের মতো মৌলিক অ্যাপ ইন্টারঅ্যাকশনগুলিকে ট্র্যাকপ্যাড ট্যাপে অনুবাদ করে শুরু করতে পারেন।

ইনপুট চালিয়ে যান।

একটি XR ডিফারেনশিয়াল অ্যাপে ব্যবহারকারীর অভিজ্ঞতা স্পষ্টভাবে XR-এর জন্য তৈরি করা হয়েছে এবং এটি এমন বৈশিষ্ট্যগুলি প্রয়োগ করে যা শুধুমাত্র XR-এ অফার করা হয়।

৫. SysUI বিবেচনা করুন

অন্যান্য সিস্টেম ইন্টারফেসের জন্য হিসাব করুন।

আপনার অ্যাপটি হোম এবং অন্যান্য সিস্টেম বৈশিষ্ট্যগুলিতে দেখা যাবে, যেমন ব্যবহার করা হলে বিজ্ঞপ্তি। এগুলি সিস্টেম বারে দেখা যেতে পারে।

সিস্টেম UI সম্পর্কে আরও তথ্য

ব্যবহারকারীকে অভিভূত না করে এমন কথোপকথনের অভিজ্ঞতা পরিকল্পনা করতে সাহায্য করার জন্য একটি কেবল-অডিও ফ্লো ম্যাপ তৈরি করুন।

৬. অতিরিক্ত অবস্থা

আপনার অ্যাপটি AI চশমায় বিভিন্ন পরিস্থিতির সম্মুখীন হবে, যেমন সংযোগ বা অনুমতি সংক্রান্ত সমস্যা। আপনার মূল অ্যাপ এবং চশমা অ্যাপ উভয়ের মধ্যেই এই বিভিন্ন অবস্থার জন্য হিসাব করুন।

ডিভাইস বৈশিষ্ট্যের অনুমতি চাইতে ভুলবেন না।

মনে রাখবেন, আপনাকে ভিজ্যুয়াল UI এবং অডিওর মাধ্যমে এগুলি বিবেচনা করতে হবে। উদাহরণস্বরূপ, তাদের মোবাইল ডিভাইসে অনুমতি প্রবাহ সম্পূর্ণ করার কথা জানানোর জন্য বা ত্রুটিগুলি পড়ার জন্য অডিও প্রতিক্রিয়া দিন।

আপনার মূল অ্যাপ এবং চশমা অ্যাপ উভয়ের মধ্যেই বিভিন্ন অ্যাপের অবস্থার হিসাব করুন।