darabank

دارا بانک یک پروژه واقعی در دوره کارآموزی Product Design بود که با هدف طراحی یک اپلیکیشن مدیریت امور مالی شخصی انجام شد. این پروژه را به‌صورت کامل از مرحله تحقیق تا طراحی محصول، زیر نظر Samy Vahdat در یک Bootcamp اجرا کردم.

مشاهده لینک / سایت پروژه دانلود فایل مطالعه موردی (PDF)
تصویر اصلی پروژه darabank

اطلاعات پروژه

کارفرما
samy vahdat
نقش
پروداکت دیزاینر
مدت زمان
1ماه
سال
1405
ابزارها
figma

روند طراحی

  1. تعریف اهداف کسب‌وکار و محصول

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

  2. تحقیق و مصاحبه با کاربران

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

  3. تحلیل داده‌ها و ساخت Persona

    داده‌های به‌دست‌آمده از مصاحبه‌ها تحلیل و با استفاده از Affinity Diagram در چند موضوع اصلی دسته‌بندی شدند؛ از جمله مدیریت تراکنش‌ها، برنامه‌ریزی مالی، انتقال وجه و امنیت و احراز هویت. سپس بر اساس الگوهای به‌دست‌آمده، Persona و ویژگی‌های رفتاری کاربران مشخص شد تا تصمیم‌های طراحی بر اساس نیاز واقعی کاربر باشند.

  4. تعریف Problem Statement

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

  5. ایده‌پردازی

    برای رسیدن به راه‌حل‌های مختلف، از How Might We استفاده کردم و ایده‌های متعددی برای حل مشکلات شناسایی‌شده ایجاد شد. سپس ایده‌ها بررسی و راه‌حل‌هایی که بیشترین ارزش را برای کاربر داشتند، برای ادامه فرآیند انتخاب شدند.

  6. تعیین MVP و اولویت‌بندی قابلیت‌ها

    قابلیت‌های محصول به‌صورت Feature List تهیه و بر اساس اهمیت و ارزش آن‌ها برای کاربر اولویت‌بندی شدند. قابلیت‌های اصلی مانند ثبت درآمد و هزینه، دسته‌بندی، بودجه‌بندی، گزارش‌های مالی، مدیریت اقساط و اهداف مالی در اولویت MVP قرار گرفتند و قابلیت‌های کم‌اهمیت‌تر برای مراحل بعدی در نظر گرفته شدند.

  7. طراحی ساختار و User Flow

    قبل از ورود به طراحی رابط کاربری، مسیرهای اصلی کاربر مشخص شدند. برای فرآیندهایی مانند انتقال وجه، مدیریت هزینه و بودجه، اقساط و اهداف مالی User Flow طراحی شد تا مسیر انجام هر کار برای کاربر ساده و قابل پیش‌بینی باشد. همچنین User Journey برای بررسی تجربه کاربر در مراحل مختلف طراحی شد.

  8. Wireframe

    ساختار اولیه صفحات و جریان‌های اصلی در قالب Wireframe طراحی شد. در این مرحله تمرکز بیشتر روی Layout، Hierarchy، Navigation و جایگذاری محتوا و قابلیت‌ها بود و قبل از ورود به ظاهر نهایی، ساختار تجربه کاربر بررسی شد.

  9. UI Design

    بعد از تأیید ساختار، طراحی رابط کاربری انجام شد. در این مرحله Design System، Color System، Typography، Spacing، Components و حالت‌های مختلف عناصر طراحی و یکپارچه شدند تا صفحات از نظر بصری و عملکردی هماهنگ باشند. سپس صفحات اصلی اپلیکیشن از جمله داشبورد، تراکنش‌ها، گزارش مالی، اهداف مالی، اقساط، پروفایل و دستیار مالی طراحی شدند.

  10. Prototype، Usability Test، Iteration و Case Study

    بعد از تکمیل طراحی UI، صفحات و جریان‌های اصلی محصول را به یک Prototype تعاملی تبدیل کردم تا سناریوهای اصلی مثل مدیریت تراکنش‌ها، اهداف مالی و سایر فرآیندهای محصول قابل تجربه و بررسی باشند. در مرحله بعد، تست تجربه کاربر را بر اساس سناریوهای مشخص انجام دادم و بازخوردها و مشکلات کاربران را بررسی کردم. بر اساس نتایج تست، بخش‌هایی از User Flow، ساختار صفحات و رابط کاربری دوباره بررسی و اصلاح شدند تا مسیرهای مهم ساده‌تر و قابل‌فهم‌تر شوند. در پایان، تمام فرآیند طراحی از User Research و تحلیل داده‌ها تا Problem Statement، Ideation، MVP، Wireframe، UI Design، Prototype و Usability Test مستندسازی شد و در قالب یک Case Study کامل Product Design برای ارائه نهایی آماده شد