چگونه یک UI پنل داشبورد خوب طراحی کنیم ؟

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

Community dashboard UI KIT

یکی از طرح های جذاب و زیبا توسط Orizon Design ساخته شده . رنگ آبی که بسیار مورد علاقه کاربران است . همچنین داشتن گرادینت جذاب به کاربران کمک می کند کمی بیشتر بخش ها تفکیک کنند. از این لینک می توانید این کیت ساده و جذاب را خریداری کنید 

Numise Dashboard

این طرح توسط شخصی به نام جولیا ساخته شده و بسیار ساده است و به شما کمک می کند تا بتوانید نمودار ها را به شکل مناسب طراحی کنید البته اجرای این نمودار ها به این کیفیت زیاد ساده نیست اما با اسفتاده از کتابخانه chart.js میتوانید به این طرح ها نزدیک شوید. اغلب این نمودار ها شیطننت طراحان ui است که اجرای آن توسط کدنویسی و توسعه دهنده کمی اذیت کننده است .

چه رنگ‌هایی انتخاب کنیم ؟

در پنل های کاربری شما می توانید هر رنگی انتخاب کنید اما اغلب پنل ها اگر به رنگ سازمانی نباشند رنگ آبی یا سبز را دارند .

مهم ترین عامل انتخاب رنگ متضاد هست. برای مثال در عکس بالا از رنگ آبی و قرمز استفاده شده است که در واقع رنگ آبی در تضاد با قرمز است . همچنین شما در پنل نیاز دارید بخش خود را به دو قسمت تقسیم کنید که یک طرف تیره و یک طرف روشن باشد.

دریافت یک یو آی کیت ساده

یک Ui kit ساده برای طراحی سایت وجود دارد به نام Socialio که به شما کمک می کند تا با کد بتوانید سریع آنرا اجرا کنید شما میتوانید از این لینک آنرا دریافت کنید 

ثبات. رمز بهترین کار

زمانی که کاربر پنل کاربری خود را باز می کند باید همه چیز یکسان باشد. 

برای طراحی یک ui ساده شما باید Tabs, Cards و Button ها را تعریف کنید. تمامی آنها به صورت کامل باید یک دست و مشخص باشند تا بتوانند یک نظم کلی در پنل ایجاد کنند. آیکون ها همه باید یک شکل و منظم باشند تا بهترین شکل را ایجاد کنند.

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

برای مثال دکمه های انتقال از صفحه ای به صفحه دیگر بسیار مهم هستند اما اگر قرار باشد سایز و رنگ و استایل هر کدام با دیگری متفاوت باشد کمی کاربر را اذیت می کند. بنابراین دکمه ها و لیست ها باید به بهترین شکل و یکپارچه در کنار هم قرار بگیرند و موارد مهم کمی از نظر رنگ و استایل و فرق کنند.

قابلیت جا به جایی

یک مقداری بحث اگر پیچیده شود شما به عنوان طراح ui باید قابلیت جا به جایی را در نظر بگیرید اگرچه اجرای آن سخت باشد اما در زمان های زیادی این عمل مورد نیاز کاربر می شود. 

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

  • قابلیت Drag and drop برای جا به جایی سریع
  • حذف سریع در صورت زدن دکمه پاک کردن
  • اطلاعات سریع برای دریافت و دانلود لیست

استفاده از سایز فونت دقیق

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

در پایان

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