بررسی تجربه‌کاربری افتتاح حساب در ویپاد

از فلش‌های صفحه کلید خود برای مشاهده داستان استفاده کنید!

۱۰ دقیقه

External Trigger

🧠

محرک های خارجی کاربران را به سمت اقدامات یا رفتارهای خاص تشویق می کنند.

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

#توصیه‌های روانشناسی

وارد سایتش بشم...

تسهیلات بدون ضامن و وثیقه!

چه خوب! برم نصب کنم ببینم چیه؟

چرا نسخه iOS اش فقط توی سیب اپ هست؟

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

۵-

درست متوجه نشدم.... برم بعدی

 

 

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

یعنی چی؟

بذار بخونم...

«افتتاح حساب آنلاین» به خاطر مشغله‌ای که دارم خیلی مزیت بزرگیه!

ببینم تسهیلات «بدون ضامن و سفته» چطوریه...

احتمالا خیلی به دردم بخوره

جهت مشاهده بازطراحی          فشار دهید

Design Tip

🎨

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

#ترفند‌های طراحی

شماره تلفنم رو باید وارد کنم

۵-

کد رو خودش پر کرد و برد منو صفحه بعد

ااا... چرا نذاشت متن رو بخونم!

ثبت کد دعوت؟

نوشته تاثیری نداره

برای افتتاح حساب…

منم که کدی ندارم… اگه کد داشتم هم تاثیری نداشت

Reactance

🧠

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

#توصیه‌های روانشناسی

Design Tip

🎨

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

#ترفند‌های طراحی

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

 

آها... این همون صفحه است که نذاشت بخونم.

چقدر متنش طولانیه...

Cognitive Load

🧠

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

#توصیه‌های روانشناسی

۵-

بهتر نبود اعلام می‌شد برای احراز هویت به چه مدارکی نیاز دارم؟

چه خوب که فرآیندش فقط سه مرحله داره

۵+

کد ملی و تاریخ تولدم رو وارد می‌کنم

Feed Forward

🧠

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

#توصیه‌های روانشناسی

کد ملی و تاریخ تولدم خیلی سریع تایید شد و اتوماتیک رفت صفحه بعدی. پیامک تایید‌ش هم اومد. ایول!

 

عه خب باید برم کارت ملی‌ام رو بیارم.

Goal Gradient Effect

🧠

میل رسیدن به هدف با نزدیک شدن به هدف افزایش می‌یابد. به عنوان مثال، نمایش مراحل بررسی و تایید اطلاعات، باعث افزایش انگیزه کاربر، برای تکمیل مراحل افتتاح حساب می‌شود.

#توصیه‌های روانشناسی

۵+

کاش می‌شد کارتم رو اسکن کنم که لازم نباشه سریال کارت رو دستی وارد کنم

Occam’s Razor

🧠

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

#توصیه‌های روانشناسی

رسیدم مرحله آخر...

چه انیمیشن بامزه‌ای!

خب...چطوری باید فیلم رو ضبط کنم؟

انگار باید روی ضبط فیلم چهره بزنم

جهت مشاهده بازطراحی          فشار دهید

چرا دسترسی به عکس‌های من رو می‌خواد؟!

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

۵-

من که دسترسی به دوربین دادم ...چرا هنوز تصویر رو نشون نمیده؟

Mental Model

🧠

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

#توصیه‌های روانشناسی

۵-

چقدر خوب که لازم نبود جمله‌‌ای رو تکرار کنم.

🧠

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

#توصیه‌های روانشناسی

۱۰+

خب یکم منتظر میشم فیلمم آپلود شه…

 چه زود آپلود شد

اطلاعات دو مرحله آخرم در حال تایید شدنه… باید صبر کنم پس

Labor Illusion

🧠

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

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

#توصیه‌های روانشناسی

عه تموم شد که، چه سریع! ایول

۱۰+

وارد برنامه شدم!

مجموع بدهی و طلب چیه؟

من که تازه افتتاح حساب کردم.

۵-

UX Tip

💡

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

#ترفند‌های تجربه کاربری

بذار موجودی حسابمو چک کنم

حسابمم که خالیه! 

الان کارتمو از کجا باید سفارش بدم؟

شاید باید برم داخل حساب دیجیتال پاسارگاد

Discoverability

🧠

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

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

#توصیه‌های روانشناسی

Walkthrough*

 خب شماره حسابمو نوشته ولی چرا شبا ندارم؟

آها ایناهاش… درخواست صدور کارت!

خب زدم درخواست دیگه چرا دوباره ازم میخواد ثبت درخواست رو تایید کنم!

عجبیه!

ای بابا!

نتیجه استعلام بانکیم هنوز تکمیل نشده. حالا کی قراره تایید بشه؟

کاش میشد وضعیت حسابمو یه جایی ببینم

 

۱۰-

۱ ساعت بعد...

بذار یه بار دیگه امتحان کنم شاید شد.‌.. نه نمیشه، بیخیالش

پیامک اومد!

حساب دیجیتالم به سپرده تبدیل شد. یعنی چی؟ ولی فکر کنم الان بتونم کارتمو فعال کنم. بذار دوباره امتحان کنم…

 

۸ دقیقه بعد...

۵-

ای بابا نشده که!

ظاهرا تنها اتفاقی که افتاد این بود که شماره شبای کارت ظاهر شد.

چیکار کنم؟

 

شاید باید زنگ بزنم پشتیبانی پیگیری کنم؟

۱ ساعت بعد...

بذار برای بار آخر امتحان کنم

 

بالاخره اوکی شد!

۵+

کارتم صادر شد!

ولی چرا هیچ فرقی با کارت بانک پاسارگاد نداره؟

Skeuomorphism

🧠

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

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

#توصیه‌های روانشناسی

هنوز ادامه داره!

باید کارتمو فعال کنم!

هر چقدر مراحل افتتاح حساب آسون و سریع بود، درخواست کارت طولانی و خسته کننده

 کد فعالسازی خودش پر شد…

Parkinson’s Law

🧠

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

#توصیه‌های روانشناسی

Design Tip

🎨

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

#ترفند‌های طراحی

جهت مشاهده بازطراحی          فشار دهید

ظاهرا کارتم فعال شد

نوشته «درخواست ارسال کارت فیزیکی»!

 مگه درخواست کارت اوکی نشد؟

 پس مرحله قبل برای چی بود؟

  بذار درخواست بدم

۵-

خب کد پستی می‌خواد

چه خفن!

از روی کد پستی، آدرس رو استعلام گرفت. کاملا هم درسته و ویرایش نمی‌خواد!

جهت مشاهده بازطراحی          فشار دهید

۵+

 آدرس رو دادم دیگه!

چرا باید بخوام آدرس دیگه‌ای ثبت کنم؟!

خب کارتم تا یک هفته دیگه می‌رسه دستم. کاش کد رهگیری هم برام پیامک بشه تا بتونم وضعیتشو راحت‌تر پیگیری کنم…

گویا باید خودم تحویل بگیرم چون نوشته موقع تحویل، کارت ملی با خودم داشته باشم…من کارمندم و اگه اون زمانی که پیک میاد نباشم، چی؟

۵-

 چه خوبه رایگانه!

ولی چرا باید گزینه پرداخت داشته باشه؟

خب تمام

کارتمم درخواست دادم

چه خوب!

همینجا می‌تونم وضعیت کارتمو پیگیری کنم

۵+

کارتمو دریافت کردم...

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

۵ روز بعد...

قبلا کارت رو فعال کردم. چرا باید دوباره انجام بدم؟

 کد فعال‌سازی برام فرستاده شد و اتوماتیک داخل فیلد پر شد

Design Tip

🎨

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

صفحه وارد کردن کد فعال‌سازی برنامه در سه نوع طرح مختلف نمایش داده شده و این مساله باعث برهم خوردن انسجام سیستم طراحی* برنامه می‌شود.

#ترفند‌های طراحی

 ایول!

کارتم فعال شد تونستم افتتاح حساب رو بدون مراجعه به شعبه انجام بدم

۱۰+

Peak-End Rule

🧠

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

#توصیه‌های روانشناسی

سفر مشتری

حس رضایت

علاوه بر نداشتن نسخه رایگان ios، 

متن توضیحات آنبوردینگ، طولانی بود

سفر مشتری

حس رضایت

مراحل افتتاح حساب مشخص بود و تایید اطلاعات با سرعت خوبی انجام ‌شد

سفر مشتری

حس رضایت

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

سفر مشتری

حس رضایت

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

سفر مشتری

حس رضایت

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

 کارتمو دو بار درخواست دادم و فعال‌سازی کردم، نفهمیدم اولی برای چی بود؟!

سفر مشتری

حس رضایت

کارتم صادر شد و از مراحل صدور کارت فیزیکی راضی بودم

سفر مشتری

حس رضایت

ساعت و تاریخ دریافت کارت مشخص نبود و این مساله منو نگران کرد

سفر مشتری

حس رضایت

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

سفر مشتری

حس رضایت

-B

امتیاز داکس: