loader image

داشبورد وب وان

ارائه پروتوتایپ داشبورد

این داشبورد توسط شرکت رایاوران توسعه, طراحی و کدنویسی شده است.

مدت زمان پروژه:  2 ماه
اعضای تیم طراحی داشبورد
بهنام شبرندی مدیر محصول
فاطمه پرپنجی طراح UI/UX
نیلوفر عارف نیا اسکرام مستر و مدیر فروش 
معین مرتضوی مهندسی کامپیوتر

معرفی

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

اهداف طراحی داشبورد
  1. بهبود طراحی بصری: هدف اصلی این است که ظاهری مدرن، جذاب و مینیمال ارائه شود که احساس تازگی و حرفه‌ای بودن را به کاربران منتقل کند.

  2. سادگی در استفاده: طراحی باید به گونه‌ای باشد که کاربران، به ویژه کسانی که با سایت‌های کوچکتر کار می‌کنند، به راحتی بتوانند با داشبورد تعامل کنند و از امکانات آن بدون سردرگمی استفاده کنند.

  3. سازمان‌دهی بهتر اطلاعات: هدف از بهبود معماری اطلاعات این است که دسترسی به اطلاعات مهم سریع‌تر و راحت‌تر شود و دسته‌بندی‌ها به صورت منطقی و کاربرپسند باشند.

  4. کاهش شلوغی و پیچیدگی: امکانات و گزینه‌های غیرضروری برای کاربران کوچک‌تر باید به حداقل برسد تا محیط کاربری خلوت‌تر و تمرکز بر ویژگی‌های کاربردی بیشتر شود.

  5. افزایش انعطاف‌پذیری: داشبورد باید به گونه‌ای طراحی شود که امکان سفارشی‌سازی برای کاربران فراهم باشد؛ آنها بتوانند ویژگی‌ها و ابزارهای مورد نیاز خود را فعال یا غیرفعال کنند.

  6. افزایش کارایی: فرایندهای مدیریتی مثل مدیریت محصولات و دسته‌بندی‌ها باید ساده‌تر و سریع‌تر انجام شود، و کاربران برای اعمال تغییرات دچار مشکل نشوند.

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

  8. بهینه‌سازی برای دستگاه‌های مختلف: داشبورد باید به طور کامل برای استفاده روی دستگاه‌های موبایل و دسکتاپ بهینه‌سازی شود تا تجربه کاربری در همه محیط‌ها یکسان و رضایت‌بخش باشد.

روش تحقیق

در این بخش برای تحقیق در خصوص درک نیازهای کاربران با هماهنگی بخش فروش و پشتیبانی یک مصاحبه تلفنی با 5 نفر از مشتریان فعلی وب وان انجام دادیم برای این منظور ابتدا بر اساس اهداف طراحی داشبورد سوالات مصاحبه و ویژگی های کاربران هدف را مشخص کردیم و در نهایت بعد از مصاحبه و تحلیل پاسخ ها به پرسوناهای زیر رسیدیم

پرسونای کاربران

نقاط درد

در طول تحقیقاتی که انجام شد، چندین چالش کلیدی شناسایی کردیم که باید برای بهبود عملکرد داشبورد برطرف شوند. این چالش‌ها مستقیماً بر رضایت کاربران تأثیر می‌گذارند. با درک دقیق این مسائل، به بینش‌های ارزشمندی در مورد چگونگی بهینه‌سازی فرآیندهای موجود دست یافتیم.

  • ظاهر قدیمی و کمبود جذابیت بصری: طراحی داشبورد احساس قدیمی بودن و کمبود جذابیت مدرن را به کاربران منتقل می‌کند.

  • پیچیدگی زیاد و رابط کاربری شلوغ: کاربران به دلیل تعداد زیاد گزینه‌ها و عناصر مختلف، دچار سردرگمی می‌شوند و کاربری سیستم پیچیده است.

  • دسترسی سخت به اطلاعات مهم: اطلاعات کلیدی به‌سختی پیدا می‌شوند و دسترسی به بخش‌های مختلف زمان‌بر است.

  • وجود امکانات غیرضروری برای کاربران کوچک: بسیاری از ویژگی‌های سیستم برای کاربران سایت‌های کوچک غیرضروری است و فقط فضا را شلوغ کرده‌اند.

  • معماری اطلاعات ضعیف: دسته‌بندی نامناسب و توزیع غیرمنطقی اطلاعات باعث می‌شود کاربران به‌سختی بتوانند به اطلاعات مورد نیاز دسترسی پیدا کنند.

  • دسته‌بندی ناکارآمد محصولات: در صورت زیاد بودن تعداد محصولات، سیستم دسته‌بندی فعلی پیچیده می‌شود و جستجو را دشوار می‌سازد.

  • مدیریت دشوار لیست محصولات: کاربران با ابزارهای فعلی برای مدیریت و به‌روزرسانی محصولات دچار مشکل می‌شوند و فرایندها زمان‌بر هستند.

  • شلوغی بصری و حواس‌پرتی کاربر: تعداد زیاد عناصر گرافیکی و اطلاعات روی صفحه باعث شلوغی و پراکندگی توجه کاربران می‌شود.

  • عدم سفارشی‌سازی بر اساس نیاز کاربر: کاربر نمی‌تواند محیط داشبورد را بر اساس نیازهای خود تنظیم یا سفارشی کند و همه امکانات به‌صورت پیش‌فرض نمایش داده می‌شوند.

  • پیچیدگی در اعمال تغییرات: برای اعمال تغییرات کوچک روی محصولات یا دسته‌ها، فرایندها به‌شدت پیچیده و زمان‌بر هستند.

  • نبود فیلترهای هوشمند: کاربران برای جستجو و مدیریت محصولات با کمبود ابزارهای جستجو و فیلتر پیشرفته مواجه‌اند.

  • تجربه کاربری ضعیف: تعاملات و جریان کاربری دشوار است و کاربران بدون راهنمایی کافی با مشکلات زیادی مواجه می‌شوند.

  • تداخل ویژگی‌های پیشرفته با نیازهای ساده: ویژگی‌های پیچیده و تخصصی باعث گیج شدن کاربران با نیازهای ساده‌تر می‌شود و کار با داشبورد را برای آنان دشوار می‌سازد.

  • نبود ابزارهای مدیریت سریع: برای تغییرات دسته‌جمعی یا ساده‌سازی وظایف مدیریتی ابزارهای کافی وجود ندارد.

  • سرعت پایین بارگذاری صفحات: بارگذاری صفحات و اطلاعات در داشبورد کند است و تجربه کاربری را تحت تأثیر قرار می‌دهد.

  • عدم هم‌خوانی با تجربه موبایل: رابط کاربری به‌خوبی برای استفاده در دستگاه‌های موبایل بهینه‌سازی نشده و تجربه کاربر روی موبایل ضعیف است.

راه حلها

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

  • ظاهر قدیمی و کمبود جذابیت بصری:

    • راه‌حل: طراحی مجدد داشبورد با استفاده از طراحی مدرن، مینیمال و به‌روزتر از لحاظ گرافیکی که از اصول طراحی مسطح (flat design) و تایپوگرافی مدرن استفاده کند.
    • روش استفاده: به کمک روش‌های تست A/B و نظرسنجی کاربران، نمونه‌های طراحی جدید آزمایش و بهترین نسخه انتخاب شد.
  • پیچیدگی زیاد و رابط کاربری شلوغ:

    • راه‌حل: ساده‌سازی رابط کاربری با استفاده از اصل اولویت‌بندی اطلاعات. تنها ویژگی‌های اصلی نمایش داده شوند و قابلیت‌های پیشرفته در قسمت‌های دیگر با دسترسی ساده‌تر قرار بگیرند.
    • روش استفاده: با استفاده از تست قابلیت استفاده (Usability Testing) و ایجاد سناریوهای مختلف برای کاربران، بهینه‌سازی صورت گرفت.
  • دسترسی سخت به اطلاعات مهم:

    • راه‌حل: طراحی دوباره سیستم ناوبری (navigation) با استفاده از یک منوی ساده و بهینه شده. مهم‌ترین اطلاعات در بخش‌های ابتدایی و قابل دسترسی سریع قرار داده شد.
    • روش استفاده: از روش کارت‌چین (Card Sorting) برای فهم چگونگی طبقه‌بندی اطلاعات توسط کاربران استفاده شد.
  • وجود امکانات غیرضروری برای کاربران کوچک:

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

    • راه‌حل: طراحی مجدد معماری اطلاعات با استفاده از دسته‌بندی‌های منطقی و ساده که کاربران به‌راحتی به اطلاعات دسترسی داشته باشند.
    • روش استفاده: با استفاده از تحلیل وظیفه (Task Analysis) و درک نیازهای کاربران، ساختار اطلاعات تغییر داده شد.
  • دسته‌بندی ناکارآمد محصولات:

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

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

    • راه‌حل: حذف عناصر غیرضروری و استفاده از فضای سفید (white space) برای کاهش شلوغی بصری و تمرکز بهتر کاربر.
    • روش استفاده: تست‌های چشمی (Eye-Tracking) و مشاهده چگونگی تعامل کاربران با صفحه به ساده‌سازی طراحی کمک کرد.
  • عدم سفارشی‌سازی بر اساس نیاز کاربر:

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

    • راه‌حل: افزودن یک سیستم ویرایش سریع برای تغییرات کوچک و بهینه‌سازی دسته‌بندی‌های مختلف به‌صورت مستقیم از داشبورد.
    • روش استفاده: از تحلیل جریان کار (Workflow Analysis) برای درک بهتر جریان‌های پیچیده استفاده شد و سیستم ساده‌تر برای ویرایش طراحی شد.
  • نبود فیلترهای هوشمند:

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

    • راه‌حل: بهبود جریان کار (user flow) و ساده‌سازی تعاملات با استفاده از ابزارهای بصری و راهنمایی‌های دقیق درون سیستم.
    • روش استفاده: تست قابلیت استفاده و مشاهده رفتار کاربران در حین استفاده از داشبورد به بهبود تجربه کاربری کمک کرد.
  • تداخل ویژگی‌های پیشرفته با نیازهای ساده:

    • راه‌حل: تفکیک دقیق‌تر ابزارها و ویژگی‌های پیشرفته از امکانات ساده‌تر برای کاربرانی که نیازهای ساده دارند.
    • روش استفاده: با استفاده از روش طراحی کاربر محور (User-Centered Design)، ابزارها و ویژگی‌ها بر اساس نیازهای کاربران مختلف تنظیم شدند.
  • نبود ابزارهای مدیریت سریع:

    • راه‌حل: ایجاد ابزارهای سریع مدیریتی مانند افزودن سریع محصولات یا تغییرات دسته‌جمعی با یک کلیک.
    • روش استفاده: بر اساس مصاحبه‌های کاربری و مشاهده مستقیم عملکرد کاربران در مدیریت محصولات، ابزارها بهینه‌سازی شدند.
  • سرعت پایین بارگذاری صفحات:

    • راه‌حل: بهینه‌سازی کدهای سیستم و استفاده از فناوری‌های بهینه برای افزایش سرعت بارگذاری صفحات.
    • روش استفاده: به کمک ابزارهای بررسی عملکرد و تحلیل بارگذاری صفحه (Page Load Analysis)، مشکلات بارگذاری شناسایی و برطرف شدند.
  • عدم هم‌خوانی با تجربه موبایل:

    • راه‌حل: طراحی مجدد رابط کاربری برای تجربه بهتر در دستگاه‌های موبایل و واکنش‌گرا (responsive) کردن داشبورد.
    • روش استفاده: از تست‌های موبایل‌محور و مشاهده رفتار کاربر روی موبایل برای بهینه‌سازی تجربه کاربری استفاده شد.