সমৃদ্ধ PWA ইনস্টলেশন UI

ভূমিকা

মোবাইল ডিভাইস এবং ডিভাইস বিক্রেতা অ্যাপ স্টোরের প্রবর্তন সফ্টওয়্যার আবিষ্কার, মূল্যায়ন এবং ইনস্টল করার ব্যবহারকারীদের মানসিক মডেল পরিবর্তন করেছে। ব্যবহারকারীরা এখন অ্যাপ স্টোরের সাথে এতটাই পরিচিত, এবং অতিরিক্ত তথ্য যা অ্যাপ স্টোরের মাধ্যমে প্রদান করা হয় যেমন অ্যাপ সম্পর্কে প্রসঙ্গ, সামাজিক প্রতিক্রিয়া, রেটিং ইত্যাদি যা আপনি ChromeOS, Mac এবং Windows সহ ডেস্কটপ অপারেটিং সিস্টেমগুলিতে অ্যাপ স্টোর রূপক উদ্ভূত দেখতে পাচ্ছেন।

আজকের ইনস্টল করা সারফেসগুলির সাথে চ্যালেঞ্জ করুন

আজ, যদি একজন ব্যবহারকারী একটি PWA ইনস্টল করতে চান, একটি ইনফোবার এবং মডেল ওভারলে ন্যূনতম তথ্য সহ প্রদর্শিত হবে। যদি তারা ইনস্টল করা চালিয়ে যায়, ব্যবহারকারীকে প্রসঙ্গ না দিয়ে প্রক্রিয়াটি খুব দ্রুত শেষ হয়ে যায়। এটি তাদের অ্যাপ ইনস্টল করার প্রত্যাশার বিরুদ্ধে যায় এবং যা ঘটেছে তা নিয়ে তাদের কিছুটা বিভ্রান্ত হতে পারে।

PWA ইনস্টল UI এর একটি উদাহরণ।
PWA ইনস্টল UI এর একটি উদাহরণ।

ডেভেলপারদের নেটিভ অভিজ্ঞতার সমানভাবে ইনস্টল করা অভিজ্ঞতা প্রদান করতে Chrome একটি নতুন ইনস্টল সারফেস, রিচার ইন্সটল প্রবর্তন করছে, যা ডেভেলপারদের তাদের ম্যানিফেস্ট ফাইলে একটি বিবরণ এবং স্ক্রিনশট যোগ করতে দেয় এবং এটিকে Android-এর জন্য Chrome-এর মধ্যে একটি বটমশীট ডায়ালগে উপস্থিত করতে দেয়।

Chrome-এ বটমশিট UI-এর উদাহরণ।
Chrome-এ বটমশিট UI-এর উদাহরণ।

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

সমৃদ্ধ ইন্সটল UI প্রসারিত।
সমৃদ্ধ ইন্সটল UI প্রসারিত।
সমৃদ্ধ ইন্সটল UI সঙ্কুচিত হয়েছে৷
সমৃদ্ধ ইন্সটল UI সঙ্কুচিত হয়েছে৷

পূর্ববর্তী সংস্করণের সাথে সামঞ্জস্যপূর্ণ

যে ওয়েবসাইটগুলি তাদের ম্যানিফেস্ট ফাইলে অন্তত একটি স্ক্রিনশট অন্তর্ভুক্ত করে না তারা বিদ্যমান প্রম্পটগুলি পেতে থাকবে৷ এটি বিকাশকারী সম্প্রদায়ের গ্রহণ এবং ব্যবহারকারীদের প্রতিক্রিয়ার উপর নির্ভর করে ভবিষ্যতে পরিবর্তন হতে পারে।

UI এর পূর্বরূপ দেখা হচ্ছে

এই UI Android এ Chrome 94 এবং ডেস্কটপে Chrome 108 থেকে কাজ করে।

এই বৈশিষ্ট্যটি squoosh.app এ সক্ষম করা হয়েছে এবং সেখানে পূর্বরূপ দেখা যেতে পারে।

বাস্তবায়ন

সমৃদ্ধ ইন্সটল UI ডায়ালগ প্রদর্শন করতে ডেভেলপারদের screenshots অ্যারেতে সংশ্লিষ্ট ফর্ম ফ্যাক্টরের জন্য অন্তত একটি স্ক্রিনশট যোগ করতে হবে। description ক্ষেত্র প্রয়োজন নেই কিন্তু এটি সুপারিশ করা হয়. কন্টেন্ট ডায়ালগটি screenshots এবং description ক্ষেত্রগুলির বিষয়বস্তু ব্যবহার করে তৈরি করা হয়েছে যাতে অ্যাপ স্টোর ইনস্টলের মতো অভিজ্ঞতা আরও বেশি হয়। এই UI ব্যবহারকারীদের শনাক্ত করতে সাহায্য করে যে তারা তাদের ডিভাইসে একটি অ্যাপ যোগ করছে এবং আরও বেশি স্থান উপলব্ধ থাকলে ডেভেলপাররা তাদের ব্যবহারকারীদের ইনস্টল করার সময় নির্দিষ্ট প্রসঙ্গ সরবরাহ করতে পারে।

উদাহরণস্বরূপ ডেভেলপাররা অ্যাপের বৈশিষ্ট্যগুলিকে হাইলাইট করতে description ক্ষেত্র ব্যবহার করতে পারে যা ব্যবহারকারীকে তাদের ডিভাইসে রাখতে উত্সাহিত করে এবং screenshots সাহায্যে তারা প্ল্যাটফর্মের সমস্ত সহজ অ্যাক্সেস সহ ওয়েব অ্যাপের চেহারা এবং অনুভূতিকে একটি স্বতন্ত্র হিসাবে উপস্থাপন করতে পারে। অ্যাপস আছে।

একটি বিস্তারিত স্পেসিফিকেশন এবং আপনার অ্যাপে সেগুলি যুক্ত করার জন্য একটি গাইডের জন্য Richer Install UI প্যাটার্নে যান৷

প্রতিক্রিয়া

ভবিষ্যতে আমরা বিভাগ এবং অ্যাপ রেটিং এর মতো অন্যান্য ডেটা যোগ করার কথা বিবেচনা করব, তবে এটি বিকাশকারী এবং ব্যবহারকারীদের প্রতিক্রিয়ার উপর ভিত্তি করে হবে।

আগামী মাসগুলিতে আমরা দেখতে চাই যে বিকাশকারীরা কীভাবে এই নতুন UI প্যাটার্নটি অন্বেষণ করে এবং আমরা আপনার কাছ থেকে প্রতিক্রিয়া পেতে চাই। এই ফর্মটি পূরণ করে আমাদের সাথে যোগাযোগ করুন