از زمانی که هوش مصنوعی (AI) به عنوان کلمه سال ۲۰۲۳ در فرهنگ لغت کالینز انتخاب شد، روند رشد آن هیچ نشانه ای از توقف نشان نداده است.
در خط مقدم این جنبش هوش مصنوعی، ChatGPT قرار دارد. این برنامه هوش مصنوعی با داشتن میلیون ها کاربر فعال ماهانه، می تواند برای پشتیبانی از پروژه های بی شماری، از جمله طراحی وب سایت، مورد استفاده قرار گیرد.
ما ۱۵ پرامپت (دستور متنی) طراحی را به ChatGPT دادیم تا پاسخ های آن را در چهار دسته بندی مختلف آزمایش کنیم، بهترین نحوه جمله بندی را شناسایی کنیم و لیستی از قالب های مفید و آماده را برای کل فرآیند طراحی و توسعه وب سایت شما ایجاد کنیم.
۴ پرامپت ChatGPT برای تحقیق مخاطب (Audience Research)
پیش از ظهور ChatGPT، تحقیق در مورد مخاطب هدف به معنای جمع آوری دستی داده ها، مصاحبه با کاربران و بررسی دقیق رقبا بود.
برای کمک به شما در خودکارسازی این فرآیند، مجموعه ای از پرامپت ها را برای ChatGPT گردآوری کرده ایم تا در مرحله تحقیق مخاطب به شما کمک کند:
۱. ایجاد پرسونای کاربر (User Persona)
پرامپت: «یک پرسونای کاربر برای [یک محصول جدید همبرگر گیاهی در بازار ایران] ایجاد کن.»
پرسونای کاربر یا پرسونای خریدار، یک نمای کلی از مخاطب هدف ایده آل برند شماست که در قالب یک شخص خیالی توصیف می شود.
با درخواست از ChatGPT برای ایجاد پرسونای کاربر برای کسب وکار، محصولات یا خدماتتان، می توانید درک بهتری از نوع مخاطبی که باید با او ارتباط برقرار کنید، به دست آورید. از اطلاعات اولیه مانند جمعیت شناسی و موقعیت مکانی گرفته تا جزئیات عمیق تری مانند خواسته ها، چالش ها و انگیزه ها، هوش مصنوعی یک نمونه پرسونا به شما ارائه می دهد بدون اینکه نیازی به انجام تحقیقات اولیه زمان بر داشته باشید.
حتماً در پرامپت خود به موقعیت جغرافیایی مثل “تهران” یا “ایران” و شرایط اقتصادی/فرهنگی اشاره کنید تا خروجی دقیق تری بگیرید.
تصویر نشاندهندهی روند بررسی و شناسایی رقبای استارتاپی و تحلیل بازار هدف با استفاده از دستورات متنی است.
۲. سوالات نظرسنجی ترجیحات کاربر
پرامپت: «لیستی از [5] سوال نظرسنجی برای تعیین ترجیحات کاربرانِ [پلتفرم های نرم افزار به عنوان سرویس (SaaS) در حوزه حسابداری مالیاتی] ایجاد کن.»
تحقیقات اولیه یک رویکرد مهم برای یادگیری در مورد ترجیحات مخاطبان هدف شماست که طراحی وب سایتتان باید به آن ها پاسخ دهد.
حوزه کاری خود و تعداد سوالات مورد نیاز برای ساخت یک نظرسنجی (که قابل ارائه به مخاطبان واقعی باشد) را وارد کنید. با استفاده از این روش، برند شما می تواند ایده پردازی هوش مصنوعی را با تحقیقات سفارشی ترکیب کند تا فرآیندها ساده تر شوند و در عین حال، تحلیل دقیق تری از مخاطب دریافت کنید.
۳. تحقیق درباره ابزارهای تحلیل بازار
پرامپت: «[] ابزار برتر را برای کمک به یک [برند تناسب اندام] جهت تحلیل [رفتارها و داده های] بازار هدفش لیست کن. برای هر ابزار یک جمله در توضیح ویژگی های آن اضافه کن.»
ابزارهای تحلیل بازار می توانند کلان داده ها (Big Data) را تجزیه و تحلیل کنند تا نمای دقیقی از چشم انداز صنعت شما ارائه دهند. این کار به شما کمک می کند جایگاه منحصربه فردی در بازار پیدا کنید، رقبای خود را بشناسید و یاد بگیرید چگونه با مشتریان خود ارتباط برقرار کنید.
از آنجا که برخی ابزارهای خارجی در ایران تحریم هستند یا دیتای دقیقی از کاربران ایرانی ندارند، می توانید در پرامپت خود بخواهید که ابزارهایی را معرفی کند که برای ترافیک ایران محدودیتی ندارند، یا می توانید از ابزارهای بومی و گوگل آنالیتیکس در کنار هم استفاده کنید.
۴. لیست رقبا
پرامپت: «[5] رقیب برجسته برای یک [استارتاپ سفارش آنلاین غذا] در [شهر تهران] را لیست کن.»
شناخت رقبا، دانستن اینکه طراحی سایت آن ها چه نقاط قوتی دارد و چه خلأهایی را در بازار هدف شما باقی گذاشته اند، یکی از عناصر مهم در جایگاه یابی (Positioning) برند است.
شما می توانید از ChatGPT بخواهید رقبای اصلی شما را به همراه جزئیات سفارشی درباره شرکت ها و حضور دیجیتال آن ها لیست کند. به این ترتیب، می توانید درکی از بازار موجود به دست آورید و تحقیقات عمیق تری روی رقبای بزرگ خود و طراحی سایت هایشان انجام دهید.
این تصویر نحوه ساختاردهی و چیدمان سلسله مراتب محتوا و وایرفریم صفحات پیش از طراحی بصری را به تصویر میکشد.
۴ پرامپت ChatGPT برای برنامه ریزی وب سایت
ساختار و فرآیند طراحی برنامه ریزی شده، بلوک های سازنده قدرتمندی هستند که می توانید ویژگی های بصری جذاب خود را روی آن ها بنا کنید.
۱. پشتیبانی از مسیر و جریان کاربر (User Flow & Journey)
پرامپت: «یک مسیر کاربر ایده آل (User Journey) برای وب سایت یک [رستوران کوچک] ترسیم کن. سرنخ های فروش (Leads) بیشتر از طریق [صفحه اینستاگرام و گوگل مپ] وارد صفحه اصلی می شوند و هدف رستوران [افزایش رزرو میز از طریق فرم تماس وب سایت] است.»
جریان کاربر (User Flow) مسیری است که بازدیدکنندگان وب سایت شما برای تکمیل یک اقدام (مانند پرداخت، دانلود یا ثبت نام) طی می کنند. ایجاد یک جریان روان و قیف تبدیل بدون اصطکاک در وب سایت، یک عنصر حیاتی در طراحی تجربه کاربری (UX) است.
واقعیت این است که حدود 27% از خریداران آنلاین، سبد خرید خود را به دلیل طولانی بودن یا پیچیدگی فرآیند پرداخت رها می کنند. با توضیح صنعت، مخاطب و تکنیک های جذب لید خود به ChatGPT، می توانید یک جریان کاربر ایده آل تولید کنید.
۲. سلسله مراتب محتوا (Content Hierarchy)
پرامپت: «سلسله مراتب محتوای [صفحه اصلی یک وب سایت موسسه حقوقی] را ساختاردهی کن. این صفحه باید حداقل شامل [نظرات موکلان، بررسی پرونده های موفق و گواهینامه ها] باشد.»
سلسله مراتب محتوا در طراحی وب به نحوه چیدمان مطالب در یک صفحه وب اشاره دارد. این یک عامل مهم در فرآیند وایرفریمینگ (Wireframing) است که به ساختاردهی وب سایت پیش از اضافه شدن هرگونه جلوه بصری کمک می کند.
فرآیند طراحی و خلق سریع ماکآپها و ایدههای بصری برای پلتفرمهای دیجیتال به کمک دستورات ChatGPT در این تصویر دیده میشود.
۳. تولید متن ساختگی (Lorem Ipsum)
پرامپت: «سه خط متن لورم ایپسوم فارسی (متن ساختگی) تولید کن که در هر خط بیشتر از ۱۳ کلمه نباشد.»
لورم ایپسوم یک فرمت رایج برای متن های نگه دارنده (Placeholder) است. شما می توانید ChatGPT را هدایت کنید تا دقیقاً به همان میزان متنی که برای پر کردن وایرفریم خود نیاز دارید (پیش از آماده شدن کپی رایتینگ اصلی برندتان) تولید کند.
در وب فارسی، تولید متون ساختگی با حروف فارسی بسیار مهم است تا طراح بتواند ارتفاع خطوط (Line-height) و خوانایی فونت های فارسی مثل ایران سنس یا یکان بخ را به درستی تست کند.
۴. زمان بندی فرآیند طراحی وب
پرامپت: «مراحل سطح بالای (Top-level) مورد نیاز برای طراحی و راه اندازی یک وب سایت [فروشگاهی/eCommerce] را لیست کن. فقط [چارچوب های زمانی/Timeframes] را برای هر مرحله ذکر کن.»
با دادن یک پرامپت دقیق به ChatGPT، می توانید ایده بهتری از مدت زمان لازم برای فرآیند طراحی وب سایت خود به دست آورید. اگرچه پاسخ نمی تواند ۱۰۰٪ دقیق باشد، اما دانستن چارچوب های زمانی تقریبی می تواند هنگام مذاکره با یک آژانس طراحی وب، یک نقطه مرجع عالی به شما بدهد.
۳ پرامپت ChatGPT برای طراحی وب (Web Design)
ابزار ChatGPT می تواند به عنوان یک دستیار داخلی عمل کرده و ایده های طراحی و اتوماسیون وظایف را به شما ارائه دهد.
۱. نمونه سازی سریع (Rapid Prototyping)
پرامپت: «یک نمونه سازی سریع (Rapid Prototype) برای یک [پلتفرم مارکت پلیس] توسعه بده که [امکان خرید و فروش خودروهای دست دوم] را فراهم می کند.»
نمونه سازی سریع در طراحی وب به ایجاد سریع ماک آپ های (Mockups) طراحی اشاره دارد. این کار به شما امکان می دهد قبل از صرف منابع برای پیاده سازی نهایی، ایده های طراحی را تعریف، بررسی و بهبود بخشید.
می توانید این خروجی متنی را به هوش مصنوعی های تصویرساز مانند DALL-E یا Midjourney بدهید تا بر اساس توضیحات ChatGPT، یک رابط کاربری تصویری برای شما تولید کنند.
این تصویر نمایانگر توسعهدهندگانی است که معماری اطلاعات و کدهای استاندارد را با هدایت هوش مصنوعی پیادهسازی میکنند.
۲. طوفان فکری برای ایده های طراحی
پرامپت: «چند ایده طراحی برای وب سایت یک [شرکت تولیدکننده نوشابه] پیشنهاد بده.»
ابزار ChatGPT می تواند مانند یک عضو خلاق در تیم شما عمل کند. از عناصر تعاملی گرفته تا ایده هایی برای تصاویر باکیفیت، می توانید هوش مصنوعی را هدایت کنید تا ایده هایی متناسب با جذب مخاطب هدف شما تولید کند.
در پرامپت خود قید کنید که سایت به زبان فارسی است و باید اصول چیدمان راست چین (RTL) در المان های بصری آن رعایت شود.
۳. تولید پالت رنگی
پرامپت: «یک پالت رنگی گسترده برای استفاده در بخش های مختلف وب سایت ایجاد کن. رنگ های اصلی برند [آبی روشن #0096FF و سفید #FFFFFF] هستند.»
آیا می دانستید بین 62% تا 90% از مصرف کنندگان، نظر خود را در مورد یک محصول یا برند صرفاً بر اساس رنگ آن شکل می دهند؟ استفاده از پرامپت های رنگی ChatGPT می تواند با ارائه کدهای HEX متناسب با دستورالعمل های برند شما، رابط کاربری (UI) سایتتان را به شدت ارتقا دهد.
۴ پرامپت ChatGPT برای توسعه وب (Website Development)
کاربردپذیری یک وب سایت دقیقاً به اندازه کیفیت کدی است که در آن نوشته شده است. با این حال، نوشتن کدهای امن، کارآمد و مقیاس پذیر نیازمند مهارت است.
۱. معماری توسعه وب
پرامپت: «یک قالب متنی در فرمت CSV تولید کن که معماری اطلاعات (IA) یک وب سایت [شرکتی/اطلاع رسانی] استاندارد را شامل شود.»
این هوش مصنوعی می تواند به توسعه دهندگان کمک کند تا معماری اطلاعات سایت شما را درک کنند. برنامه نویسان می توانند از این فایل به عنوان مرجعی در هنگام کدنویسی استفاده کنند تا مطمئن شوند هر عنصر به درستی سازماندهی شده و سئو (Crawlability) سایت بهبود می یابد.
تصویر به فرآیند تحلیل هوشمند کدها، شناسایی خطاهای امنیتی و رفع باگهای فنی وبسایت اشاره دارد.
۲. تولید کدهای HTML
پرامپت: «یک قطعه کد HTML (اسنیپت) ارائه بده که یک [دکمه با افکت تغییر رنگ هنگام هاور (Hover) و لینک به صفحه اصلی وب سایت] ایجاد کند.»
اگر به یک توسعه دهنده دسترسی ندارید، می توانید برای نوشتن کدهای سفارشی ساده روی ChatGPT حساب کنید. البته توصیه می شود همواره یک برنامه نویس متخصص کدهای تولیدشده توسط هوش مصنوعی را بررسی کند، زیرا کدهای بهینه نشده می توانند به عملکرد سایت آسیب بزنند.
۳. نگهداری و امنیت
پرامپت: «[یک نمونه کد بنویس که سیستم احراز هویت دومرحله ای (2FA) پیامکی] را در [جریان ورود کاربرانِ] وب سایت [وردپرسی] من ادغام کند.»
تقریباً 50% از کسب وکارها فاقد یک برنامه رسمی برای واکنش به حملات سایبری هستند.
۴. پشتیبانی در دیباگ کردن (رفع باگ)
پرامپت: «هرگونه باگ یا خطایی را در کد زیر جستجو کرده و برجسته کن: [کد نمونه خود را اینجا وارد کنید]»
نگهداری از وب سایت برای ارائه یک تجربه کاربری باکیفیت و بدون قطعی در طول شبانه روز حیاتی است. از ChatGPT برای یافتن و رفع خطاهای کدنویسی که باعث کندی یا اختلال در سایت شما می شوند، استفاده کنید.
این تصویر مراحل کاربردی شامل ثبتنام، ورود و نگارش پرامپتهای دقیق ایرانی برای فرآیند طراحی وب را نشان میدهد.
چگونه از ChatGPT برای طراحی UI/UX استفاده کنیم؟
کسب وکارها می توانند با دنبال کردن این ۵ مرحله ساده، از ChatGPT در پروژه بعدی طراحی UI/UX خود استفاده کنند:
مرحله ۱. طرح قیمتی خود را انتخاب کنید:
نسخه رایگان (مدل GPT-3.5 یا 4o-mini) برای کارهای روزمره و کسب وکارهای کوچک عالی است. اما اگر پاسخ های بسیار پیچیده، به روز و باکیفیت تری برای طراحی وب می خواهید، مدل پولی (GPT-4 / Plus) قابلیت های بهتری ارائه می دهد.
مرحله ۲. حساب کاربری خود را بسازید:
به وب سایت OpenAI مراجعه کرده و ثبت نام کنید. (نکته برای کاربران ایرانی: برای ثبت نام نیازمند استفاده از ابزارهای تغییر آی پی هستید).
مرحله ۳. وارد پلتفرم شوید:
پس از تایید ایمیل، وارد حساب کاربری خود شوید.
مرحله ۴. پرامپت های خود را با جزئیات بنویسید:
از پرامپت های ارائه شده در این مقاله استفاده کنید یا آن ها را تغییر دهید. هرچه دستورات شما دقیق تر و پرجزئیات تر باشد (مثلاً اشاره به فرهنگ مخاطب ایرانی، زبان فارسی یا راست چین بودن سایت)، خروجی های بهتری و دورتری از پاسخ های مبهم دریافت خواهید کرد.
مرحله ۵. نتایج را در استراتژی خود پیاده سازی کنید:
در نهایت، پاسخ های تولیدشده را بررسی کرده و بینش های عملی آن را (چه در طوفان فکری، چه در رفع باگ کدهای برنامه نویسی) برای بهبود سریع استراتژی طراحی سایت خود پیاده سازی کنید.
تصویر نهایی، موفقیت طراحان در خلق یک وبسایت استاندارد و بهینه با بهرهگیری از هوش مصنوعی و تخصص انسانی را به نمایش میگذارد.
نتیجه گیری
در نهایت، ChatGPT قرار نیست جایگزین تخصص و خلاقیت طراحان و توسعه دهندگان وب شود؛ بلکه یک دستیار هوشمند و تمام وقت است که می تواند سرعت، دقت و کیفیت کار شما را به شکل چشمگیری ارتقا دهد. با استفاده از پرامپت های معرفی شده در این مقاله—از شناخت دقیق مخاطب و برنامه ریزی ساختار سایت گرفته تا ایده پردازی بصری و رفع باگ های کدنویسی—می توانید فرآیندهای تکراری و زمان بر را خودکار کنید و تمرکز تیم خود را روی خلق تجربه های کاربری بی نظیر بگذارید.
برای طراحان و توسعه دهندگان ایرانی، راز اصلی موفقیت در استفاده از هوش مصنوعی، بومی سازی هوشمندانه ی دستورات (Prompts) است. با ترکیب قدرت پردازش ChatGPT و در نظر گرفتن نیازهای خاص بازار ایران (مانند رابط کاربری راست چین، سرویس های پیامکی داخلی و فرهنگ مخاطب)، می توانید خروجی های خام هوش مصنوعی را به راهکارهای کاملاً عملی و رقابتی تبدیل کنید و در سال ۲۰۲۵، پروژه های وب سایت خود را سریع تر و موفق تر از همیشه به سرانجام برسانید.