AI দিয়ে একটি কার্যকর অ্যাপ প্রোটোটাইপ তৈরি করুন এবং মানুষের হাতে দিন

কার্যকর প্রোটোটাইপ কেন মকআপের চেয়ে বেশি জানায়

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

এতে আপনি যে প্রশ্ন করতে পারেন তাও বদলায়। মকআপ দিয়ে জিজ্ঞেস করেন "আপনি কি এটা ব্যবহার করবেন?", যার উত্তর মানুষ ভদ্রতা করে দেয়। কাজ করে এমন কিছু দিয়ে আপনি একটি কাজ দিতে পারেন ("আগামী মঙ্গলবারের শিফট যোগ করুন, দেখুন আপনার সাপ্তাহিক ঘণ্টায় কী হয়") এবং দেখতে পারেন তাঁরা কোথায় থমকে যান।

প্রোটোটাইপকে কী প্রমাণ করতে হবে তা ঠিক করুন

কিছু বর্ণনা করার আগে লিখে ফেলুন টেস্টটি কোন একটি বা দুটি প্রশ্নের উত্তর দেবে। এতে বিল্ড ছোট থাকে আর সেশনগুলো কেন্দ্রীভূত থাকে। সাধারণ কয়েকটি:

• বোঝা: মূল স্ক্রিনটা কীসের জন্য, মানুষ কি কয়েক সেকেন্ডের মধ্যে তা বোঝে?
• মূল কাজ: যে একটি কাজের জন্য পণ্যটি আছে, তাঁরা কি কারও সাহায্য ছাড়াই তা শেষ করতে পারেন?
• অস্বস্তিকর মুহূর্ত: যে প্রান্তিক অবস্থা নিয়ে আপনি নিশ্চিত নন, সেখানে কী হয়: ফাঁকা তালিকা, ফিরিয়ে নেওয়ার মতো ভুল, পরের লাইনে চলে যাওয়া লম্বা নাম?
• আগ্রহ: ব্যবহারের পর তাঁরা কি তাঁদের বর্তমান স্প্রেডশিট, খাতা বা অ্যাপ ছেড়ে এটা নেবেন?

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

Anticode-কে কীভাবে বর্ণনা দেবেন

কয়েক বাক্যে মানুষটি, কাজটি আর স্ক্রিনগুলো বর্ণনা করুন, আর নমুনা ডেটা কেমন হবে তা বলুন। উদাহরণ: "একটি ক্যাফের টিমের জন্য শিফট বদলের অ্যাপের প্রোটোটাইপ। স্ক্রিন: এই সপ্তাহের রোস্টার, শিফট বদলের অনুরোধ, আর খোলা বদলের অনুরোধের তালিকা। আটজন নমুনা কর্মী আর একটি বাস্তবসম্মত সপ্তাহ ব্যবহার করো। সবকিছু ডেমো ডেটা হিসেবে চিহ্নিত করো।" Architect একটি ছোট পরিকল্পনা দিয়ে উত্তর দেয় (নাম, স্ক্রিন, লুক, ফিচার), আর যেখানে উত্তরের ওপর বিল্ড বদলায় সেখানে সর্বোচ্চ তিনটি প্রশ্ন করতে পারে, প্রতিটির সঙ্গে ট্যাপ করার মতো প্রস্তাবিত উত্তর থাকে।

Build it বেছে নিলে মডেল পুরো অ্যাপটি একটি HTML ডকুমেন্ট হিসেবে লেখে, আর আপনি কোড আসতে দেখতে পারেন। নতুন অ্যাপ বিল্ড একটি হেডলেস ব্রাউজারে ফোন ও ল্যাপটপের প্রস্থে খোলা, স্ক্রিনশট নেওয়া ও ক্লিক করে দেখা যায়, আর ত্রুটিগুলো ঠিক করার জন্য ফেরত পাঠানো হয়, যখন সেই রিভিউ সেবা উপলব্ধ থাকে।

নকল অংশগুলোকে সৎ রাখুন

Anticode অ্যাপ নেটওয়ার্কবিহীন একটি স্যান্ডবক্সে চলে, তাই সাধারণত সার্ভার লাগত এমন সবকিছু পেজের ভেতরে অনুকরণ করা হয়: অন্য ব্যবহারকারীরা নমুনা মানুষ, "পাঠানো" বার্তা একটি স্থানীয় তালিকায় জমা হয়, আর সাইন-ইন স্ক্রিন যা দেবেন তা-ই মেনে নেয়। যেখানে দরকার, অ্যাপ এগুলোকে ডেমো ডেটা হিসেবে চিহ্নিত করে। টেস্টিংয়ের সময় এই চিহ্ন দৃশ্যমান রাখুন। যে টেস্টার মনে করেন তিনি লাইভ সিস্টেম ব্যবহার করছেন, তিনি যিনি জানেন এটা একটা মডেল তাঁর চেয়ে ভিন্ন, বেশি ঝুঁকির সিদ্ধান্ত নেন, আর এই পর্যায়ে আপনি দ্বিতীয় ধরনের মতামতই চান।

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

সেশন চালানো আর বিল্ড বদলানো

1. প্রোটোটাইপটি তার anticode.dev ঠিকানায় প্রকাশ করুন এবং টেস্টারদের লিংক পাঠান। কিছু ইনস্টল করতে হয় না।
2. স্টেকহোল্ডারদের এর বদলে একটি ক্লায়েন্ট রিভিউ লিংক পাঠান: তাঁরা অ্যাকাউন্ট ছাড়াই বর্তমান প্রিভিউ খুলতে এবং নির্দিষ্ট অংশে মন্তব্য রাখতে পারেন। লিংক ডিফল্টভাবে ১৪ দিন পর মেয়াদোত্তীর্ণ হয়, আর আপনি তা বাতিল করতে পারেন।
3. প্রতিটি রাউন্ডের পর সহজ ভাষায় পরিবর্তন চান ("বদলের বোতামটা প্রতিটি শিফট কার্ডে নিয়ে যাও")। সাম্প্রতিক সেভগুলো ভার্সন হিস্টরিতে থাকে (আপনার প্ল্যান অনুযায়ী নির্দিষ্ট সংখ্যা পর্যন্ত), তাই প্রথম আর তৃতীয় রাউন্ড পাশাপাশি দেখাতে বা আগেরটায় ফিরে যেতে পারেন।

এক ব্রাউজারের প্রোটোটাইপ যা যাচাই করতে পারে না

সীমারেখাটা নিজের কাছে পরিষ্কার রাখুন। স্যান্ডবক্সে চলা প্রোটোটাইপ একবারে একটি ডিভাইসে চলে, তাই এটি যাচাই করতে পারে না:

• মানুষে মানুষে ঘটে এমন কিছু: আসল নোটিফিকেশন, শেয়ার করা তালিকা, দুজন টেস্টারের একে অপরের পরিবর্তন দেখা।
• আসল সাইন-ইন, অনুমতি বা অ্যাকাউন্ট পুনরুদ্ধার।
• লাইভ বাইরের ডেটা, পেমেন্ট, বা অ্যাপের ভেতরের AI ফিচার (এগুলো শুধু নির্দিষ্ট নমুনা উত্তর দিয়ে অনুকরণ করা যায়)।
• আসল পরিমাণ ডেটা বা ধীর নেটওয়ার্কে পারফরম্যান্স।

আইডিয়া টেস্টিংয়ে টিকে গেলে, Next.js এক্সপোর্ট আসল পণ্যের দিকে পরের ধাপ। এটি অ্যাপ বিল্ডের জন্য, আর আপনাকে দেয় TypeScript-এ একটি সাধারণ App Router প্রজেক্ট, Prisma-র মাধ্যমে Postgres, ইমেলে সাইন-ইন, গ্রাহক ও কর্মীর ভূমিকা এবং একটি অ্যাডমিন অংশ। এটি এমন একটি সূচনা যা একজন ডেভেলপার বাড়াবেন, তৈরি হয়ে যাওয়া বহু-ব্যবহারকারীর অ্যাপ নয়, আর আপনার বেছে নেওয়া GitHub রিপোজিটরিতে পুশ করা যায়। এতে কী আছে তা দেখুন Next.js-এ এক্সপোর্টের গাইডে। কোড না লিখে প্রোডাকশন মানের বহু-ব্যবহারকারীর ফিচার চাইলে, ব্যাকএন্ডসহ একটি নো-কোড টুল দুটোর চেয়েই আপনার জন্য ভালো হতে পারে।

প্রায়ই জিজ্ঞাসিত প্রশ্ন

এটা কি AI দিয়ে অ্যাপ প্রোটোটাইপ তৈরির টুল, নাকি ডিজাইন টুল?

এটি ক্যানভাসে ফ্রেম নয়, কার্যকর কোড তৈরি করে। আপনি ব্রাউজারে একটি আসল অ্যাপ পান, যা ইউজাবিলিটি টেস্টিংয়ের জন্য উপযুক্ত; ডিজাইন টিমের জন্য পিক্সেল-নিখুঁত ডিজাইন ফাইল লাগলে এর পাশাপাশি একটি ডিজাইন টুল ব্যবহার করুন।

টেস্টাররা কি নিজের ফোনে এটা ব্যবহার করতে পারবেন?

হ্যাঁ। প্রকাশিত অ্যাপটি একটি ওয়েব পেজ যা ফোনের ব্রাউজারে চলে, আর এটি যা সেভ করে তা সেই ফোনেই থাকে।

টেস্টাররা কী লিখেছেন তা কি আমি দেখতে পাব?

অ্যাপের ভেতরে তাঁরা যা সেভ করেছেন তা নয়, সেটা তাঁদের ডিভাইসেই থাকে। একটি মতামত বা কন্টাক্ট ফর্ম যোগ করলে, সেই জমাগুলো ইমেলে ও ড্যাশবোর্ডে আপনার কাছে পৌঁছায়।

প্রোটোটাইপ কি আসল অ্যাপ হয়ে যায়?

এটি সূচনা হতে পারে। Next.js এক্সপোর্ট একে ডেটাবেস ও সাইন-ইনসহ একটি প্রজেক্টে রূপ দেয়, যার ওপর একজন ডেভেলপার কাজ করতে পারেন।