লাভ:
- কৃত্রিম বুদ্ধিমত্তা সহ দ্রুত প্রোটোটাইপ কঙ্কাল, নমুনা সামগ্রী এবং মাইক্রো মিথস্ক্রিয়া ধারণা তৈরি করার ক্ষমতা
- প্রোটোটাইপের জন্য বাস্তবসম্মত স্থানধারক পাঠ্য এবং ডেটা তৈরি করার ক্ষমতা এবং বাস্তব ব্যবহারে নকশা পরীক্ষা করার ক্ষমতা
- এআই আউটপুটকে ডিজাইন টুলে (ফিগমা ইত্যাদি) সরানোর সময় ধারাবাহিকতা এবং উপাদান যুক্তি বজায় রাখার ক্ষমতা
একটি প্রোটোটাইপ হল একটি নকশার একটি ক্লিকযোগ্য, নেভিগেবল অনুকরণ; এটি একটি সিমুলেশন যা ব্যবহারকারী বাস্তব পণ্যের মতো অনুভব করতে পারে। অপরদিকে হাই-ফিডেলিটি ডিজাইন হল এমন ডিজাইন যা রঙ, টাইপোগ্রাফি, বাস্তব বিষয়বস্তু এবং মাইক্রো মিথস্ক্রিয়া সহ চূড়ান্ত পণ্যের কাছাকাছি হয়ে গেছে। এই পর্যায়ে লক্ষ্য হল ধারণাটিকে পরীক্ষাযোগ্য করা "যেন এটি বাস্তব।" AI এখানে তিনটি উপায়ে শক্তিশালী: দ্রুত কঙ্কাল এবং বৈচিত্র তৈরি করা, বাস্তবসম্মত স্থানধারক সামগ্রী এবং ডেটা সরবরাহ করা এবং মাইক্রো-ইন্টার্যাকশন ধারণার পরামর্শ দেওয়া। কিন্তু ডিজাইন টুলে আউটপুট সরানোর সময় সামঞ্জস্য এবং উপাদান যুক্তি বজায় রাখা—অর্থাৎ, সিস্টেমকে বিশৃঙ্খল না করে সিস্টেমে ফিট করা—একটি মানুষের কাজ।
প্রোটোটাইপের উদ্দেশ্য: সস্তায় সঠিক প্রশ্ন পরীক্ষা করা
প্রোটোটাইপিংয়ের একটি উদ্দেশ্য রয়েছে: কোড না লিখে সস্তায় একটি অনুমান পরীক্ষা করা। "ব্যবহারকারী কি এই প্রবাহটি বোঝেন?", "এই লেআউটটি কি তার কাজের গতি বাড়ায়?" এই কারণেই প্রোটোটাইপটিকে আসল পণ্যের মতো নিখুঁত হতে হবে না; এটা শুধু যথেষ্ট বাস্তব হতে হবে প্রত্যয়িতভাবে পরীক্ষা করা প্রশ্ন চিত্রিত করা.
কৃত্রিম বুদ্ধিমত্তা এই বিশ্বাসযোগ্যতাকে ত্বরান্বিত করে। কিন্তু একটি বিপদ আছে: উচ্চ রেজোলিউশন "হয়ে গেছে" মনে হয়। স্টেকহোল্ডাররা যখন একটি পালিশ প্রোটোটাইপ দেখে, তারা চূড়ান্ত সিদ্ধান্তের জন্য ভুল করতে পারে; যাইহোক, এটি এখনও একটি অনুমান। সর্বদা পরিষ্কারভাবে বলুন যে প্রোটোটাইপটি কী পরীক্ষা করছে এবং কী এখনও খোলা আছে।
সতর্কতা: পালিশ প্রোটোটাইপ পরিপক্কতা অতিরঞ্জিত করে। আপনি যদি এটিকে "এটি একটি পরীক্ষার সরঞ্জাম, চূড়ান্ত নকশা নয়; আমরা এই প্রশ্নটি পরীক্ষা করছি" হিসাবে এটিকে স্টেকহোল্ডারকে দেখানোর সময় ফ্রেম না করেন, তাহলে ভুল প্রত্যাশা তৈরি হবে৷
বাস্তবসম্মত বিষয়বস্তু: মিথ্যা থেকে প্রোটোটাইপ সংরক্ষণ
একটি প্রোটোটাইপের সবচেয়ে বড় মিথ্যা হল নিখুঁত স্থানধারক যেমন "লোরেম ইপসাম" এবং "ফার্স্ট নেম লাস্ট নেম"। বাস্তব জগতে, নামগুলি দীর্ঘ, তালিকা কখনও কখনও খালি, সংখ্যা কখনও কখনও ঋণাত্মক, তারিখগুলি কখনও কখনও পুরানো হয়। যখন প্রোটোটাইপ আদর্শ বিষয়বস্তু দিয়ে পূর্ণ হয়, তখন এটি বাস্তব সমস্যাগুলিকে লুকিয়ে রাখে।
এখানেই AI মূল্যবান: এটি বাস্তবসম্মত স্থানধারক সামগ্রী এবং বিভিন্ন দৈর্ঘ্য, বিভিন্ন রাজ্যের ডেটা তৈরি করে। আপনি "আমাকে 20টি বাস্তবসম্মত পণ্যের নাম দিন, সেগুলির মধ্যে কয়েকটি খুব দীর্ঘ", "5টি ভিন্ন খালি কেস পরিস্থিতি লিখুন", "নেতিবাচক ব্যালেন্স সহ নমুনা অ্যাকাউন্ট ডেটা তৈরি করুন" এর মতো অনুরোধের মাধ্যমে আপনি প্রোটোটাইপটিকে বাস্তব ব্যবহারের কাছাকাছি নিয়ে আসতে পারেন। এইভাবে, পরীক্ষা বাস্তবতা পরীক্ষা করে, আদর্শ নয়।
বিষয়বস্তুর প্রকার
জাল (বিভ্রান্তিকর)
বাস্তবসম্মত (কৃত্রিম বুদ্ধিমত্তা সহ)
নাম
"নাম উপাধি"
সংক্ষিপ্ত, দীর্ঘ, একক নাম, বিশেষ অক্ষর সহ উদাহরণ
তালিকা
সবসময় পূর্ণ
ফাঁকা, 1-আইটেম, 100-উপাদানের বৈচিত্র
সংখ্যা
সবসময় ইতিবাচক
শূন্য, ঋণাত্মক, খুব বড় মান
পাঠ্য
আদর্শ দৈর্ঘ্য
উপচে পড়া শিরোনাম, খুব সংক্ষিপ্ত বিবরণ
তারিখ
আজ
অতীত, ভবিষ্যৎ, "এইমাত্র", "3 বছর আগে"
মাইক্রো মিথস্ক্রিয়া: ছোট কিন্তু সিদ্ধান্তমূলক
মাইক্রোইন্টার্যাকশনগুলি ছোট, মিথস্ক্রিয়ার একক মুহূর্ত, যেমন আপনি একটি বোতাম টিপলে প্রতিক্রিয়া, একটি ক্ষেত্র যখন পূর্ণ হয় তখন সবুজ হয়ে যায়, একটি লোডিং অ্যানিমেশন, ইত্যাদি। এগুলি ব্যবহারকারীর অনুভূতি তৈরি করে যে "সিস্টেম আমার কথা শুনেছে"। AI মাইক্রো-ইন্টারঅ্যাকশন ধারনা (কখন, কী প্রতিক্রিয়া, কী অবস্থার পরিবর্তন) তৈরি করার জন্য একটি ভাল বুদ্ধিমত্তার অংশীদার। কিন্তু প্রতিটি মাইক্রো-ইন্টারঅ্যাকশন অবশ্যই কর্মক্ষমতা, অ্যাক্সেসযোগ্যতা এবং বিক্ষিপ্ততার পরিপ্রেক্ষিতে ওজন করা উচিত; অভিনব কিন্তু অপ্রয়োজনীয় অ্যানিমেশন অভিজ্ঞতাকে ধীর করে দেয়।
তিনটি মিনি কেস
কেস 1 - আসল ডেটার সাথে অর্ডার ভেঙে যাচ্ছে। একটি দল AI দ্বারা উত্পন্ন 30টি বাস্তবসম্মত (কিছু খুব দীর্ঘ) পণ্যের নাম দিয়ে প্রোটোটাইপটি পূরণ করেছে। দুটি কার্ড লেআউট উপচে পড়েছে; সমস্যাটি ধরা পড়েছিল এবং পরীক্ষার আগে ঠিক করা হয়েছিল। পাঠ: বাস্তবসম্মত বিষয়বস্তু প্রথম দিকে লুকানো ত্রুটিগুলি উন্মোচন করে।
কেস 2 - পালিশ প্রোটোটাইপ মিথ্যা প্রত্যাশা তৈরি করেছে। একজন ডিজাইনার "শুধু ফ্লো টেস্টিং" এর জন্য একটি উচ্চ-রেজোলিউশন প্রোটোটাইপ প্রস্তুত করেছেন কিন্তু ফ্রেমিং ছাড়াই স্টেকহোল্ডারদের দেখিয়েছেন। স্টেকহোল্ডার বলেছেন "দারুণ, আসুন এটি প্রকাশ করি"; যেখানে অ্যাক্সেসযোগ্যতা এবং বিষয়বস্তু এখনও বিদ্যমান ছিল না। পাঠ: প্রোটোটাইপটি কী পরীক্ষা করছে তা স্পষ্টভাবে বলুন।
কেস 3 — উপাদানের সামঞ্জস্য নষ্ট হয়েছে। এআই থেকে স্ক্রিন স্কেচ ডিজাইন সিস্টেমের বোতামের চেয়ে আলাদা বোতাম শৈলী ধারণ করেছে। এটি ফিগমাতে পোর্ট করার সময়, ডিজাইনার এটিকে সিস্টেম উপাদানের সাথে লিঙ্ক করতে ভুলে গেছেন; পণ্যটিতে দুটি ভিন্ন বোতাম রয়েছে। পাঠ: টুলে আউটপুট সরানোর সময়, বিদ্যমান উপাদানগুলির সাথে এটি সংযোগ করা আবশ্যক।
অনুলিপিযোগ্য প্রম্পট
এই স্ক্রিনের জন্য বাস্তবসম্মত স্থানধারক সামগ্রী তৈরি করুন:- 20 <<এলিমেন্টের প্রকার>> নাম: কিছু খুব ছোট, কিছু খুব দীর্ঘ, একটি বিশেষ অক্ষর সহ।- 4টি খালি কেস পরিস্থিতি।- 3টি চরম ডেটা উদাহরণ (শূন্য, নেতিবাচক, বড় আকারের)। উদ্দেশ্য: বাস্তব, আদর্শ নয়, ব্যবহার সহ প্রোটোটাইপ পরীক্ষা করা। প্রসঙ্গ: <প্রচার>
এই প্রবাহের জন্য প্রোটোটাইপ কঙ্কাল প্রস্তাব করুন (স্ক্রিন তালিকা + প্রতিটি পর্দায় প্রধান উপাদান): টাস্ক: "<<টাস্ক>>"। আমি যে প্রশ্নটি পরীক্ষা করতে চাই তা হল: "<<অনুমান>>"। এই প্রশ্নটি পরীক্ষা করার জন্য পর্যাপ্ত পর্দার প্রস্তাব করুন; আরো যোগ করবেন না।
এই ইন্টারঅ্যাকশনের জন্য 4টি মাইক্রো-ইন্টার্যাকশন ধারনা প্রস্তাব করুন (বোতাম প্রেস, ফিল্ড ভেরিফিকেশন, লোডিং, সফলতা)। প্রতিটির জন্য: ট্রিগার, প্রতিক্রিয়া, সময়কাল পরামর্শ, এবং অ্যাক্সেসিবিলিটি নোট (মোশন সংবেদনশীলতা, স্ক্রিন রিডার ঘোষণা)। প্রসঙ্গ: <<আন্তর্ক্রিয়া>>
আমার ডিজাইন সিস্টেমের সাথে সামঞ্জস্যের জন্য এই স্ক্রীন স্কেচটি পরীক্ষা করুন: বোতাম, টাইপোগ্রাফি, ব্যবধান এবং রঙ আমার বিদ্যমান উপাদানের নিয়মগুলি মেনে চলুন ("<<সারাংশ>>")। বেমানান প্রতিটি আইটেম তালিকাভুক্ত করুন এবং এটি কোন সিস্টেম উপাদানের সাথে সংযুক্ত করা উচিত। খসড়া: <<text>>
দুর্বল প্রম্পট / শক্তিশালী প্রম্পট
দুর্বল: "এই প্রোটোটাইপের জন্য নমুনা সামগ্রী দিন।"
ফলাফল: আদর্শ দৈর্ঘ্য, অভিন্ন, জাল বিষয়বস্তু যা আসল সমস্যাগুলিকে লুকিয়ে রাখে।
শক্তিশালী: "20টি পণ্যের নাম তৈরি করুন; কিছু খুব দীর্ঘ, একটি বিশেষ অক্ষর সহ; 4টি খালি কেস এবং 3টি প্রান্ত ডেটা উদাহরণ যোগ করুন; আসল ব্যবহারের সাথে প্রোটোটাইপটি পরীক্ষা করার লক্ষ্য করুন।"
ফলাফল: বিষয়বস্তু যা সত্যিই লেআউটকে ধাক্কা দেয়, বাগগুলি তাড়াতাড়ি খুলে দেয়।
পার্থক্য: একটি শক্তিশালী প্রম্পটের জন্য বৈচিত্র্য + প্রান্ত কেস + উদ্দেশ্য প্রয়োজন।
সাধারণ ভুল
- আদর্শ বিষয়বস্তু সঙ্গে পরীক্ষা. মহান স্থানধারক বাস্তব সমস্যা লুকান.
- চূড়ান্ত সিদ্ধান্ত হিসাবে পালিশ প্রোটোটাইপ ভুল. ফ্রেমিং করা না হলে, মিথ্যা প্রত্যাশা দেখা দেয়।
- অপ্রয়োজনীয় পর্দা যোগ করা হচ্ছে। প্রোটোটাইপ হাইপোথিসিস পরীক্ষা করার জন্য যথেষ্ট হওয়া উচিত; অত্যধিক সময় অপচয়.
- ব্রেকিং কম্পোনেন্ট লজিক। গাড়িতে পরিবহন করার সময় সিস্টেমের উপাদানগুলিকে সংযুক্ত করতে ভুলে যাওয়া অসঙ্গতি তৈরি করবে।
- অভিনব কিন্তু অপ্রয়োজনীয় মাইক্রো মিথস্ক্রিয়া. কর্মক্ষমতা এবং অ্যাক্সেসযোগ্যতা বিবেচনা না করে অ্যানিমেশন যোগ করা।
সংক্ষেপে
প্রোটোটাইপিং হল কোড না লিখে একটি হাইপোথিসিসকে সস্তায় পরীক্ষা করার একটি উপায়; উচ্চ রেজোলিউশন এটিকে বিশ্বাসযোগ্য করে তোলে, তবে এটি "সমাপ্ত" এর বিভ্রমও তৈরি করে। AI দ্রুত কঙ্কাল, বাস্তবসম্মত স্থানধারক বিষয়বস্তু এবং মাইক্রো-ইন্টার্যাকশন ধারনা দিয়ে এই পর্যায়কে শক্তি দেয়। এর সবচেয়ে মূল্যবান অবদান হল বৈচিত্র্যময় এবং চরম ডেটা যা আপনাকে বাস্তব, আদর্শ নয়, প্রসঙ্গ দিয়ে প্রোটোটাইপ পরীক্ষা করতে দেয়। ডিজাইন টুলে আউটপুট সরানোর সময় প্রোটোটাইপটি কী পরীক্ষা করছে তা পরিষ্কারভাবে ফ্রেম করা, উপাদান এবং শৈলীর সামঞ্জস্য বজায় রাখা মানুষের দায়িত্ব।
আবেদন টাস্ক
- একটি একক অনুমান বাক্য লিখুন যা আপনি একটি প্রবাহের জন্য পরীক্ষা করতে চান।
- দ্বিতীয় প্রম্পটের সাথে, এই অনুমান পরীক্ষা করার জন্য যথেষ্ট একটি প্রোটোটাইপ কঙ্কাল তৈরি করুন।
- প্রথম প্রম্পটের সাথে, বাস্তবসম্মত, প্রান্ত-কেস স্থানধারক সামগ্রী তৈরি করুন এবং প্রোটোটাইপটি পূরণ করুন।
- তৃতীয় প্রম্পটের সাথে, 2-3টি মাইক্রো ইন্টারঅ্যাকশন ধারণা তৈরি করুন এবং অ্যাক্সেসিবিলিটি নোটগুলি মূল্যায়ন করুন।
- চতুর্থ প্রম্পটের সাথে, ডিজাইন সিস্টেমের সামঞ্জস্যের জন্য খসড়াটি পরীক্ষা করুন এবং সংশোধন করুন।
চেকলিস্ট
- [ ] আমি পরিষ্কারভাবে হাইপোথিসিস লিখেছিলাম যে প্রোটোটাইপ পরীক্ষা করে।
- আমি বাস্তবসম্মত এবং প্রান্ত কেস বিষয়বস্তু সঙ্গে পরীক্ষা.
- [ ] আমি প্রোটোটাইপটিকে স্টেকহোল্ডারের জন্য একটি "পরীক্ষার সরঞ্জাম" হিসাবে তৈরি করেছি৷
- [ ] আমি হাইপোথিসিস পরীক্ষা করার জন্য যথেষ্ট স্ক্রীনের সংখ্যা রেখেছি।
- [ ] আমি অ্যাক্সেসিবিলিটি এবং কর্মক্ষমতার বিপরীতে মাইক্রো-ইন্টার্যাকশন ওজন করেছি।
- [ ] আমি সিস্টেমের উপাদানগুলিতে আউটপুট আবদ্ধ করে ধারাবাহিকতা বজায় রেখেছি।