بهبود UX وب‌سایت قبل و بعد چه تفاوتی می‌سازد؟

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

چرا UX به یک شاخص بقای کسب‌وکار آنلاین تبدیل شده است؟

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

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

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

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

معرفی پروژه و وضعیت اولیه

پروژه روی یک پلتفرم آموزش آنلاین ایرانی با تمرکز بر دوره‌های مهارت‌های دیجیتال اجرا شد. سایت روی وردپرس با یک افزونه LMS ساخته شده بود، حدود ۱۲۰۰ دوره فعال داشت و ترافیک ماهانه حدود ۷۵ هزار بازدید بود. ترکیب ترافیک موبایل به دسکتاپ شصت‌و‌هفت به سی‌و‌سه بود. درآمد ماهانه سایت حدود دویست میلیون تومان بود که در بازه شش‌ماهه حدود بیست و پنج درصد کاهش یافته بود.

وضعیت اولیه سایت

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

اهداف اولیه پروژه

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

خط پایه در نه شاخص کلیدی

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

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

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

فاز تشخیص: کجا واقعاً گلوگاه بود؟

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

سه لایه تشخیص که اجرا شد

لایه اول، تحلیل داده‌های رفتاری. از طریق ترکیب Google Analytics، Heatmap و Session Recording، مسیر کاربران در سایت ردیابی شد. یافته اصلی این بود که چهار نقطه ریزش اصلی وجود دارد: صفحه اصلی بعد از سه ثانیه، صفحه لیست دوره‌ها بعد از فیلتر کردن، صفحه جزئیات دوره بعد از سه ثانیه، و مرحله پرداخت در لحظه وارد کردن اطلاعات کارت.

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

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

خلاصه فاز تشخیص

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

روش‌های مختلف این نوع تحقیق و تحلیل در روش تحقیق کاربر در UX با جزئیات بیشتر آمده است.

هفت تصمیم اصلی که اعمال شد

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

1. بازطراحی معماری اطلاعات و ساختار سایت
2. بهبود مسیر کشف دوره
3. بازطراحی صفحه جزئیات دوره
4. ساده‌سازی چک‌اوت و مسیر خرید
5. بازطراحی تجربه موبایل
6. تقویت لایه اعتماد و اعتبارسنجی
7. پیاده‌سازی حلقه بازخورد مستمر

هر تصمیم در بازه دو تا چهار هفته اجرا شد و با A/B Testing روی ترافیک محدود، اثرش سنجیده شد.

تصمیم اول: بازطراحی معماری اطلاعات

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

سه اقدام کلیدی در معماری اطلاعات

اقدام اول، بازچینش دسته‌بندی دوره‌ها. در نسخه قبلی، دسته‌بندی‌ها بر اساس ساختار داخلی تیم آموزشی بود که برای کاربر معنایی نداشت. در نسخه جدید، دسته‌بندی‌ها بر اساس مدل ذهنی کاربران و از طریق Card Sorting بازطراحی شد. این تغییر، نرخ کلیک روی دسته‌بندی‌های اصلی را حدود چهل درصد بهتر کرد.

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

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

اثر معماری اطلاعات بر رفتار کاربر

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

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

تصمیم دوم: بهبود مسیر کشف دوره

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

سه اقدام کلیدی در مسیر کشف

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

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

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

اثر مسیر کشف بر نرخ تبدیل

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

تصمیم سوم: بازطراحی صفحه جزئیات دوره

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

سه اقدام کلیدی در صفحه جزئیات دوره

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

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

اقدام سوم، بازطراحی CTA و موقعیت دکمه خرید. در نسخه قبلی، دکمه خرید فقط در پایین صفحه قرار داشت که در موبایل به‌سختی دسترسی‌پذیر بود. در نسخه جدید، دکمه خرید به‌صورت چسبان در پایین صفحه موبایل قرار گرفت و کاربر در هر نقطه از صفحه به آن دسترسی داشت. علاوه بر این، پیشنهاد «پیش‌نمایش رایگان» قبل از خرید اضافه شد. این تغییر، نرخ تعامل با CTA را در موبایل از ۳.۴ به ۶.۲ درصد رساند. چارچوب کامل این نوع بازطراحی در طراحی UI برای فروشگاه‌های اینترنتی آمده است.

اثر بازطراحی صفحه دوره

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

تصمیم چهارم: ساده‌سازی چک‌اوت

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

سه اقدام کلیدی در ساده‌سازی چک‌اوت

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

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

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

اثر ساده‌سازی چک‌اوت

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

تصمیم پنجم: بازطراحی تجربه موبایل

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

سه اقدام کلیدی در تجربه موبایل

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

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

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

اثر بازطراحی موبایل

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

در سایت‌هایی که ترکیب ترافیک موبایل بالاست، بهبود UX موبایل، اثری دوچندان روی نرخ تبدیل می‌گذارد چون مستقیماً بر اکثریت کاربران اثر می‌گذارد.

تصمیم ششم: تقویت لایه اعتماد

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

سه اقدام کلیدی در لایه اعتماد

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

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

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

اثر تقویت اعتماد

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

تصمیم هفتم: پیاده‌سازی حلقه بازخورد

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

سه اقدام کلیدی در حلقه بازخورد

اقدام اول، پیاده‌سازی نظرسنجی درون‌محصولی. یک نظرسنجی ساده (Simple NPS) در چند نقطه از سفر خرید اضافه شد که از کاربر می‌پرسید: «چقدر احتمال دارد این سایت را به دوستتان توصیه کنید؟» و «بزرگ‌ترین مشکل در تجربه خرید امروز چه بود؟». این نظرسنجی در بازه شش ماه اول، بیش از هزار پاسخ کاربر واقعی جمع کرد که نقشه راه بهبودهای بعدی را ساخت.

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

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

اثر حلقه بازخورد

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

نتایج بعد از شش ماه

پس از شش ماه اجرای مداوم هفت تصمیم، شاخص‌ها را مجدداً سنجیدیم. نتایج در جدول زیر آمده است.

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

یافته اول: رشد دو برابری نرخ تبدیل

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

یافته دوم: دو برابر شدن زمان ماندگاری

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

یافته سوم: کاهش چشمگیر خطاها

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

یافته چهارم: اثر هم‌افزایانه بین تصمیمات

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

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

تفکیک اثر هر تصمیم

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

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

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

تصمیماتی که اثر مطلوب نداشتند

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

تصمیم اول: افزودن ویدیو اتوپلی در صفحه اصلی

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

تصمیم دوم: افزودن چت‌بات هوش مصنوعی

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

تصمیم سوم: پیاده‌سازی حالت گیمیفیکیشن کامل

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

درباره اشتباهات رایج در این نوع پروژه‌ها، اشتباهات رایج تجربه کاربری و اشتباهات رایج طراحی UI منابع عملی هستند.

تفکیک اثر در بخش‌های مختلف سایت

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

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

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

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

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

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

تفاوت UX و UI در عمل چیست؟

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

چه مدت طول می‌کشد تا اثر بهبود UX روی نرخ تبدیل دیده شود؟

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

آیا بهبود UX روی سئو هم اثر دارد؟

بله، اما غیرمستقیم. گوگل سیگنال‌های رفتاری مثل نرخ پرش، زمان ماندگاری و Core Web Vitals را در رتبه‌بندی لحاظ می‌کند. در این پروژه، بهبود UX با افزایش ترافیک ارگانیک در بازه سه‌ماهه همراه بود. اثر غیرمستقیم UX روی سئو، آهسته اما پایدار است و در بازه شش‌ماهه قابل توجه می‌شود.

آیا باید همه تصمیمات UX همزمان اجرا شوند؟

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

آیا بهبود UX برای همه سایت‌ها توصیه می‌شود؟

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

چه تفاوتی بین بهبود UX و بازطراحی کامل سایت وجود دارد؟

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

آیا بهبود UX می‌تواند روی ارزش میانگین سفارش اثر بگذارد؟

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

چطور بفهمم سایت من نیاز به بهبود UX دارد یا نه؟

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

آیا استفاده از ابزار Heatmap برای بهبود UX توصیه می‌شود؟

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

آیا بهبود UX روی نرخ بازگشت کاربران اثر دارد؟

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

آیا بهبود UX روی رضایت مشتری اثر دارد؟

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

آیا بهبود UX به‌تنهایی کافی است یا باید روی سایر لایه‌ها هم کار کرد؟

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

آیا باید برای بهبود UX از مشاور تخصصی استفاده کرد؟

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

پنج درس کلیدی این پروژه

از این پروژه، پنج درس کلیدی گرفتم که در همه پروژه‌های بهبود UX بعدی به کار برده‌ام.

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

این پنج درس، خروجی مستقیم تجربه این پروژه است. اگر تیم شما در آستانه پروژه بهبود UX است، این پنج مورد را روی دیوار یادداشت کنید.

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

از تجربه کاربری چه آموختم؟

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

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

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

برای مطالعه چرخه کامل تبدیل، بهینه‌سازی نرخ تبدیل CRO و ترندهای CRO را بخوانید. برای درک چالش‌های موبایل، تأثیر تجربه کاربری موبایل بر سئو و تست تجربه کاربری موبایل راهنمای عملی خوبی هستند.

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

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