عکس اصلی طراحی اپلیکیشن بام

طراحی اپلیکیشن بام

طراحی تجربه کاربری و رابط کاربری ۱۳۹۸

طراحی تجربه کاربری ساده

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

طراحی رابط کاربری یکپارچه

رابط کاربری اپلیکیشن بام به تبع تجربه کاربری ساده و کاربردپذیری به صورت مینیمال و بدون استفاده از المان‌های اضافه و غیر ضروری طراحی شده که باعث می‌شود تمرکز کاربر روی فرایند‌های اصلی باشد و از پیچیدگی‌ غیر ضروری کار جلوگیری می‌کند. رابط کاربری اپلیکیشن بام که به صورت یکپارچه طراحی شده همراه با یک سیستم طراحی (Design System) به کارفرما ارائه شده که در صورت نیاز به توسعه بعدی، با استفاده از سند راهنمای طراحی یکپارچگی طرح پایدار می‌ماند. در ادامه صفحاتی از رابط کاربری اپلیکیشن بام که با دو قالب روشن و تاریک طراحی شده را مشاهده می‌کنید.

عکس صفحات اپلیکیشن بام

فرایند طراحی رابط کاربری و تجربه کاربری

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

 

۱- تحلیل داده‌ها (ٕData Analysis):

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

 

۲- درک مشکل:

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

 

۳- حل مشکل:

در این مرحله به ارائه راه حل‌های ساده و کاربردی برای حل مشکلات کاربران و کسب و کار پرداختیم.

 

۴- هم‌دلی (Empathy):

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

 

۵- نمونه اولیه (Prototype):

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

 

۶- تست کاربردپذیری (Usability Test):

ایجاد نمونه اولیه (Prototype) کمک می‌کند تا مشکلات احتمالی به سرعت شناسایی شود و با هزینه اندک نسبت به تغییر محصول در این مرحله تغییرات به سادگی اعمال شود. طراحی تست کاربردپذیری بر اساس اولویت‌های کاربر و کسب و کار طراحی می‌شود تا از اینکه محصولی کاملا مطابق با نیازها طراحی شود اطمینان حاصل کنیم.

در ادامه طرح رابط کاربری تعدادی از صفحاتی که با طی همین فرایند طراحی شده را مشاهده می‌کنید.

عکس صفحات اپلیکیشن بام