سلام به همه همراهان عزیز مقالات آموزشی

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

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

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

از کدام سبک دیزاین سود ببریم ؟

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

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

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

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

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

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

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

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

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

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

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

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

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

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

بانک تجارت

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

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

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

بانک سامان

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

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

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

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

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