هر طراح احساس خیره شدن به صفحه خالی را می داند. چه این شروع یک پروژه جدید باشد یا یک مشکل مشکل در وسط یک ، این مرحله اول می تواند سخت ترین باشد. ما اغلب برای یک جرقه خلاق به ابزارهایی مانند Chatgpt روی می آوریم ، اما نتایج می تواند کمی صاف باشد.
راز در خود ابزار نیست ، اما در کیفیت سؤالاتی که می پرسید. یک سوال ساده یک پاسخ ساده می شود. اما یک سریع متفکر و ساختار یافته می تواند چتپپ را به یک همکار درخشان تبدیل کند. این شریک زندگی می شود که به شما در تحقیق ، طوفان مغزی ، نوشتن و حتی ایده های خود کمک می کند.
این راهنما بر اساس آن حقیقت ساده ساخته شده است. ما توصیه های عمومی را رد کرده ایم و یک دفترچه بازی عملی برای کارهای دنیای واقعی که هر روز با آن روبرو هستید ، ایجاد کرده ایم. از این موارد استفاده کنید تا نتایج بهتری کسب کنید ، در وقت خود صرفه جویی کنید و خود را آزاد کنید تا به بهترین کاری که انجام می دهید توجه کنید: طراحی.
برای استفاده از این مطالب ، به سادگی متن را کپی کرده و مکان های مروارید را جایگزین کنید (your product) با جزئیات پروژه خاص خود
مرحله 1: کشف و تحقیق
این جایی است که شما مشکل را تعریف می کنید و منظره را درک می کنید. از chatgpt برای ساختار تحقیق خود و کشف بینش های اولیه استفاده کنید.
- تهیه یک برنامه تحقیق کاربر
به عنوان یک محقق ارشد UX عمل کنید. یک برنامه تحقیق جامع کاربر برای یک ویژگی جدید ایجاد کنید ،(feature name)، برای محصول ما ،(product name)بشر مخاطب هدف ما این است(describe target audience)بشر این طرح باید شامل موارد زیر باشد: 1. اهداف تحقیق و اهداف ، ترتیب. سؤالات کلیدی تحقیق ، 3. روش شناسی (پیشنهاد 2-3 گزینه با جوانب مثبت و منفی) ، 4 معیارهای شرکت کننده و 5. یک جدول زمانی برای یک(number)-اسپرینت هفته. - ایجاد سوالات مصاحبه کاربر
من در حال آماده سازی برای مصاحبه های کاربر برای درک چالش ها هستم(target audience)صورت با(a specific task, e.g., managing personal finances)بشر 15 سؤال مصاحبه باز را ایجاد کنید که برای کشف نقاط درد ، انگیزه ها و راه حل های فعلی آنها طراحی شده است. سوالات باید از هدایت کاربر جلوگیری کنند. آنها را به بخش های “مقدمه” ، “فرایند فعلی” و “راه حل ایده آل” طبقه بندی کنید. - انجام تجزیه و تحلیل رقابتی
تجزیه و تحلیل رقابتی ساختاری را با مقایسه ارائه دهید(your product or concept)با سه رقیب:(Competitor A)با(Competitor B)وت(Competitor C)بشر آنها را بر اساس معیارهای زیر تجزیه و تحلیل کنید: ویژگی های کلیدی ، مخاطب هدف ، مدل قیمت گذاری و گزاره ارزش منحصر به فرد. این اطلاعات را در یک جدول Markdown ارائه دهید. سرانجام ، خلاصه ای از فرصت ها را برای تمایز محصول من ارائه دهید. - انجام یک ارزیابی اکتشافی
به عنوان یک متخصص UX عمل کنید. من یک جریان کاربر را برای خودم توصیف خواهم کرد(website/app name)بشر آن را در برابر 10 مورد قابلیت استفاده نیلسن ارزیابی کنید. برای هر اکتشافی که نقض می شود ، مسئله را توضیح دهید و یک پیشرفت خاص را پیشنهاد کنید. جریان کاربر:(Describe the user flow step-by-step, e.g., 'User lands on homepage, clicks login, enters credentials...')بشر
فاز 2: استراتژی و ایده
با تحقیق در دست ، وقت آن است که استراتژی خود را تعریف کنید ، کاربران خود را در سطح عمیق تر و راه حل های طوفان مغزی درک کنید.
- ایجاد شخصیت های دقیق کاربر
یک شخصیت کاربر مفصل برای محصول ما ایجاد کنید ،(product name)بشر شخصیت باید بخش اصلی کاربر ما را نشان دهد:(describe user segment)بشر موارد زیر: نام داستانی و توضیحات عکس ، جمعیتی ، اهداف ، ناامیدی ها ، انگیزه ها و یک بیوگرافی روایت کوتاه با عنوان “یک روز در زندگی”. - نقشه برداری از سفر کاربر
نقشه سفر کاربر را برای شخصیت ترسیم کنید(Persona Name)هدف او این است که(accomplish a specific goal)با استفاده از برنامه ما ،(app name)بشر نقشه باید یک جدول با ستون ها باشد: فاز ، اقدامات ، افکار ، احساسات و فرصت ها. مراحل آگاهی تا تکمیل را بپوشانید. - بیانیه های “چگونه ممکن است”
من تحقیقات کاربر را برای(product/feature)و یک مشکل کلیدی کاربر را شناسایی کرد:(State the problem clearly, e.g., 'Users find it difficult to find healthy recipes they can cook quickly.')بشر لیستی از 10 جمله “چگونه ممکن است” (HMW) ایجاد کنید که این مشکل را به فرصتی برای طراحی تغییر می دهند. HMW ها باید به اندازه کافی گسترده باشند تا راه حل های خلاقانه را ترغیب کنند اما به اندازه کافی باریک باشند تا تمرکز روشنی را ارائه دهند. - ویژگی های نوآورانه طوفان مغزی
من در حال طراحی یک(product type, e.g., 'language-learning app')بشر نقطه اصلی درد کاربر که ما حل می کنیم این است(user pain point, e.g., 'lack of motivation to practice daily')بشر 10 ایده ویژگی نوآورانه و غیر متعارف ایجاد کنید که مستقیماً به این مشکل برطرف می شوند. برای هر ایده ، شرح مختصری و فواید اصلی را ارائه دهید. - تعریف یک گزاره ارزش
به من کمک کنید یک گزاره ارزش روشن برای(product name)بشر محصول ما کمک می کند(target audience)حل کردن(the problem)با ارائه(list 2-3 key features/benefits)بشر برخلاف(main competitor)، ما ارائه می دهیم(unique differentiator)بشر 3 تغییر از یک بیانیه گزاره ارزش ایجاد کنید.
فاز 3: طراحی و محتوا UX/UI
استراتژی خود را به یک ساختار ملموس ، طرح بندی و کلمات ترجمه کنید.
- تشریح جریان کاربر
جزئیات یک جریان کاربر کامل برای کاربر را انجام می دهد(specific task, e.g., 'returning an item')در برنامه تجارت الکترونیکی ما. شروع از(entry point, e.g., 'order history screen')و هر مرحله ، تصمیم و صفحه را درگیر کنید تا کار کامل شود. حاوی حالتهای خطای بالقوه و نحوه بهبود کاربر از آنها باشد. - ساختار معماری اطلاعات (IA)
یک نقشه سایت منطقی و معماری اطلاعات را برای یک وب سایت جدید برای یک پیشنهاد دهید(company type, e.g., 'sustainable fashion brand')بشر اهداف اصلی برای کاربران خرید محصولات ، یادگیری در مورد مأموریت برند و خواندن وبلاگ است. موارد ناوبری اولیه و موارد ثانویه را که در زیر هر یک قرار می گیرند ، لیست کنید. - توصیف طرح های Wireframe (برای ایده ها)
من نیاز به طراحی یک قاب سیم برای(screen name, e.g., 'profile settings')صفحه یک(app type, e.g., 'social networking')برنامه یک طرح اول موبایل را برای این صفحه توصیف کنید. آن را به عنوان یک لیست سلسله مراتبی از عناصر ارائه دهید ، از هدر شروع می شود. برای هر عنصر ، نوع آن (به عنوان مثال ، عنوان ، میدان ورودی ، ضامن) و هدف را شرح دهید. - ساختن ux نوشتن و میکروکوپی
برای سناریوهای زیر در برنامه ما میکروکپی بنویسید ،(app name)، که(brand personality, e.g., 'friendly and encouraging')تن: 1. یک حالت خالی برای لیست “موارد دلخواه”. 2. یک پیام موفقیت پس از به روزرسانی کاربر مشخصات آنها. 3. یک دکمه تماس به عمل برای تشویق به روزرسانی به یک برنامه ممتاز. 4. هنگام بارگذاری پرونده ، یک پیام خطا. - اطمینان از دسترسی
به عنوان یک متخصص دسترسی عمل کنید. برای اطمینان از جدید ما یک لیست چک طراحی و توسعه ایجاد کنید(component, e.g., 'date picker')WCAG 2.1 AA سازگار است. لیست چک باید ناوبری صفحه کلید ، پشتیبانی از خواننده صفحه نمایش (برچسب های آریا) ، کنتراست رنگ و حالت های فوکوس را پوشش دهد. - ایجاد یک مفهوم تخته خلق و خوی
به عنوان یک استراتژیست برند عمل کنید. من در حال ایجاد یک تخته خلق و خو برای یک جدید هستم(product type, e.g., 'meditation app')بشر مخاطب هدف است(describe audience, e.g., 'stressed millennials')و ویژگی های برند مورد نظر هستند('calm', 'minimal', 'trustworthy')بشر 5-7 مفاهیم بصری متمایز را برای صفحه خلق و خوی شرح دهید. برای هر مفهوم ، شامل کلمات کلیدی برای تصاویر ، یک پالت رنگی بالقوه و یک پیشنهاد سبک تایپوگرافی است. - ایجاد یک پالت رنگی در دسترس
یک پالت رنگ اولیه ، ثانویه و لهجه برای a ایجاد کنید(website/app)با شخصیتی برند که هست(describe personality, e.g., 'vibrant and energetic')بشر پالت باید برای متن در رنگ های پس زمینه سازگار باشد. کدهای هگز را برای یک رنگ اصلی ، رنگ ثانویه سبک و تیره و دو رنگ لهجه تهیه کنید. همچنین ، شامل رنگ های معنایی برای موفقیت ، هشدار و حالات خطا است. - تایپوگرافی جفت شدن
به عنوان یک تایپی نگار عمل کنید. یک جفت تایپوگرافی را برای a پیشنهاد کنید(website type, e.g., 'content-heavy news blog')بشر من به یک قلم برای عناوین (H1 ، H2) و دیگری برای متن بدن نیاز دارم. انتخاب باید خوانایی را در اولویت قرار دهد و منعکس شود(brand attribute, e.g., 'modern and authoritative')تن 3 جفت مختلف را از فونت های Google پیشنهاد کنید و به طور خلاصه دلیل برای هر انتخاب را توضیح دهید. - ایجاد تغییرات طراحی
من در حال طراحی(page/screen name, e.g., product detail page)برای یک برنامه تجارت الکترونیکی. عناصر اصلی در صفحه هستند(list key elements, e.g., product image gallery, product title, price, color variants, 'Add to Cart' button, user reviews)بشر
پیشنهاد کردن(number)مفاهیم مختلف چیدمان برای این صفحه ، با تمرکز بر اولویت های مختلف کاربر (به عنوان مثال ، یکی بهینه سازی شده برای مرور بصری ، دیگری برای خرید سریع). طرح و دلیل استراتژیک پشت هر تنوع را شرح دهید.
فاز 4: نمونه سازی و آزمایش
طرح های خود را با کاربران تأیید کرده و بر اساس بازخورد آنها تکرار کنید.
- نوشتن یک اسکریپت تست قابلیت استفاده
برای ارزیابی روند پرداخت جدید در وب سایت ما ، یک اسکریپت تست قابلیت استفاده کامل ایجاد کنید ،(website name)بشر اسکریپت باید برای یک تست از راه دور تعدیل شده باشد. شامل: مقدمه ای برای استقبال از شرکت کننده ، سوالات پیش آزمون ،(Number)وظایف خاص ، مبتنی بر سناریو و سؤالات پس از آزمون برای جمع آوری برداشت های کلی. - سنتز بازخورد کاربر
من یادداشت های خام زیر را از 3 جلسه تست قابلیت استفاده دارم:(paste your raw, anonymized notes here)بشر این بازخورد را تجزیه و تحلیل کرده و آن را به صورت خلاصه سنتز کنید. خلاصه باید مشخص کند: 1. موضوعات مکرر 3-5 برتر (مثبت و منفی). 2. بینش های عملی برای هر موضوع. 3. لیست اولویت بندی شده از تغییرات طراحی پیشنهادی. - تولید ایده های آزمایش A/B
هدف ما افزایش ثبت نام در صفحه فرود ماست. تیتر فعلی است("Current Headline")و دکمه تماس به عمل می گوید("Current CTA")بشر برای بهبود نرخ تبدیل 3 تغییر تست A/B را پیشنهاد کنید. برای هر تنوع ، عنصر خاص را برای تغییر بیان کنید (به عنوان مثال ، تیتر ، CTA ، تصاویر) و فرضیه تغییر.
فاز 5: Handoff و همکاری
طرح های خود را برای توسعه آماده کرده و با تیم خود به طور مؤثر ارتباط برقرار کنید.
- نوشتن مشخصات طراحی برای توسعه دهندگان
حاشیه نویسی مشخصات طراحی دقیق را برای جدید ما بنویسید(component name, e.g., 'search filter dropdown')بشر رفتار متقابل آن ، از جمله حالتهای مختلف آن را شرح دهید: پیش فرض ، شناور ، فعال/انتخاب شده و معلول. همچنین ویژگی های انیمیشن را مشخص کنید (به عنوان مثال ،ease-in-out, 200ms) برای باز و بسته شدن. - برقراری ارتباط منطقی به ذینفعان
تهیه یک ایمیل مختصر به a(stakeholder role, e.g., 'Product Manager')بشر منطقی طراحی را برای طراحی مجدد اخیر توضیح دهید(page/feature name)بشر توضیحات مربوط به نحوه حل طراحی جدید را قاب کنید(a specific user problem)و به دستیابی کمک می کند(a specific business goal)بشر - مستند سازی یک مؤلفه سیستم طراحی
مستندات را برای یک مؤلفه جدید به نام بنویسید('Component Name', e.g., 'Avatar')در سیستم طراحی ما این مستندات باید هم برای طراحان و هم برای توسعه دهندگان باشد. بخش های زیر را درج کنید: 1. بررسی اجمالی (آنچه در آن است و چه زمانی از آن استفاده کنید). 2. آناتومی (عناصر اصلی آن). 3. تغییرات (انواع مختلف آن). 4. ایالت ها (پیش فرض ، شناور و غیره). 5. دستورالعمل های استفاده (نمونه های “انجام” و “DO CONT”). - نامگذاری کنوانسیون ها و زبان سیستم طراحی
به عنوان یک پیشرو در سیستم های طراحی عمل کنید. یک کنوانسیون نامگذاری واضح و مقیاس پذیر برای اجزای طراحی ما در FIGMA ایجاد کنید. سیستم باید پوشش دهد:- ساختار (به عنوان مثال ، دسته/مؤلفه/حالت)
- قوانین مربوط به انواع و خصوصیات.
- نمونه هایی برای مؤلفه های مشترک مانند دکمه ها ، قسمت های ورودی و کارت.
هدف این است که مؤلفه ها هم برای طراحان و هم برای توسعه دهندگان قابل جستجو و قابل درک باشند.
- تولید فروشگاه برنامه / کپی بازاریابی
به عنوان مدیر بازاریابی محصول عمل کنید. برای برنامه جدید من ، کپی را برای صفحه App App App App بنویسید ،(App Name)بشر
توضیحات برنامه:(Briefly describe what your app does and who it's for.)
موارد زیر را تولید کنید:- نام برنامه (اگر به ایده نیاز دارید)
- زیرنویس (یک برچسب کوتاه و تأثیرگذار)
- متن تبلیغاتی (چند خط اول که مردم خواهند دید)
- توضیحات کامل (مروری دقیق از ویژگی ها و مزایا)
- کلمات کلیدی (لیستی از کلمات کلیدی سئو)
فاز 6: توسعه شغلی و مهارت
برای رشد مهارت های خود و پیشرفت حرفه خود از Chatgpt به عنوان مربی شخصی استفاده کنید.
- تشریح یک مطالعه موردی نمونه کارها
یک ساختار قانع کننده برای یک مطالعه موردی نمونه کارها در مورد پروژه من ایجاد کنید ،(Project Name)بشر پروژه یک بود(describe the project briefly)بشر طرح کلی باید یک قوس روایت روشن را دنبال کند. بخش هایی برای: مشکل و نقش من ، روند و رویکرد ، چالش های کلیدی ، راه حل و نتایج و تأثیر (با معیارهای نگهدارنده مکان مانند(e.g., a 20% reduction in cart abandonment)). - آماده سازی برای مصاحبه های طراحی
من یک مصاحبه طراحی محصول دارم که برای(role level, e.g., 'Senior')نقش در(Company Name)، یک شرکت در(industry, e.g., 'fintech')فضا لیستی از 10 سؤال احتمالی مصاحبه را که ممکن است از آنها بپرسید ایجاد کنید. ترکیبی از سؤالات رفتاری ، سؤالات عمیق در پرتفوی و یک انتقاد از برنامه فرضی را درج کنید.
منبع: https://www.learnprompt.org/chatgpt-prompts-for-designers/