تحلیل اکتشافی UX با GPT-4 Vision و Google Sheets در n8n

تحلیل اکتشافی تجربه کاربری (UX) از اسکرین‌شات‌های رابط کاربری با استفاده از GPT-4 Vision و Google Sheets

این Workflow نحوه تحلیل خودکار اکتشافی تجربه کاربری (UX) از اسکرین‌شات‌های رابط کاربری (UI) را با استفاده از قدرت GPT-4 Vision و ذخیره نتایج در یک Google Sheet نشان می‌دهد. این روش برای محققان UX، طراحان و مدیران محصول که به دنبال ساده‌سازی فرآیند ارزیابی اکتشافی خود هستند، ایده‌آل است.

نمای کلی Workflow

این Workflow اسکرین‌شات‌های رابط کاربری را به عنوان ورودی دریافت می‌کند، آن‌ها را برای تحلیل بر اساس اکتشافی‌های UX از پیش تعریف شده به GPT-4 Vision ارسال می‌کند و سپس یافته‌ها را برای بررسی و مقایسه آسان در یک Google Sheet ثبت می‌کند.

پیش‌نیازها

• حساب n8n: شما به یک حساب فعال n8n نیاز دارید. می‌توانید n8n را در Axeto.ai پیدا کنید: https://axeto.ai/n8n
• کلید API OpenAI: شما به یک کلید API از OpenAI با دسترسی به GPT-4 Vision نیاز خواهید داشت.
• پروژه Google Cloud و حساب سرویس: برای تعامل با Google Sheets، به یک پروژه Google Cloud با فعال بودن Google Sheets API و یک کلید حساب سرویس نیاز خواهید داشت.

مراحل Workflow

1. Webhook Trigger: Workflow با یک Webhook آغاز می‌شود که داده‌های اسکرین‌شات رابط کاربری را دریافت خواهد کرد. این می‌تواند توسط یک برنامه خارجی یا بارگذاری دستی فعال شود.

2. Set Screenshot Data: این Node داده‌ها را آماده می‌کند، احتمالاً URL تصویر یا تصویر کدگذاری شده با base64 را از payload دریافتی Webhook استخراج می‌کند.

3. HTTP Request (GPT-4 Vision): این Node داده‌های اسکرین‌شات را به GPT-4 Vision API ارسال می‌کند. Prompt به GPT-4 Vision دستور می‌دهد تا اسکرین‌شات را بر اساس اکتشافی‌های UX خاص (مانند 10 اکتشافی قابلیت استفاده Nielsen) تحلیل کند.

4. Code Node (Parse Response): این Node پاسخ JSON را از GPT-4 Vision تجزیه می‌کند و تحلیل اکتشافی و یافته‌های مربوطه را استخراج می‌کند.

5. Filter (Optional): می‌توانید از یک Node فیلتر برای ادامه پردازش فقط با اسکرین‌شات‌هایی که دارای انواع خاصی از نقض اکتشافی یا بازخورد مثبت هستند، استفاده کنید.

6. Set Google Sheets Data: این Node تحلیل استخراج شده را به ساختاری مناسب برای Google Sheets قالب‌بندی می‌کند.

7. Google Sheets Node: این Node داده‌های اکتشافی تحلیل شده را به یک Google Sheet مشخص اضافه می‌کند.

8. Respond to Webhook: اگر Webhook برای یک درخواست همزمان استفاده شده باشد، این Node یک پاسخ موفقیت‌آمیز را به فراخواننده ارسال می‌کند.

9. Wait Node (Optional): اگر چندین اسکرین‌شات را در یک دسته پردازش می‌کنید، ممکن است یک Node انتظار برای جلوگیری از بارگذاری بیش از حد API یا Google Sheets اضافه کنید.

10. Sticky Note: از یادداشت‌های چسبان در سراسر Workflow برای افزودن توضیحات، تفسیرها یا یادآوری‌ها برای خود و همکارانتان استفاده کنید.

نحوه استفاده

1. وارد کردن Workflow: فایل JSON Workflow را از کاتالوگ Axeto (https://axeto.ai/n8n) دانلود کرده و آن را در نمونه n8n خود وارد کنید.

2. پیکربندی Nodes:

* اعتبارات OpenAI: کلید API OpenAI خود را در Node HTTP Request یا از طریق اعتبارات n8n تنظیم کنید.

* اعتبارات Google Sheets: کلید حساب سرویس Google Cloud خود را پیکربندی کرده و شناسه Google Sheet و نام برگه کاری را در Node Google Sheets مشخص کنید.

* URL Webhook: URL Webhook ارائه شده توسط Node trigger Workflow را یادداشت کنید. برای ارسال داده‌های اسکرین‌شات خود به این URL نیاز خواهید داشت.

* Prompts: Prompts را در Node HTTP Request سفارشی کنید تا اکتشافی‌های UX خاصی را که می‌خواهید GPT-4 Vision ارزیابی کند، تعریف کنید.

3. فعال کردن Workflow: یک درخواست POST به URL Webhook با داده‌های اسکرین‌شات رابط کاربری خود (به عنوان مثال، URL تصویر یا تصویر کدگذاری شده با base64) ارسال کنید.

4. بررسی نتایج: Google Sheet پیکربندی شده خود را بررسی کنید تا تحلیل اکتشافی UX و یافته‌ها را مشاهده کنید.

بهبودهای بالقوه

• پردازش دسته‌ای: Workflow را برای پردازش چندین اسکرین‌شات به طور همزمان اصلاح کنید.
• مدیریت خطا: مدیریت خطای قوی برای درخواست‌های API و عملیات Google Sheets پیاده‌سازی کنید.
• تحلیل پیشرفته: مدل‌ها یا ابزارهای هوش مصنوعی دیگر را برای تحلیل عمیق‌تر ادغام کنید (به عنوان مثال، تحلیل احساسات در بازخورد کاربر).
• گزارش‌دهی: گزارش‌ها یا داشبوردهای خودکار را بر اساس داده‌های Google Sheet ایجاد کنید.
• حلقه بازخورد: به کاربران اجازه دهید بازخوردی در مورد تحلیل هوش مصنوعی ارائه دهند که می‌تواند برای تنظیم دقیق Prompts آینده استفاده شود.

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