به گزارش «خبرنامه دانشجویان ایران»؛
وقتی سایت برای موبایل آماده نیست: چگونه نسخه موبایلفرندلی فروش ما را نجات داد؟
همهچیز خوب بود... تا اینکه مشتریها با موبایل اومدن!
ماجرا از جایی شروع شد که یه فروشگاه آنلاین داشتیم، با ظاهر نسبتاً خوب، محصولات کامل و حتی تبلیغات فعال. ورودی سایت خوب بود، ولی فروش؟ تقریباً صفر.
اولش فکر کردیم شاید اشکال از قیمتها یا تبلیغات باشه. اما وقتی عمیقتر بررسی کردیم، دیدیم که بیش از ۷۰٪ از کاربرهامون با موبایل وارد سایت میشن…
و سایت ما؟ هیچ آمادگیای برای پذیرایی از کاربر موبایل نداشت.
چرا نسخه موبایلفرندلی برای یه فروشگاه حیاتیتر از هر چیزیه؟
طبق آمارهای رسمی، در ایران درصد قابلتوجهی از کاربران اینترنت، خریدها و بازدیدهاشون رو با موبایل انجام میدن.
این یعنی اگه سایت شما ریسپانسیو یا اصطلاحاً «موبایلفرندلی» نباشه، عملاً دارید با دست خودتون مشتری رو از در بیرون میکنید.
نسخه دسکتاپ سایت ممکنه خیلی شیک و مرتب باشه، اما اگه توی موبایل لود نشه، کاربر بتونه بهسختی بخونه یا اصلاً نتونه روی دکمهها کلیک کنه، همه اون زحمتها به باد میره.
رفتار کاربران موبایل فرق داره!
کاربران موبایل معمولاً توی موقعیتهای مختلفی وارد سایت میشن؛ توی مترو، صف بانک یا حتی در حال حرکت.
بنابراین انتظار دارن سریع، بدون پیچیدگی، به هدفشون برسن.
اگه سایت نتونه تجربهای سریع، ساده و قابل اعتماد براشون بسازه، خیلی راحت ازش خارج میشن.
طراحی نسخه موبایلفرندلی، فقط یه مزیت نیست – ضرورته. چیزی که هر تیمی که خدمات طراحی سایت ارائه میده باید تو اولویت بذاره.
مشکلاتی که از چشممون دور مونده بودن (و کاربر رو فراری میدادن)
ما خودمون اول متوجه نبودیم. ولی وقتی دقیقتر نگاه کردیم، دیدیم سایت ما برای موبایل یه فاجعهست. مثلاً:
- فونتها خیلی کوچیک و ناخوانا بودن
- منوها باز نمیشدن یا نصفه نمایش داده میشدن
- دکمهها یا دیده نمیشدن یا قابل لمس نبودن
- صفحه محصول اطلاعات پخش و نامنظمی داشت
- تصاویر خیلی دیر لود میشدن
- صفحه پرداخت پیچیده و پر از فیلدهای بیربط بود
و در نهایت، کاربر خسته میشد و میرفت. بدون خرید.
تصمیم به بازطراحی؛ تجربه همکاری با تیم زیگماکد
ما سعی کردیم خودمون یه سری اصلاحات انجام بدیم؛ قالب عوض کردیم، چند تا تغییر تو رنگ و فونت دادیم. ولی باز هم افاقه نکرد.
تا اینکه با تیم زیگماکد آشنا شدیم.
اونا از همون اول بهمون گفتن:
"ما فقط سایت خوشگل نمیسازیم. ما تجربه میسازیم؛ مخصوصاً برای کاربران موبایل."
جلسات اولیه خیلی مفید بود. تیم UX اومد و سایت رو از پایه بررسی کرد.
با استفاده از ابزارهایی مثل heatmap و بررسی رفتار کاربران، مشخص شد:
- اکثر کاربران موبایل حتی دکمه خرید رو پیدا نمیکنن
- صفحه محصول تو موبایل حس بینظمی داره
- منو و سایدبار کاملاً ناکارآمدن
چه تغییراتی انجام شد؟ از طراحی تا تجربه کاربری موبایل
بعد از تحلیل، طراحی نسخه موبایل سایت از صفر بازطراحی شد.
مهمترین اقدامات اینا بودن:
- استفاده از فونتهای بزرگ و خوانا
- دکمههای بزرگ با فاصله کافی برای لمس راحت
- فشردهسازی تصاویر بدون کاهش کیفیت برای افزایش سرعت لود
- مسیر خرید کوتاهتر و سادهتر (از ۴ مرحله به ۲ مرحله)
- منوهای کشویی واضح برای کاربران موبایل
طراحی ریسپانسیو یعنی احترام به ذهن، حوصله و نیاز کاربر موبایلی.
اشتباهاتی که خیلی از فروشگاهها تکرار میکنن
ما تنها کسبوکاری نبودیم که این مشکل رو تجربه کرد. خیلیها هنوز هم فکر میکنن طراحی سایت یعنی فقط چیدمان عکس و دکمه.
اما بدون تحلیل رفتار کاربر، بدون درک نیاز کاربر موبایل، حتی شیکترین طراحی هم کار نمیکنه.
خیلی از سایتها هنوز از قالبهای آماده استفاده میکنن بدون اینکه بدونن مخاطبشون کیه. یا فقط به ظاهر فکر میکنن، نه به کارایی.
طراحی حرفهای، یعنی فهمیدن جریان واقعی خرید، نه فقط زیبا کردن ظاهر.
نتایج بعد از نسخه جدید: وقتی مشتری با موبایل راحت خرید میکنه
بعد از انتشار نسخه جدید موبایلفرندلی، تحولات زیادی اتفاق افتاد:
- نرخ پرش (Bounce Rate) نسخه موبایل ۴۰٪ کاهش پیدا کرد
- میانگین زمان حضور کاربران موبایل ۲ برابر شد
- نرخ تبدیل موبایلی (تبدیل بازدید به خرید) ۳۲٪ افزایش یافت
- نظرات کاربران نشون میداد که تجربهشون بهوضوح بهتر شده
بازخورد یکی از مشتریا:
"سایتتون بالاخره تو موبایل درست شد! الان راحت میتونم محصول مورد نظرم رو پیدا کنم و بدون دردسر بخرم."
چطور بفهمیم سایتمون واقعاً موبایلفرندلی هست یا نه؟
خیلی وقتا مدیر سایت فکر میکنه «همهچی اوکیه» چون خودش تو گوشی چند بار صفحه اصلی رو باز کرده و مشکلی ندیده.
اما واقعیت اینه که موبایلفرندلی بودن فقط به ظاهر سایت ربط نداره.
مثلاً:
- آیا دکمهها فاصله مناسبی دارن یا نزدیک هم هستن و اشتباه لمس میشن؟
- آیا اسکرول کردن تو صفحات محصول روانه یا لگ داره؟
- آیا فرم خرید یا ثبتنام توی گوشی دردسر درست میکنه؟
- آیا کاربر از موبایل بهراحتی به اطلاعات تماس، چت آنلاین یا دستهبندیها دسترسی داره؟
برای اینکه اینو دقیق بفهمید، بهتره از یه تیم حرفهای که خدمات طراحی سایت ارائه میده بخواید سایتتون رو تحلیل کنه.
قدم بعدی شما چیه؟ یه بازطراحی اصولی با زیگماکد
اگر سایت شما هم اونطوری که باید کار نمیکنه، مخصوصاً تو نسخه موبایل، این تجربه شاید برای شما هم آشنا باشه.
ما هم همین مسیر رو رفتیم: سردرگمی، آزمون و خطا، هزینههای بینتیجه...
اما از وقتی با تیم زیگماکد همکاری کردیم، همهچی تغییر کرد. طراحی بر اساس رفتار کاربر، نسخه موبایلفرندلی واقعی، و نتیجههایی که فقط توی گزارش نموند – واقعاً دیده شد.
اگر شما هم به فکر یک تغییر اساسی هستید:
پیشنهاد میکنیم حتماً صفحه خدمات طراحی سایت حرفهای زیگماکد رو ببینید.
یه مشاوره رایگان، شاید همون نقطه شروعی باشه که دنبالشی.
بازطراحی اصولی یعنی بازسازی اعتماد، فروش و آیندهی برند...