اصول طراحی سایت بانک ها و مراکز مالی و بررسی چند بانک معتبر کشور

سلام ب همه همراهان عزیز ،

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

bank

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

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

وارد شده کدام سبک طراحی درگیرکننده کنیم ؟

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

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

وارد شده چه ترکیب رنگی درگیرکننده کنیم ؟

مسلما اولین ترکیب رنگی ، رنگ سوارد شدهمانیِ مرکز مربوطه خواهد بود . ب عنوان مثال رنگ سوارد شدهمانی ایرانسل زرد و رنگ سوارد شدهمانی بانک تجارت آبی و رنگ سوارد شدهمانی بانک پاسارگاد زرد و همینطور رنگ سوارد شدهمانی بانک سامان آبی فیروزه ای هست که حتما می بایست این رنگ ها رو ب عنوان رنگ اصلی مراکز ذکر شده رعایت کرد . برخی وارد شده ترکیب های رنگی گاها در جامعه ما ب یک الگو تبدیل شده اند مثلا وارد شده زمانی که ایرانسل بوجود اومده ب واسطه موضوع فعالیتی که داشت ، وارد شده اون پس رنگ اصلی ارائه خدمات مخابراتی و خدمات پیامکی در سایت های مختلف مثل سایت های ارائه دهنده خدمات پیام کوتاه و … ب رنگ زرد تبدیل شد و یا بسیاری وارد شده افرادی که در این زمینه فعالیت داشتند تمایل داشته که رنگ سایتشان همانند رنگ زرد ایرانسلی باشد که جای تعجب زیادی داشت !

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

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

اجزاء سایت را چگونه طراحی و جایگذاری کنیم ؟

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

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

بررسی مختصر وب سایت چند بانک ایرانی

بانک ملی ایران

  • سبک درگیرکننده شده در طراحی سبک فلت هست البته نه ب صورت کامل فلت و در بخش هایی ، طراح نتونسته یا نخوقرارداده شده استه اصول فلت رو رعایت کنه و یا میخوقرارداده شده استه طرح رو ایرانیزه کنه .
  • اسلایدر بسیار بزرگ ولی متاسفانه سبک طراحی تصاویر اسلایدر ارتباطی با سبک اصلی طراحی سایت که فلت هست نداره و کاملا فانتزی طراحی شده که این خودش مشکل بزرگی هست که سایت رو وارد شده یک دست بودن در میاره البته تصاویر جذابی طراحی شده .
  • درگیرکننده نامناسب وارد شده آیکن های گرافیکی که ب دلیل رنگارنگ بودن بیش وارد شده حد این آیکن ها جلوه جالبی رو بوجود نیاورده .
  • ارتفاع بیش وارد شده حد سایت که مخاطب رو وادار ب اسکرول کردن میکنه .
  • درگیرکننده وارد شده پترن که خلاف سبک فلت هست .
  • عدم رعایت رنگ سوارد شدهمانی بانک ملی ( زرد ) و درگیرکننده وارد شده رنگ های مختلف مثل نارنجی و آبی که ارتباطی با رنگ سوارد شدهمانی بانک ملی نداره.
  • واضح نبودن گزینه هایی مثل مدیرتی حساب اینترنتی و …
  • و …

بانک صادرات ایران

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

بانک تجارت

  • درگیرکننده وارد شده سبک کلین و رعایت حدودی اصول طراحی این سبک
  • ارتفاع کلی سایت بسیار مناسب وبدون نیوارد شده ب اسکرول کردن زیاد صفحه
  • رنگ های درگیرکننده شده کاملا هماهنگ با رنگ سوارد شدهمان برند بانک تجارت و لوگوی بانک همچنین درگیرکننده وارد شده رنگ زرد نارنجی ب عنوان رنگ مکمل
  • ابعاد و نوع طراحی تصاویر اسلایدر بسیار مناسب
  • منوی دسترسی سریع در کنار اسلایدر و همینطور محاسب سود سپرده که شاید بیشتر درگیرکننده را بین مشتریان بانک داشته باشه
  • درگیرکننده وارد شده ۶ گزینه بسیار کاربردی در زیر اسلایدر کاملا واضح
  • تخصیص یک بخش مناسب و جذاب وارد شده لحاظ نوع طراحی برای دسترسی ب بانک داری الکترونیک
  • چیدمان خدمات بانک ب صورت تب مانند که دسترسی خوبی رو ایجاد کرده
  • مکانی برای نمایش دادن نرخ ارز های پولی مهم

بانک پاسارگاد

  • سبک درگیرکننده شده سبک کلین و ادغام با سبک فانتزی در طراحی گرافیگ هدر سایت
  • ارتفاع کلی سایت مناسب
  • رنگ های درگیرکننده شده بسیار هماهنگ با رنگ سوارد شدهمانی بانک پاسارگاد یعنی زرد و خاکستری و سفید
  • درگیرکننده وارد شده آیکن های گرافیکی مرتبط با سبک طراحی
  • عدم درگیرکننده وارد شده فونت مناسب و ریز بودن اندوارد شدهه نوشته ها
  • تخصیص بخش مناسب برای ورود ب بانکداری اینترنتی
  • ابعاد اسلایدر مناسب و دارای تصاویر گرافیکی خوب
  • قرار گمیره ۶ بخش اصلی و پرکابرد در میانه سایت

بانک سامان

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

بسیار خب ، طرح وب سایت ۵ بانک مطرح کشور رو ب صورت مختصر و مفید بررسی کردیم . این بررسی صرفا دیدگاه بنده در مورد این وب سایت ها بود که خب شاید شما نظرات متفاوتی داشته باشید . وارد شدهتون درخوقرارداده شده است میکنم اگر دیدگاه دیگری دارید حتما وارد شده بخش دیدگاه ها با ما در میان بگذارید . در زیر میتونید تصاویر مربوط ب این ۵ بانک ایرانی رو ببینید ک

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

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


مشاهده مطلب قبلی

مشاهده مطلب بعدی >>


اگر این آموزش برای شما مفید بود با دوستان خود ب اشتراک بگذارید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *