طراحی رابط کاربری سایت و داشبورد

پلتفــــــرم جــــــــامع مالـــــــی چارت یار

مدت زمان اجرا :2ماه

معــــرفی کــــوتاهی از پروژه

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

چالـــــش های طــــراحی

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

رویکرد طراحی

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

ساختــــار محصول

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

استراتژی و اسکنر بازار

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

سیستم هشدار

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

تجربه کاربران حرفه‌ای

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

فرآیند طراحی

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

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

نقش ما در این پروژه چه بود؟

Design System Design System Design Interaction UI Design Mobile Product Design Product Strategy Ui/UX Design Ux Research

ابزار های استفاده شده

مدت زمان اجرای پروژه

2ماه

نظر کارفرما چه بود؟

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

محمد جواد اورنگ

مدیر محصول

اگر همچنان به سوالتان پاسخی پیدا نکردیده اید
میتوانید با ما در ارتباط باشید

ارتباط مستقیم از طریق تلگرام

جهت رفع سوالات یا یا هر مشکلی از طریق تلگرام در ارتباط باشید

سریع ترین

پاسخگویی در سریعترین زمان ممکن

پیج اینستاگرام

عوض پیج اینستاگرام ما شوید و از آخرین اخبار و آموزشات مرتبط با رابط کاربری مطلع شوید

5000+ عضو

ارتباط از طریق ایمیل

پشتیبانی از طریق ایمیل مینیمال