پروژه زنفی

زنفی پلتفرم اتوماسیون فرایند بدون کد برای Google Workspace است؛ آژانس دییر داشبورد، ویرایشگر جریان و دیزاین سیستم آن را در مدت سه ماه طراحی کرد.

زنفی یک پلتفرم اتوماسیون فرایند بدون کد و مبتنی بر هوش مصنوعی است که برای خودکارسازی سرتاسری و هماهنگ کردن فرایندها میان برنامه‌های Google Workspace، برنامه‌های شخص ثالث و افراد ساخته شده و همکار رسمی گوگل کلاد است. زنفی با فهرستی رو به رشد از برنامه‌های تجاری مانند HubSpot، DocuSign و Jira کار می‌کند.

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

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

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

۰۱تحقیق و شناخت کاربران

ابتدا کاربران هدف و سناریوهای رایج اتوماسیون، مثل تأیید اسناد و مسیریابی فاکتورها، بررسی شد تا مشخص شود کاربر در هر مرحله به چه اطلاعاتی نیاز دارد.

۰۲معماری اطلاعات و جریان کاربر

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

۰۳طراحی رابط کاربری و تصویرسازی

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

۰۴دیزاین سیستم و تحویل به توسعه

در نهایت یک دیزاین سیستم بر پایه Material 3 با فونت Google Sans تعریف شد که کامپوننت‌هایی مانند سایدبار، هدر، جعبه‌ابزار ویرایش جریان و تولتیپ را در بر می‌گیرد.

۰۱ساخت جریان از قالب

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

۰۲داشبورد و صفحه Overview

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

۰۳تصویرسازی به سبک گوگل

۰۴دیزاین سیستم

سیستم تایپوگرافی از Display تا Label بر پایه Material 3 تعریف شده و الگوهای سایدبار، هدر، منوی Process Space و جعبه‌ابزار ویرایشگر با همه حالت‌هایشان مستند شده‌اند.

۰۵ویرایشگر جریان

در ویرایشگر، المان‌ها از کتابخانه‌ای دسته‌بندی‌شده شامل Google Drive، Google Sheet، Microsoft Office و Google Chrome با گام‌هایی مثل Open URL، Condition و Loop به بوم کشیده می‌شوند. پنل درج توکن، خروجی گام‌های قبلی را نشان می‌دهد و پنل تنظیمات هر گام، فیلدهای آن را جداگانه پیکربندی می‌کند. ورود و خروج و ذخیره نسخه‌ها هم در نوار بالا در دسترس است.

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