چگونه تجربه کاربری Mobile را درست تست کنیم؟

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

چرا شبیه‌ساز مرورگر کافی نیست؟

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

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

انتخاب دستگاه‌های تست

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

شرایط تست: شبکه، نور، حالت استفاده

تجربه موبایل به شرایط محیطی وابسته است. برای تست واقعی، این شرایط را در نظر بگیرید:

• شبکه: تست با اینترنت اپراتور (نه وای‌فای اداری). ترجیحاً در ساعت شلوغی شبکه.
• نور: صفحه را هم در نور روز و هم در محیط کم‌نور ببینید؛ کنتراست رنگ و اندازه فونت در هر دو حالت باید قابل خواندن باشد.
• حالت استفاده: یک دست، در حرکت، در محیط پرسروصدا. اگر در این شرایط، مسیر انجام کار اصلی مختل شود، طراحی رد است.

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

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

1. یافتن اطلاعات: کاربر می‌خواهد سریع بداند شما چه خدمتی ارائه می‌دهید و چگونه با شما تماس بگیرد.
2. جستجوی یک محصول یا خدمت: کاربر از جستجو یا منو، به محصول می‌رسد و آن را به سبد یا فرم اضافه می‌کند.
3. تکمیل یک فرم: ثبت‌نام، تماس یا سفارش؛ با کیبورد موبایل و در حالت عادی.
4. مقایسه دو گزینه: کاربر بین دو محصول یا دو خدمت انتخاب می‌کند و به تصمیم می‌رسد.
5. سناریوی خطا: ورود داده نامعتبر در فرم و بررسی رفتار سیستم در بازخورد دادن.

پروتکل گام‌به‌گام تست

پروتکلی که در پروژه‌ها اجرا می‌کنم، چهار مرحله دارد.

مرحله اول: تعریف معیارها قبل از شروع

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

مرحله دوم: تست یک‌نفره روی خودتان

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

مرحله سوم: تست با سه تا پنج کاربر واقعی

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

مرحله چهارم: تحلیل و اولویت‌بندی

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

معیارهای قابل اندازه‌گیری

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

ابزارهای کمکی تست موبایل

علاوه بر دستگاه واقعی، ابزارهای کمکی زیر می‌توانند فرآیند تست را منظم‌تر کنند:

• DevTools مرورگر دسکتاپ: برای تست سریع چیدمان در عرض‌های مختلف.
• ابزار تست سرعت: برای اندازه‌گیری LCP و CLS روی موبایل شبیه‌سازی‌شده.
• ابزار ضبط تعامل: برای ثبت مسیر لمس کاربر در تست‌های واقعی.
• ابزار تست صفحه‌خوان: برای بررسی خوانایی سایت با VoiceOver یا TalkBack.

ابزارها فقط سرعت کار را بالا می‌برند؛ جای تصمیم انسانی را نمی‌گیرند.

تست Core Web Vitals روی موبایل

Core Web Vitals بخشی از تجربه کاربری است، نه چیز جدا. برای تست آن، دو لایه را جدا بسنجید: اول داده میدانی (CrUX) که تجربه واقعی کاربران را نشان می‌دهد، دوم داده آزمایشگاهی (Lighthouse) که برای عیب‌یابی سریع مناسب است. تفاوت‌های این شاخص‌ها روی موبایل و دسکتاپ را در Core Web Vitals در موبایل چه تفاوتی دارد آورده‌ام و روش سنجش سرعت را در سرعت سایت موبایل چگونه بهبود می‌یابد گام‌به‌گام نوشته‌ام.

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

پژوهش کاربر یا تست کاربردپذیری؟

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

مستندسازی و بازخورد

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

اشتباهات رایج در فرآیند تست

چند اشتباه در فرآیند تست، نتیجه را بی‌اعتبار می‌کند:

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

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

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

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

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

آیا تست کاربر در مرحله طراحی کاغذی هم مفید است؟ بله، اما تمرکز آن بیشتر روی جریان کار است تا جزئیات لمس و سرعت.

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

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

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

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

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

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