همه چیز درباره آیفون ۱۱

نگاهی متفاوت به رابط کاربری اپلیکیشن های بانکی

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

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

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

خرید بلیط هواپیما

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

در ادامه ی مطلب با دیجیاتو همراه باشید.

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

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

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

بخش اول: صفحه نخست اپلیکیشن

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

1

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

 

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

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

2

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

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

login

 

بخش چهارم: صفحه عملیات کارت

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

operate

 

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

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

account-operate

 

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

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

drawer

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

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

picture

 

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

1

2

3

5

6

 

1

2

 

 

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

1

 

 

6

5 4

3

2

13

12

11

10

9

8

 

7

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

مطالب مرتبط

روایتی از یک انقلاب صنعتی؛ طراحی اپل چگونه دنیای محصولات الکترونیکی را متحول کرد؟

آقای Hartmut Essilnger متولد سال 1944 در آلمان، یک فرد آلمانی امریکایی ست. این شخص که یک طراح صنعتی برجسته در زمان خود به حساب می آيد با بنیان نهادن موسسه طراحی Frog قدم های مهمی را در طراحی صنعتی پیمود. او که فردی خلاق بود ابتدا در شرکت Wega مشغول به کار شد و... ادامه مطلب

کنجکاوی در زندگی جاناتان آیو

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

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

ماتیاس دوآرته [Matias Duarte]، با یک مشکل بزرگ رو به روست. او می خواهد تا ده سال آینده، کامپیوتری که روی میز خود قرار داده اید و موبایلی که در جیب دارید را با انبوهی از اطلاعات هوشمند عوض کند. مشکلش اما اینجاست که برای انجام دادن چنین کاری، باید نحوه تعامل همه افراد با... ادامه مطلب

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

گوگل چند هفته پیش و در مراسم I/O از زبان طراحی جدید خود موسوم به متریال دیزاین پرده برداری کرد. در همان زمان این شرکت اعلام نمود که متریال دیزان قرار است بر تمامی سرویس های گوگل حاکم شود و فضایی یکپارچه را در میان آن ها به وجود آورد.در حالی که اندروید L اولین... ادامه مطلب

تماشا کنید: یک طرح مفهومی دیدنی برای iOS با ویجت های قابل پینچ

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

استخدام Mark Newson، طراح افسانه ای توسط اپل

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

ویجیاتو

نظرات ۴۵

وارد شوید

برای گفتگو با کاربران، وارد حساب کاربری خود شوید.

ورود
x