GenUI vs. Vibe Coding: چه کسی طراحی می‌کنه؟

تصور کن توی یک کافی‌شاپ شلوغ نشستی. یک‌جا به باریستا می‌گی: «لطفا یه لاته بزرگ با شیر بادوم، بدون شکر، با یه لایه فوم نازک درست کن.» اینجا تو عملا داری دستورالعمل دقیق می‌دی و طرف مقابل فقط اجرا می‌کنه. اما دفعه‌ بعد، خسته‌ای و حوصله توضیح نداری؛ فقط می‌گی: «یه چیزی درست کن که هم بیدارم کنه، هم زیاد شیرین نباشه.» این‌بار تو فقط حال‌و‌هوا رو گفتی و باریستا باید تصمیم بگیره چی برات بسازه، چه طعمی، چه حجمی، چه شکلی.

در دنیای طراحی محصول و هوش مصنوعی، هر دو سناریو هر روز اتفاق میوفتن. گاهی خود کاربر خیلی دقیق می‌گوید چه می‌خواهد و هوش مصنوعی فقط باید اون رو به‌درستی پیاده‌سازی کنه. گاهی هم کاربر فقط هدف یا مسئله رو مطرح می‌کنه و این خودِ سیستم هوشمنده که تصمیم می‌گیره چه نوع طراحی، چه اجزایی و چه تعاملی براش مناسب‌تره.

مدل‌های مختلف رابط‌های ساخته‌شده با هوش مصنوعی

اول بیایین چند مفهوم رو خیلی ساده روشن کنیم. امروزه ابزارهای هوش مصنوعی می‌تونن به شکل‌های مختلفی در ساخت طراحی نقش داشته باشن. بعضی وقت‌ها خودِ سیستم رابط می‌سازه، بعضی وقت‌ها کاربر از اون می‌خواد چیزی طراحی کنه، و گاهی هم طراح از AI فقط به‌عنوان یک ابزار کمکی استفاده می‌کنه. برای اینکه این تفاوت‌ها رو بهتر بفهمیم، باید هر کدام رو جداگانه بررسی کنیم:

• رابط کاربری مولد (Generative UI یا genUI)

زمانی اتفاق میوفته که خودِ سیستم هوش مصنوعی، تصمیم می‌گیره یک عنصر طراحی بسازه؛ مثلا یک نمودار، یک دکمه، یا یک بخش تعاملی. در این حالت کاربر مستقیم درخواست «طراحی» نمی‌ده. اون فقط سوال می‌پرسه یا هدفش رو می‌گه و بعد سیستم تشخیص می‌ده که برای جواب دادن بهتر، باید یک عنصر بصری یا تعاملی ایجاد کنه.

از اوایل سال ۲۰۲۴ درباره آینده genUI زیاد صحبت شده، اما نمونه‌های واقعی اون تازه دارن کم‌کم ظاهر می‌شن. فعلا بیشتر این نمونه‌ها رو داخل محیط‌های چت مبتنی بر هوش مصنوعی می‌بینیم و خارج از این فضا هنوز خیلی رایج نشدن.

• Vibe coding

رویکرد متفاوتی داره. در این حالت کاربر مستقیم از هوش مصنوعی می‌خواد یک محصول یا ابزار براش طراحی کنه؛ مثلا یک وب‌سایت ساده، یک اپلیکیشن یا یک ابزار کوچیک برای انجام یک کار مشخص. کاربر معمولا فقط نتیجه‌ای رو که می‌خواد توضیح می‌ده و جزئیات طراحی یا ساخت رو به هوش مصنوعی می‌سپاره.

• طراحی با کمک هوش مصنوعی (AI‑assisted design)

بیشتر در محیط‌های حرفه‌ای طراحی دیده می‌شه. در اینجا طراح از ابزارهای هوش مصنوعی برای سریع‌تر پیش بردن کارش استفاده می‌کنه؛ مثلاً برای ساخت وایرفریم، تولید چند نسخه از یک طرح، یا امتحان کردن چیدمان‌های مختلف. در این حالت هوش مصنوعی نقش یک دستیار رو داره و تصمیم‌های اصلی طراحی رو خودِ طراح می‌گیره.

چه کسی درخواست طراحی را مطرح می‌کند؟

تفاوت اصلی اینجاست که چه کسی تشخیص می‌ده به یک طراحی نیاز داریم: کاربر یا خود سیستم.

در genUI کاربر معمولا فقط سوال می‌پرسه یا هدفش رو بیان می‌کنه. سیستم ابتدا درخواست کاربر و داده‌های مربوط به اون رو تحلیل می‌کنه و بعد تصمیم می‌گیره چه نوع پاسخی مناسب‌تره. اگه تشخیص بده که متن به‌تنهایی کافی نیست، یک یا چند عنصر تعاملی در رابط ایجاد می‌کنه؛ مثل چک‌باکس، نمودار تعاملی، فیلتر، یا حتی یک رابط کامل.

فرض کنین در یک ابزار مدیریت فروش از سیستم می‌پرسین: «فروش این ماه نسبت به ماه قبل چطور بوده؟» سیستم ممکنه به‌جای یک پاسخ متنی ساده، خودش یک نمودار مقایسه‌ای و چند فیلتر برای بررسی دقیق‌تر داده‌ها نشون بده؛ حتی اگر شما اصلاً درخواست نمودار نکرده باشین. البته اینکه GenUI از چه کامپوننت‌ها یا عناصری استفاده کنه رو طراح مشخص می‌کنه؛ طراح تعیین می‌کنه چه نوع نمودارها، جدول‌ها یا فیلترهایی در سیستم وجود داشته باشه و GenUI بر اساس همین قواعد تصمیم می‌گیره کدوم رو نمایش بده.

در مقابل، vibe coding به شکل دیگری شروع می‌شه. در این حالت، کاربر از همون ابتدا می‌دونه که یک رابط یا ابزار می‌خواد و مستقیم درخواستش رو مطرح می‌کنه. مثلا می‌گه:

«یک اپلیکیشن برای برنامه‌ریزی سفر لندن بساز.»

«یک داشبورد برای مدیریت هزینه‌هایم درست کن.»

«یک کوییز درباره پایتخت‌های اروپا بساز.»

در اینجا کاربر خودش شروع‌کننده‌س و مشخص می‌کنه چه چیزی باید ساخته شه. نقش هوش مصنوعی بیشتر اجرای همین درخواسته؛ یعنی خواسته کاربر رو می‌گیره و اون رو به یک محصول یا ابزار

قابل استفاده تبدیل می‌کنه. این کار ارزشمنده، اما جنس اون با تصمیم طراحی‌ که در genUI اتفاق میوفته فرق داره.

میزان جزییات در Vibe Coding

در vibe coding میزان جزییاتی که کاربر مشخص می‌کنه می‌تونه خیلی متفاوت باشه. گاهی کاربر فقط هدف کلی رو می‌گه و گاهی تقریبا همه جزئیات طراحی رو خودش تعیین می‌کنه.

مثلا کاربری ممکنه بگه: «یک برنامه برای برنامه‌ریزی سفر بساز.»

در این حالت کاربر فقط هدف رو بیان می‌کنه. سیستم باید تصمیم بگیره رابط چگونه باشه، اطلاعات چگونه نمایش داده بشن و چه الگوهای تعاملی استفاده بشن.

اما گاهی کاربر خیلی دقیق‌تر توضیح می‌ده. مثلا مشخص می‌کنه برنامه سه ستون داشته باشه، در یک ستون نقشه تعاملی قرار بگیره، ستون دیگر برنامه سفر رو به شکل تایم‌لاین نشون بده و ستون سوم جزئیات هر مکان رو نمایش بده. حتی ممکنه رنگ پین‌های نقشه، نحوه جابه‌جایی آیتم‌ها، فیلترها یا دکمه‌های صفحه رو هم مشخص کنه.

در چنین حالتی سیستم تقریبا هیچ تصمیم طراحی نمی‌گیره و فقط دستورهای کاربر رو اجرا می‌کنه. در واقع کاربر نقش طراح رو می‌گیره و سیستم نقش اجراکننده رو.

البته بیشتر کاربران نه می‌تونن و نه معمولا تلاش می‌کنن چنین سطحی از جزئیات رو مشخص کنن. بیشتر افراد فقط هدفشون رو می‌گن و انتظار دارن سیستم بقیه تصمیم‌ها رو بگیره.

در هر دو حالت، کاربر شروع‌کننده ساخت محصوله. اما مقدار تصمیم‌های طراحی که سیستم می‌گیره می‌تونه از خیلی کم تا خیلی زیاد تغییر کنه. همین طیف باعث می‌شه بعضی افراد تفاوت بین vibe coding و GenUI رو اشتباه درک کنن.

مشکلِ استدلالِ «همه‌چیز رو خودت بساز»

طرفداران vibe coding می‌گن هوش مصنوعی به همه اجازه می‌ده برای نیازهاشون نرم‌افزار مخصوص خودشون رو بسازن. منطق اون‌ها ساده‌ست: وقتی می‌تونی با AI ابزار موردنیازت رو بسازی، چرا باید برای محصولاتی مثل Slack یا ابزارهای مدیریت پروژه پول بدی؟

اما یک مشکل وجود داره. پژوهش‌های کاربری نشون می‌ده بیشتر افراد نمی‌تونن دقیق توضیح بدن از یک محصول دیجیتال چی می‌خوان. طراحان می‌تونن چیزی رو که در ذهن دارن توصیف کنن، اما بیشتر کاربران چنین مهارتی ندارن. در واقع vibe coding از کاربر می‌خواد مثل یک طراح فکر کنه.

GenUI برای حل همین مسئله شکل گرفته. در این رویکرد کاربر فقط هدفش رو بیان می‌کنه. مثلا می‌گه: «برای سفرم کمک کن برنامه‌ریزی کنم.» سیستم می‌تونه به‌جای یک پاسخ متنی، یک ابزار برنامه‌ریزی سفر طراحی کنه. در اینجا کاربر لازم نیست بدونه چه چیزی طراحی می‌خواد؛ سیستم باید اون رو تشخیص بده.

در عین حال ایده «همه‌چیز را خودت بساز» ارزش نرم‌افزارهای تخصصی رو نادیده می‌گیره. ابزارهایی مثل Slack نتیجه سال‌ها پژوهش کاربری، تست طراحی و تجربه واقعی هستن. یک پرامپت ساده نمی‌تونه این دانش رو بازسازی کنه.

به همین دلیل GenUI مسئولیت طراحی بیشتری داره. وقتی کاربر دقیق می‌گه چی می‌خواد، AI فقط باید اون رو اجرا کنه. اما وقتی AI خودش رابط رو طراحی می‌کنه، باید تصمیم طراحی درستی هم بگیره. موفقیت GenUI به این بستگی داره که سیستم چقدر خوب موقعیت کاربر رو بفهمه و در همون لحظه رابط مناسب رو بسازده.

GenUI در آینده

در آینده نزدیک احتمالا می‌بینیم که شخصی‌سازی‌های مبتنی بر AI کم‌کم از سطح ظاهری رابط کاربری فاصله می‌گیرن و به پشت صحنه محصول منتقل می‌شن. یعنی دیگر خبری از آیکون‌های براق AI یا برچسب‌های «ویژگی بتا» نخواهد بود. این چیزیه که امروز به اون «AI نامرئی» (Invisible AI) می‌گن؛ مفهومی که از ابتدا هم به ایده اصلی GenUI نزدیک بود.

در این حالت، هوش مصنوعی در پشت صحنه محصول کار می‌کنه. سیستم بر اساس رفتار کاربر، موقعیت و هدف اون، رابط کاربری رو تنظیم و شخصی‌سازی می‌کنه، حتی بدون اینکه کاربر مستقیما درخواستی کرده باشه.

مثلاً تصور کنین در یک ابزار کاری، قبل از اینکه حتی به فکر جستجوی یک قالب خاص بیفتین، سیستم خودش یک قالب مرتبط رو به شما پیشنهاد می‌ده. در واقع AI داره کار طراحی انجام می‌ده، اما اون‌قدر طبیعی در محصول ادغام شده که کاربر فقط یک رابط سریع‌تر و مرتبط‌تر رو تجربه می‌کنه.

اینجاست که چشم‌انداز اصلی GenUI ملموس‌تر می‌شه. اما در عین حال یک چالش مهم هم ایجاد می‌کنه: اگر کاربر اصلا درخواست تغییر رابط نداده باشه و حتی متوجه تغییر هم نشه، چطور می‌تونیم بفهمیم که تصمیم سیستم واقعا درست بوده؟

پیامدهای طراحی

vibe coding و GenUI به شکل‌های متفاوتی ممکنه شکست بخورن. در vibe coding مشکل معمولا از اجرا میاد؛ کاربر می‌دونه چی می‌خواد اما AI نمی‌تونه اون رو درست پیاده‌سازی کنه. اما در GenUI مشکل از تصمیم طراحی میاد؛ سیستم ممکنه عنصری طراحی کنه که کاربر اصلا به اون نیاز نداره، حتی اگه از نظر فنی درست کار کنه.

روش ارزیابی کیفیت هم در این دو رویکرد فرق می‌کنه. در vibe coding کیفیت زمانی بالاست که خروجی با خواسته کاربر هماهنگ باشه. اما در GenUI کیفیت به این بستگی داره که پاسخ سیستم چقدر به حل مسئله کاربر کمک می‌کنه و تجربه رو ساده‌تر می‌کنه؛ بنابراین تیم طراحی باید GenUI رو با روش‌های طراحی محصول مثل تحقیق کاربر و سنجش رضایت کاربران ارزیابی کنه.

همچنین مخاطبان GenUI گسترده‌ترن. در vibe coding بیشتر کاربرانی موفق می‌شن که می‌تونن دقیق توضیح بدن چه چیزی می‌خوان بسازن. اما GenUI به همه کاربران کمک می‌کنه؛ حتی به کسانی که نمیدونن چه چیزی باید از سیستم بخوان. به همین دلیل سیستم باید نیاز کاربر رو تشخیص بده و تصمیم‌های مناسب بگیره.

نتیجه‌گیری

GenUI و Vibe Coding نشون می‌دن که هوش مصنوعی فقط ابزار ساخت سریع‌تر محصول نیست، بلکه داره نحوه طراحی و ساخت نرم‌افزار رو هم تغییر می‌ده. در Vibe Coding کاربر می‌گه چه چیزی می‌خواد و AI اون رو می‌سازه، اما در GenUI سیستم خودش بر اساس هدف و رفتار کاربر تصمیم می‌گیره چه رابطی مناسب‌تره. با پیشرفت هوش مصنوعی احتمالا محصولات دیجیتال بیشتر به سمت رابط‌های پویا و شخصی‌سازی‌شده می‌رن؛ جایی که سیستم‌ها در لحظه خودشون تجربه کاربری رو شکل می‌دن. در چنین آینده‌ای، نقش طراح از طراحی چند صفحه ثابت به طراحی سیستم‌ها، قواعد و تجربه‌های هوشمند تغییر می‌کنه.

منابع

• NNGroup