baseline قبل از بازطراحی سایت: نرخ تبدیل، سرعت و تجربهٔ کاربر

«بازطراحی باعث بهتر شدن سایت شد» وقتی ادعای معتبری است که بدانید قبلش وضع چه بود. این مقاله چهار ستون baseline را می‌گوید: رخدادهای تحلیلی، عملکرد فنی، تکلیف‌های کاربر و ثبت برای مقایسهٔ بعد از انتشار. آستانه‌های وب‌دی‌وایتالز از مستند web.dev است که آخرین به‌روزرسانی‌اش اکتبر ۲۰۲۴ بوده؛ مقدارها را پیش از استفاده دوباره بررسی کنید. هیچ عدد «میانگین بهبود پس از بازطراحی» ادعا نمی‌کنیم.

۱. رخدادهای تحلیلی

هر هدف تجاری را به یک رخداد وصل کنید. در Google Analytics رویداد پیشنهادی generate_lead برای زمانی است که کاربر فرم را ارسال می‌کند یا درخواست اطلاعات می‌دهد. پیش از بازطراحی مطمئن شوید رویدادها کار می‌کنند و چند هفته داده دارید. (طول بازه توصیهٔ نویسنده است و به فصل و ترافیک شما بستگی دارد.) ببینید کاربران کجا خارج می‌شوند: چرا کاربران بعضی سایت‌ها را سریع ترک می‌کنند؟

۲. عملکرد فنی

web.dev سه شاخص Core Web Vitals را معرفی می‌کند: LCP برای بارگذاری، INP برای تعامل و CLS برای پایداری بصری. آستانهٔ «خوب» به‌ترتیب ۲٫۵ ثانیه، ۲۰۰ میلی‌ثانیه و ۰٫۱ در صدک ۷۵ بارگذاری صفحه است، جدا برای موبایل و دسکتاپ. web.dev همچنین توضیح می‌دهد داده‌های آزمایشگاهی (محیط کنترل‌شده) و میدانی (کاربران واقعی) می‌توانند فرق کنند؛ پس هر دو را ثبت کنید و بنویسید کدام ابزار و کدام تاریخ.

۳. تکلیف‌های کاربر

NN/G می‌گوید در تست کاربردپذیری می‌توان درصد تکلیف‌هایی را که کاربران درست انجام می‌دهند اندازه گرفت. چند تکلیف اصلی انتخاب کنید (مثلاً «تماس بگیرید» یا «قیمت را پیدا کنید»)، با چند کاربر امتحان کنید و نتیجه را ثبت کنید. با نمونهٔ کوچک، این اعداد توصیفی‌اند نه آماری.

۴. ثبت برای مقایسهٔ بعدی

1. جدولی با ستون‌های «شاخص، مقدار فعلی، ابزار، تاریخ، بازه» بسازید.
2. تنظیمات رخدادها را مستند کنید تا بعداً همان‌طور اندازه‌گیری شود.
3. بعد از انتشار با همان روش و بازهٔ مشابه دوباره اندازه بگیرید.
4. تغییرات دیگر (کمپین، فصل) را یادداشت کنید؛ بدون آن مقایسه گمراه‌کننده است. (توصیهٔ نویسنده.)

گام بعد

برای برآورد هزینهٔ پروژه می‌توانید برآوردگر پروژه را ببینید و برای دید کلی تجربهٔ کاربری، UX چیست؟ را مرور کنید.

منابع و مراجع

• Web Vitals — web.dev (Philip Walton)، 2024-10-31 (آخرین به‌روزرسانی).
• Why lab and field data can be different (and what to do about it) — web.dev.
• [GA4] Recommended events — Google Analytics Help.
• Turn User Goals into Task Scenarios for Usability Testing — Nielsen Norman Group، 2014-01-12.