وقتی کاربر مجبور است بیش از حد فکر کند، مشکل از کجاست؟
تا به حال وارد سایتی شدهاید که ظاهر بسیار خوبی داشته باشد، اما برای انجام یک کار ساده مثل پیدا کردن محصول، ثبت سفارش یا پیدا کردن اطلاعات، مدام مجبور شوید فکر کنید؟
«از کجا باید شروع کنم؟»
«این دکمه دقیقاً چه کاری انجام میدهد؟»
«کدام گزینه را انتخاب کنم؟»
«اطلاعات موردنیازم کجاست؟»
در بسیاری از این موارد، مشکل از کاربر نیست؛ طراحی بار ذهنی زیادی روی او گذاشته است.
اینجاست که مفهوم Cognitive Load یا بار شناختی اهمیت پیدا میکند.
Cognitive Load چیست؟
Cognitive Load به مقدار انرژی ذهنیای گفته میشود که کاربر برای درک اطلاعات و انجام یک کار نیاز دارد.
ذهن انسان ظرفیت محدودی برای پردازش همزمان اطلاعات دارد. بنابراین هرچه یک رابط کاربری اطلاعات، گزینهها و تصمیمهای غیرضروری بیشتری جلوی کاربر بگذارد، استفاده از آن دشوارتر میشود.
برای مثال تصور کنید وارد یک فروشگاه اینترنتی شدهاید و در صفحه اصلی با این موارد روبهرو میشوید:
چندین بنر تبلیغاتی
منوی بسیار بزرگ
تعداد زیادی دکمه
چند CTA با اهمیت یکسان
متنهای طولانی
رنگهای مختلف
پاپآپهای متعدد
همه این عناصر شاید بهتنهایی مشکلی نداشته باشند، اما مجموع آنها میتواند ذهن کاربر را خسته کند.
مشکل فقط «شلوغ بودن» نیست
یکی از اشتباهات رایج در طراحی UX این است که Cognitive Load را فقط با شلوغی بصری یکی بدانیم.
یک سایت میتواند کاملاً مینیمال باشد اما همچنان بار شناختی بالایی ایجاد کند.
مثلاً:
«برای ادامه، گزینه مناسب را از بین این ۵ مورد انتخاب کنید.»
اگر تفاوت بین آن ۵ گزینه برای کاربر واضح نباشد، حتی یک صفحه بسیار ساده هم میتواند تجربه سختی ایجاد کند.
بنابراین سؤال اصلی این نیست که:
«آیا صفحه شلوغ است؟»
بلکه باید بپرسیم:
«آیا کاربر برای فهمیدن اینکه چه کاری باید انجام دهد، مجبور است بیش از حد فکر کند؟»
۱. انتخابهای زیاد، تصمیمگیری را سخت میکنند
فرض کنید میخواهید برای یک سایت فقط یک دکمه اصلی داشته باشید.
اما در صفحه قرار دادهاید:
خرید محصول | مشاهده محصولات | درباره ما | تماس با ما | دریافت مشاوره | مشاهده تخفیفها | ثبتنام
همه این گزینهها ممکن است منطقی باشند، اما وقتی همهچیز همزمان مهم نمایش داده شود، تشخیص اولویت برای کاربر سختتر میشود.
در UX، Hierarchy یا سلسلهمراتب بصری کمک میکند کاربر بفهمد:
اول چه کاری را انجام دهم؟ بعد چه کاری؟
طراحی خوب لزوماً اطلاعات بیشتری ارائه نمیدهد؛
گاهی فقط اطلاعات را بهتر اولویتبندی میکند.
۲. اطلاعات را به بخشهای قابلهضم تقسیم کنید
فرض کنید قرار است یک فرم ۱۵ فیلدی طراحی کنید.
نمایش تمام فیلدها در یک صفحه میتواند برای کاربر سنگین باشد.
میتوان آن را به چند مرحله منطقی تقسیم کرد:
اطلاعات شخصی → اطلاعات تماس → اطلاعات سفارش → تأیید نهایی
این تکنیک به Chunking معروف است؛ یعنی تقسیم اطلاعات پیچیده به بخشهای کوچکتر و قابلدرکتر.
در نتیجه کاربر به جای اینکه با یک وظیفه بزرگ مواجه شود، با چند مرحله ساده روبهرو میشود.
۳. طراحی باید به جای کاربر فکر کند
یک UX خوب نباید کاربر را مجبور کند همه چیز را از صفر تحلیل کند.
مثلاً اگر کاربر در یک فروشگاه اینترنتی محصولی را انتخاب کرده، بهتر است سیستم اطلاعات مرتبط را واضح نمایش دهد:
رنگ: مشکی
سایز: M
موجودی: موجود
قیمت: ۲,۴۵۰,۰۰۰ تومان
نه اینکه کاربر مجبور شود بین چند صفحه جستوجو کند تا متوجه شود محصول موردنظرش قابل خرید هست یا نه.
هرجا طراحی بتواند ابهام و تصمیم غیرضروری را حذف کند، بخشی از Cognitive Load کاهش پیدا میکند.
۴. Microcopyهای کوچک، تأثیر بزرگی دارند
گاهی یک جمله کوتاه میتواند از سردرگمی کاربر جلوگیری کند.
مثلاً به جای:
رمز عبور
میتوان نوشت:
رمز عبور — حداقل ۸ کاراکتر
یا در کنار یک فیلد:
شماره موبایل خود را بدون صفر وارد کنید.
این توضیحات کوچک به کاربر کمک میکنند بدون آزمون و خطا مسیر را طی کند.
در UX، Microcopy خوب یعنی راهنمایی درست، درست در همان لحظهای که کاربر به آن نیاز دارد.
۵. Consistency؛ وقتی همهچیز قابل پیشبینی باشد
فرض کنید در یک سایت، دکمههای اصلی یک شکل هستند.
کاربر بعد از چند تعامل یاد میگیرد:
این شکل = اقدام اصلی
اما اگر در هر صفحه دکمهها، آیکونها، رنگها و رفتار متفاوتی داشته باشند، کاربر مجبور میشود هر بار دوباره رابط کاربری را تفسیر کند.
Consistency باعث میشود کاربر به جای یادگیری دوباره رابط، از الگوهایی که قبلاً یاد گرفته استفاده کند.
۶. موبایل؛ جایی که Cognitive Load بیشتر خودش را نشان میدهد
در موبایل فضای نمایش محدودتر است.
به همین دلیل طراح باید با دقت بیشتری تصمیم بگیرد:
چه چیزی در ابتدا دیده شود؟
چه چیزی حذف یا مخفی شود؟
CTA اصلی کجا قرار بگیرد؟
متن چقدر کوتاه باشد؟
منو چطور باز شود؟
کاربر با یک دست چطور بتواند تعامل کند؟
در موبایل، قرار دادن تمام اطلاعات نسخه دسکتاپ روی یک صفحه کوچک، معمولاً راهحل Responsive Design نیست.
Responsive واقعی یعنی تجربه را با شرایط کاربر تطبیق دهیم، نه فقط اندازه عناصر را کوچک کنیم.
اشتباه رایج طراحها چیست؟
یکی از رایجترین اشتباهات این است که فکر کنیم:
«هرچه اطلاعات بیشتری در اختیار کاربر بگذاریم، تجربه کاملتری ساختهایم.»
در حالی که طراحی خوب همیشه درباره اضافه کردن نیست.
گاهی باید:
حذف کنیم.
یک منوی اضافه،
یک CTA اضافی،
یک پاراگراف طولانی،
یک فیلد غیرضروری،
یا حتی یک تصویر تزئینی.
چون هدف UX این نیست که کاربر همهچیز را ببیند؛
هدف این است که بتواند چیزی را که نیاز دارد، راحت پیدا کند و انجام دهد.
یک تست ساده برای طراحها
یک صفحه از سایت خودتان را باز کنید و فقط ۵ ثانیه به آن نگاه کنید.
بعد از خودتان بپرسید:
هدف اصلی این صفحه چیست؟
مهمترین اقدام کاربر چیست؟
اولین چیزی که چشم را جذب میکند چیست؟
آیا میدانم از کجا باید شروع کنم؟
آیا چیزی وجود دارد که فقط حواس کاربر را پرت کند؟
اگر بعد از ۵ ثانیه نتوانید جواب واضحی برای این سؤالها بدهید، احتمالاً صفحه به بازنگری در Visual Hierarchy و Cognitive Loadنیاز دارد.
قانون ساده Cognitive Load
اگر کاربر برای فهمیدن رابط کاربری مجبور به فکر کردن درباره خود رابط کاربری شود، طراحی هنوز به اندازه کافی ساده نشده است.
طراحی خوب قرار نیست خودش را به رخ بکشد.
قرار است کاربر بتواند وارد سایت شود، هدفش را پیدا کند و کارش را انجام دهد؛ بدون اینکه دائماً به این فکر کند که رابط کاربری چگونه کار میکند.
در نهایت، یکی از مهمترین مهارتهای یک طراح UX این نیست که بداند چه چیزی اضافه کند؛ بلکه این است که بداند چه چیزی را میتوان حذف کرد.