طراحی مجدد موبایل بانک سپه

پس از استفاده از برنامک موبایل بانک سپه، اشکالات فراوانی مشاهده کردم که چند مورد از مهم ترین آن ها به شرح زیر است:

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

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


بخش اول صفحه برنامک

این بخش هنگامی که برای اولین بار برنامه را اجرا می کنید اجرا می شود و آن را به طور کامل باز طراحی کردم.

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

———————————————

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

———————————————-

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


بخش دوم صفحه ادامه فعال سازی

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


بخش چارم صفحه ورود به برنامه برای دفعات بعدی

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


بخش پنجم صفحه عملیات کارت

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


بخش ششم صفحه عملیات حساب

این بخش همانند صفحه عملیات کارت، روند تقریبا مشابهی دارد ولی در بعضی قسمت ها هدف کار متفاوت است


بخش هفتم صفحه Navigation Drawer

از آنجا که ممکن است هرشخص حساب های متعددی در بانک سپه داشته باشد، از این رو لازم این منوی کشویی را تعبیه نمودم.

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


بخش هشتم صفحه تنظیمات

این صفحه نیازمند طراحی مجدد بود.

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


مقایسه ای از ظاهر جدید و قدیم موبایل بانک سپه


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


خواهشمند است از نقطه نظرات سازنده خود مرا از طریق پست الکترونیک neemasakhtemani@gmail.com آگاه سازید.

source of some icons: www.iconfinder.com

source of old bank sepah images: www.ebanksepah.ir