ডিজাইন সিস্টেম: কম্পোনেন্ট, টোকেন এবং ডকুমেন্টেশনে কৃত্রিম বুদ্ধিমত্তা — UI/UX ডিজাইনে কৃত্রিম বুদ্ধিমত্তা

লাভ:

কৃত্রিম বুদ্ধিমত্তা সহ সামঞ্জস্যপূর্ণ নকশা টোকেন, উপাদানের নামকরণ এবং ব্যবহারের নিয়মগুলি খসড়া এবং তৈরি করার ক্ষমতা
দ্রুত কম্পোনেন্ট ডকুমেন্টেশন তৈরি করার ক্ষমতা, কৃত্রিম বুদ্ধিমত্তা সহ উদাহরণ এবং পাঠ্য ব্যবহার করবেন না
বিদ্যমান ডিজাইন সিস্টেমের সাথে বিরোধের জন্য কৃত্রিম বুদ্ধিমত্তার পরামর্শ পরীক্ষা করার ক্ষমতা এবং এককতা রক্ষা করার ক্ষমতা

একটি ডিজাইন সিস্টেম হল একটি সাধারণ ভাষা যা একটি পণ্যকে পারিবারিক চেহারা এবং ধারাবাহিকভাবে আচরণ করে: পুনঃব্যবহারযোগ্য উপাদান (বোতাম, কার্ড, ফর্ম ক্ষেত্র), ডিজাইন টোকেন (মূল্যের নামকৃত সংজ্ঞা যেমন রঙ, ব্যবধান, টাইপোগ্রাফি) এবং ডকুমেন্টেশন যা তাদের কীভাবে ব্যবহার করতে হয় তা ব্যাখ্যা করে। একটি ভাল ডিজাইন সিস্টেম দশজন ডিজাইনারকে একই পণ্য ডিজাইন করতে দেয় যেন এটি একটি একক উত্স দ্বারা উত্পাদিত হয়। এই সিস্টেমটি ইনস্টল করা এবং রক্ষণাবেক্ষণ করা ক্লান্তিকর, পুনরাবৃত্তিমূলক এবং পাঠ্য-নিবিড় কাজ; ঠিক এখানেই কৃত্রিম বুদ্ধিমত্তা জ্বলজ্বল করে। কিন্তু সিস্টেমের সারমর্ম হল এককতা এবং ধারাবাহিকতা; বর্তমান সিস্টেমের সাথে দ্বন্দ্বের জন্য পরীক্ষা না করে এআই-এর সুপারিশ গ্রহণ করা যাবে না।

টোকেন এবং নামকরণ: ধারাবাহিকতার ভিত্তি

একটি ডিজাইন টোকেন হল একটি ডিজাইন সিদ্ধান্তের একটি নামকৃত, পুনঃব্যবহারযোগ্য মান: রঙ-প্রাথমিক, স্থান-কেন্দ্র, পাঠ্য-শিরোনাম-মূলধন। টোকেনগুলির জন্য ধন্যবাদ, আপনি এক জায়গায় একটি রঙ পরিবর্তন করতে পারেন এবং এটি সমগ্র পণ্য জুড়ে আপডেট করতে পারেন। কিন্তু টোকেনের শক্তি নির্ভর করে নামকরণের ধারাবাহিকতার উপর; যদি নীল-1, প্রধান-নীল, প্রাথমিক নীল ব্যবহার করা হয়, তাহলে সিস্টেমটি ক্র্যাশ হয়ে যাবে।

AI এখানে দুটি বিষয়ে ভাল: একটি সামঞ্জস্যপূর্ণ নামকরণ স্কিমের বিপরীতে আপনার বিদ্যমান টোকেন সেট পর্যালোচনা করা এবং নতুন টোকেনের জন্য স্কিমা-সম্মত নাম প্রস্তাব করা। "এই টোকেন তালিকাটিকে শব্দার্থিক (অর্থ-ভিত্তিক) নামকরণে অনুবাদ করুন" এর মতো একটি অনুরোধ আপনাকে এমন নাম তৈরি করতে সাহায্য করবে যা অর্থ প্রকাশ করে, যেমন নীল-500-এর পরিবর্তে রঙ-অ্যাকশন-প্রাথমিক। কিন্তু চূড়ান্ত নামকরণ সিদ্ধান্ত দলের চুক্তি; মডেল শুধুমাত্র একটি রূপরেখা প্রদান করে.

পরামর্শ: AI-তে টোকেনগুলির নামকরণ করার সময়, আপনার বর্তমান স্কিমের 5-6টি উদাহরণ দিন এবং বলুন "একই প্যাটার্নে রাখুন"। নমুনাবিহীন অনুরোধ এমন নাম তৈরি করে যা আপনার সিস্টেমে বিদেশী।

উপাদান ডকুমেন্টেশন: AI এর সবচেয়ে উত্পাদনশীল এলাকা

একটি কম্পোনেন্টের ডকুমেন্টেশনের মধ্যে রয়েছে: এটি কী করে, কখন এটি ব্যবহার করতে হবে, কখন এটি ব্যবহার করবেন না, এর রূপ, অবস্থা (ডিফল্ট, হোভার, প্যাসিভ, ত্রুটি), অ্যাক্সেসযোগ্যতা নোট এবং "করবেন/করবেন না" উদাহরণ। এই পাঠ্যগুলি হাতে লিখতে ঘন্টা লাগে, যে কারণে অনেক দল ডকুমেন্টেশন অবহেলা করে।

এআই এই শূন্যতা পূরণ করে: যখন আপনি একটি উপাদান বর্ণনা করেন, তখন এটি খসড়া ডকুমেন্টেশন, ব্যবহারের নিয়মাবলী এবং একটি সামঞ্জস্যপূর্ণ বিন্যাসে উদাহরণ তৈরি করে। এইভাবে, ডকুমেন্টেশন "কোনও নেই" থেকে "একটি খসড়া আছে, এটি ঠিক করা হবে", যা একটি বড় লাভ। যাইহোক, মডেল উপাদানটির প্রকৃত আচরণ জানে না; সিস্টেমের বাস্তবতার সাথে এটি তৈরি করা নিয়মগুলিকে মেলানো আপনার কাজ।

নথি খণ্ড

কৃত্রিম বুদ্ধিমত্তার অবদান

মানুষের যাচাইকরণ

এটা কি করে?

পরিষ্কার রূপরেখা সংজ্ঞা

উদ্দেশ্যের জন্য সত্যিকারের ফিটনেস

কখন ব্যবহার করতে হবে

সাধারণ পরিস্থিতি

পণ্য নির্দিষ্ট নিয়ম

উদাহরণ দিন/করবেন না

দ্রুত খসড়া জোড়া

প্রকৃত অপব্যবহার

অ্যাক্সেসিবিলিটি নোট

স্ট্যান্ডার্ড অনুস্মারক

বাস্তব পরীক্ষা দ্বারা নিশ্চিত

বৈকল্পিক/কেস তালিকা

সম্ভাব্য তালিকা

যারা আসলে সিস্টেমে বিদ্যমান

দ্বন্দ্ব পরীক্ষা: এককতা সংরক্ষণ

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

তিনটি মিনি কেস

কেস 1 — ডকুমেন্টেশন ঋণ সাফ করা হয়েছে। একটি দলের 24টি উপাদানের মধ্যে মাত্র 6টির ডকুমেন্টেশন ছিল। কৃত্রিম বুদ্ধিমত্তা সহ অবশিষ্ট 18 টি উপাদানের জন্য খসড়া নথি তৈরি করা হয়েছিল; দলটি 10-15 মিনিটের মধ্যে প্রতিটিকে ঠিক করে। সপ্তাহের জন্য স্থগিত থাকা কাজটি দুই দিনে শেষ হয়েছিল।

কেস 2 — টোকেন নামকরণ সামঞ্জস্যপূর্ণ হয়ে উঠেছে। একটি সিস্টেমে ব্লু১, মেইন ব্লু, ব্র্যান্ড-ব্লুর মতো রং মিশ্রিত করা হয়েছিল। AI বিদ্যমান 40টি টোকেনকে শব্দার্থিক স্কিমাতে অনুবাদ করেছে; দল এটি সংশোধন করেছে এবং একটি একক মান পরিবর্তন করেছে। পরবর্তী ডিজাইনগুলিতে রঙের ত্রুটিগুলি লক্ষণীয়ভাবে হ্রাস পেয়েছে।

কেস 3 — পরস্পরবিরোধী উপাদান প্রত্যাখ্যান করা হয়েছে। AI "সেকেন্ডারি অ্যাকশন বাটন" নামে একটি নতুন উপাদান প্রস্তাব করেছে। যখন দলটি দ্বন্দ্বের জন্য স্ক্যান করেছে, তারা দেখতে পেয়েছে যে এটি বিদ্যমান "ভূত বোতাম" এর মতো একই কাজ করেছে এবং পরামর্শটি প্রত্যাখ্যান করেছে। পাঠ: প্রতিটি পরামর্শ সিস্টেমে একটি নতুন উপাদান যোগ করে না; কখনও কখনও যা পাওয়া যায় তা ব্যবহার করা সঠিক।

অনুলিপিযোগ্য প্রম্পট

টোকেনের এই তালিকাটিকে একটি শব্দার্থিক (অর্থ-ভিত্তিক) নামকরণ স্কিমে অনুবাদ করুন। আমার বর্তমান স্কিমার উদাহরণ: <<5-6 উদাহরণ>>। একই প্যাটার্নে চালিয়ে যান। প্রতিটি টোকেনের জন্য, পুরানো নাম -> নতুন নাম -> ন্যায্যতা টেবিল দিন। তালিকা: <<টোকেন>>

দ্বন্দ্বের জন্য স্ক্যান করুন: আমার বর্তমান ডিজাইন সিস্টেমের সারাংশ: <<সারাংশ>>। নতুন প্রস্তাবিত উপাদান/নিয়ম: <<সাজেশন>>। এই পরামর্শটি কি বিদ্যমান সিস্টেমের সাথে বিরোধ করে (একই কাজ করে এমন উপাদান, বিরোধপূর্ণ নিয়ম, ডুপ্লিকেট টোকেন)? দ্বন্দ্ব এবং আপনার পরামর্শ তালিকা.

এই উপাদানটির জন্য "করুন/করবেন না" উদাহরণ জোড়া তৈরি করুন: বাস্তবসম্মত সঠিক ব্যবহার এবং বাস্তবসম্মত ভুল ব্যবহারের পরিস্থিতি। প্রতিটি জোড়ার জন্য, কেন এটি সত্য/মিথ্যা তা এক বাক্যে ব্যাখ্যা করুন। উপাদান: <<নাম এবং উদ্দেশ্য>>

দুর্বল প্রম্পট / শক্তিশালী প্রম্পট

দুর্বল: "এই বোতামের জন্য ডকুমেন্টেশন লিখুন।"

ফলাফল: সিস্টেমের সাথে কোনো সংযোগ ছাড়াই একটি সাধারণ, বিন্যাসিত পাঠ্য।

শক্তিশালী: "নিম্নলিখিত বিন্যাসে এই বোতামটি নথিভুক্ত করুন (এটি কী করে / কখন ব্যবহার করবেন না / রূপগুলি / ক্ষেত্রে / অ্যাক্সেসযোগ্যতা / করবেন না); আচরণ তৈরি করুন যা আপনি জানেন না, লিখুন 'টিম অবশ্যই পূরণ করুন'।"

ফলাফল: ধারাবাহিকভাবে ফরম্যাট করা, সঠিকভাবে ফাঁক করা, সম্পাদনাযোগ্য পাণ্ডুলিপি।

পার্থক্য: শক্তিশালী প্রম্পট ফরম্যাট + ফ্যাব্রিকেশন ব্যান + ডু/ডোন্ট প্রম্পট।

সাধারণ ভুল

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

সংক্ষেপে

নকশা সিস্টেম ধারাবাহিকতা এবং মাপযোগ্যতার অবকাঠামো; কিন্তু এর রক্ষণাবেক্ষণ প্রায়ই উপেক্ষিত হয় কারণ এটি পাঠ্য-নিবিড় এবং পুনরাবৃত্তিমূলক। AI দ্রুত উপাদান ডকুমেন্টেশন, উদাহরণ, ব্যবহারের স্ক্রিপ্ট এবং টোকেন নামকরণের খসড়া তৈরি করে এই ঋণের সমাধান করে। কিন্তু সিস্টেমের সারমর্ম হল এককতা এবং সামঞ্জস্যতা: প্রতিটি টোকেন নাম অবশ্যই নমুনা স্কিমার বিরুদ্ধে যাচাই করা উচিত, প্রতিটি উপাদান প্রস্তাব অবশ্যই পরস্পরবিরোধী স্ক্যান করা উচিত, আচরণের প্রতিটি বর্ণনা বাস্তবতার বিরুদ্ধে যাচাই করা আবশ্যক। একটি দক্ষ ড্রাফটার হিসাবে মডেল ব্যবহার করুন; দল ব্যক্তিগতভাবে সঠিক সিদ্ধান্ত নেয়।

আবেদন টাস্ক

অনুপস্থিত ডকুমেন্টেশন সহ একটি উপাদান নির্বাচন করুন এবং প্রথম প্রম্পট সহ একটি খসড়া নথি তৈরি করুন।
প্রকৃত আচরণ সহ "টিম অবশ্যই পূরণ করতে হবে" চিহ্নিত ক্ষেত্রগুলি সম্পূর্ণ করুন৷
দ্বিতীয় প্রম্পটের মাধ্যমে, আপনার 8-10 টোকেনকে শব্দার্থিক স্কিমে রূপান্তর করুন এবং একটি পুরানো/নতুন নামের টেবিল তৈরি করুন।
একটি নতুন উপাদান ধারণার জন্য, তৃতীয় প্রম্পটের সাথে দ্বন্দ্বের জন্য স্ক্যান করুন।
চতুর্থ প্রম্পটের সাথে, একটি কম্পোনেন্টের জন্য ডু/ডোন্ট উদাহরণ জোড়া তৈরি করুন এবং সেগুলিকে সিস্টেমে যোগ করুন।

চেকলিস্ট

[ ] আমি উদাহরণ স্কিমার সাথে টোকেন নামকরণ লিঙ্ক করেছি।
[ ] আমি দ্বন্দ্বের জন্য নতুন উপাদান স্ক্যান করেছি।
আমি বাস্তবতার সাথে মডেল-তৈরি আচরণ যাচাই করেছি।
[ ] আমি প্রকৃত পরীক্ষার মাধ্যমে অ্যাক্সেসযোগ্যতার নোটগুলি নিশ্চিত করার পরিকল্পনা করেছি৷
[ ] আমি একটি সামঞ্জস্যপূর্ণ বিন্যাসে ডকুমেন্টেশন রাখা.
আমি এককতা রক্ষা করেছি এবং নকল প্রতিরোধ করেছি।