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

۵ دقیقه

تاپ

انتقال وجه کارت به کارت

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

به صندوقدار لبخند زدم،‌ سعی کردم فضا رو تغییر بدم ولی صورتم به رنگ قرمز دراومده بود

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

اوه، به نظر میرسه کیف پولم رو نیاوردم.... نگران نباشید. میتونم براتون کارت به کارت کنم

وای...موبایل بانکم وارد نمیشه!!!

می‌تونم از تاپ استفاده کنم

خوبه توی صفحه اولش کارت به کارت رو گذاشته

Discoverability

🧠

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

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

در این صفحه کاربر به راحتی می‌تواند گزینه کارت به کارت را پیدا کند.

Discoverability*

۵+

Cognitive Load

🧠

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

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

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

۵-

پس جستجو چیکار می‌کنه؟

عه چرا شد کارت جدید؟!

۵-

Mental Model

🧠

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

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

در این‌جا نحوه عملکرد جستجو مطابق مدل ذهنی بیش‌تر کاربران نمی‌باشد.

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

ای بابا...حالا باید اینم انجام بدم...چرا سختش می‌کنین!

مبلغ به تومان میره زیر صفحه‌کلید

حداقل و حداکثر مبلغ هم مشخص نیست

کارمزد انتقال چقدره؟

همه چی اوکیه... خوبه نام مقصد رو مشخص تر کرده

۵+

Visual Hierarchy

🧠

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

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

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

Visual Hierarchy*

هیچ عنوانی ندارن !

کاش می‌تونست CVV2 رو هم ذخیره کنه

۱۰-

Tesler's Law

🧠

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

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

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

Tesler's Law*

Occam Razor

🧠

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

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

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

Occam Razor*

پرداخت شد... عالی

۵+

Peek-End Rule

🧠

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

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

در اینجا پایان موفقیت آمیز تراکنش تاثیر مثبتی برای کاربر ایجاد می‌کند.

Peek-End Rule*

چقدر شلوغه!

اطلاعات بیش‌تر چیه؟

۵-

Curse of Knowledge

🧠

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

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

Curse of Knowledge*

طراحی مینیمال

🎨

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

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

همچنین وجود دو دکمه متفاوت Primary میتواند باعث سردرگمی کاربر شود.

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

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

خوبه رسید رو هم میشه ارسال کرد هم ذخیره

لوتوس چیه؟

چرا می‌تونم رسید رو پاک کنم؟؟؟

Familiarity Bias

🧠

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

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

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

عه...ای‌بابا... ولش کن اصلا

۵-

Error Prevention

💡

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

پیام‌های خطای خوب اهمیت دارند، اما بهتر از آن، طراحی‌های هستند که با دقت از وقوع مشکلات جلوگیری می‌کنند. به دو روش می‌توان این کار را انجام داد: یا شرایطی که به خطا منجر می‌شوند را از بین بیرید، یا بررسی کنید و قبل از انجام عمل، گزینه‌ای برای تأیید به کاربران ارائه دهید.

NNgroup*

چرا همین‌طوری موند؟!

۵-

Help Users Recognize, Diagnose, and Recover from Errors

💡

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

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

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

NNgroup*