تجربه خرید موبایلی؛ فروشگاه اینترنتی خود را برای موبایل بهینه کنید
بسیاری از مشتریان فروشگاههای کوچک اینترنتی، به‌ویژه آن‌هایی که از اینستاگرام وارد سایت میشوند، صفحه شما را روی گوشی باز میکنند: در مترو، در صف یا چند دقیقه پیش از خواب. در این لحظه‌ها حوصله کم است، اینترنت گاهی کند است و انگشت شست تنها ابزار کار است. اگر عکس دیر باز شود، دکمه افزودن به سبد پیدا نشود یا فرم آدرس روی صفحه کوچک به هم بریزد، مشتری بدون هیچ پیامی صفحه را می‌بندد.
نکته اینجاست که بسیاری از فروشندگان سایت خود را بیشتر روی رایانه می‌بینند و ویرایش میکنند؛ یعنی در شرایطی متفاوت با آنچه بسیاری از مشتریان تجربه میکنند. این راهنما با مثال یک فروشگاه عینک آفتابی توضیح میدهد فروشگاه اینترنتی موبایلی چه ویژگیهایی دارد، در هر مرحله از خرید چه چیزهایی را باید روی گوشی بررسی کنید و چگونه با یک آزمایش ساده، مشکلات پنهان را پیش از مشتری پیدا کنید.
فروشگاه اینترنتی موبایلی یعنی چه؟
«موبایلی بودن» فقط این نیست که سایت روی گوشی باز شود و متن از کادر بیرون نزند. این حداقل کار است و معمولاً با عنوان «ریسپانسیو» شناخته می‌شود؛ یعنی چیدمان صفحه با عرض نمایشگر تطبیق پیدا میکند. فروشگاه اینترنتی موبایلی یک قدم جلوتر است: خرید کامل، از دیدن محصول تا ثبت سفارش، با یک دست و روی صفحه کوچک بدون دردسر انجام می‌شود.
برای نمونه، صفحه محصولی که روی گوشی درست چیده شده اما انتخاب رنگ قاب عینک در آن با دکمه‌هایی بسیار کوچک انجام می‌شود، ریسپانسیو است، ولی برای خرید با موبایل طراحی نشده است.
سرعت؛ اولین چیزی که مشتری حس میکند
مشتری‌ای که از لینک بیو یا دایرکت وارد سایت شما می‌شود، هنوز تصمیمی نگرفته است. هر ثانیه صفحه سفید فرصتی است برای بازگشت به اینستاگرام. سرعت را با چند عامل ساده می‌توانید بهتر کنید، حتی اگر به کد سایت دسترسی ندارید.
حجم عکس‌ها
در بیشتر صفحه‌های فروشگاهی، عکس‌ها معمولاً سنگین‌ترین بخش صفحه‌اند. عکسی که با دوربین گوشی گرفته و بدون تغییر بارگذاری شده، ممکن است چند برابر اندازه‌ای باشد که صفحه واقعاً نیاز دارد. پیش از بارگذاری، ابعاد عکس را به اندازه معقول برسانید و آن را با یک ابزار فشرده‌سازی کم‌حجم کنید. بسیاری از سایت‌سازها هم خودشان نسخه‌های کوچک‌تر تولید میکنند؛ با این حال، بهتر است از ابتدا فایلی با حجم معقول بارگذاری کنید. اگر درباره نور، پس‌زمینه و ابعاد عکس سؤال دارید، راهنمای عکاسی محصول با گوشی برای فروشگاه و اینستاگرام را ببینید.
عناصر اضافه
پنجره‌های بازشونده، اسلایدرهای بالای صفحه و ویدیوهای خودکار هم سرعت را کم میکنند و هم بخشی از صفحه کوچک را می‌پوشانند. عنصری که به خرید کمک نمی‌کند، جایی در نسخه موبایل ندارد.
سنجش واقعی
ابزارهای سنجش سرعت صفحه شاخص‌هایی مثل زمان نمایش بزرگ‌ترین بخش محتوا و جابه‌جا شدن ناگهانی عناصر را گزارش میکنند. این اعداد مفیدند، اما ملاک نهایی این است که سایت با اینترنت همراه و روی یک گوشی معمولی چگونه باز می‌شود.
صفحه اصلی و فهرست محصولات روی گوشی
روی صفحه کوچک، ترتیب اطلاعات اهمیت بیشتری پیدا میکند، چون مشتری فقط بخش کوچکی از صفحه را در هر لحظه می‌بیند.
- آنچه در نگاه اول دیده می‌شود. نام و لوگوی فروشگاه، یک جمله روشن درباره اینکه چه می‌فروشید و راه رسیدن به محصولات. اگر بالای صفحه با یک تصویر بزرگ تزئینی پر شده باشد، مشتری باید پیش از دیدن حتی یک محصول اسکرول کند.
- دسته‌بندی‌های قابل لمس. دسته‌ها باید به‌صورت دکمهها یا کارت‌هایی با اندازه کافی نمایش داده شوند. فروشگاه عینک فرضی ما می‌تواند دسته‌هایی مثل «عینک زنانه»، «عینک مردانه»، «عینک کودک» و «بند و جلد عینک» داشته باشد. درباره نام‌گذاری و تعداد دسته‌ها، مقاله ساختار درست دسته‌بندی محصولات جزئیات بیشتری دارد.
- کارت محصول خوانا. در فهرست محصولات روی گوشی، معمولاً دو کارت در هر ردیف جا می‌شود. هر کارت باید عکس واضح، نام کوتاه و قیمت را نشان دهد. نام‌های طولانی مثل «عینک آفتابی زنانه فریم گربه‌ای با عدسی پلاریزه و محافظ UV» در کارت کوچک بریده میشوند؛ نام کوتاه‌تر بنویسید و جزئیات را به صفحه محصول بسپارید.
جست‌وجو
مشتری موبایلی حوصله کمتری برای مرور دسته‌ها دارد. کادر جست‌وجو باید در دسترس باشد و با واژه‌هایی که مشتری واقعاً تایپ میکند کار کند. مثلاً «عینک دودی» را به جای «عینک آفتابی» جست‌وجو کنید؛ اگر نتیجه‌ای نمی‌آید، واژه‌های رایج مشتری را در نام یا توضیح محصول بیاورید.
صفحه محصول؛ جایی که تصمیم گرفته می‌شود
در صفحه محصول، مشتری باید بدون زحمت سه پرسش را پاسخ بگیرد: این کالا دقیقاً چیست، قیمتش چقدر است و چگونه می‌توانم آن را بخرم.
عکس و بزرگنمایی
برای کالایی مثل عینک آفتابی، جزئیات اهمیت دارد: جنس فریم، رنگ عدسی، شکل دسته. چند عکس از زاویه‌های مختلف بگذارید؛ نمای روبه‌رو، نمای جانبی، عکس روی صورت و عکس کنار جعبه یا جلد. نسبت ابعاد همه عکس‌ها را یکسان نگه دارید تا هنگام ورق زدن، صفحه بالا و پایین نپرد.
انتخاب ویژگی‌ها
اگر محصول چند گونه دارد، مثلاً رنگ فریم و رنگ عدسی، دکمههای انتخاب باید بزرگ و جدا از هم باشند. راهنماهای طراحی رابط کاربری موبایل معمولاً حداقل اندازه‌ای در حدود ۴۴ تا ۴۸ پیکسل را برای هدف‌های لمسی توصیه میکنند. پس از انتخاب، قیمت و موجودی همان گونه باید فوراً نمایش داده شود. برای مشتری بسیار ناامیدکننده است که رنگ دلخواه را انتخاب کند، اطلاعاتش را وارد کند و در مرحله آخر بفهمد آن رنگ تمام شده است.
توضیحات کوتاه، با امکان باز کردن جزئیات
روی گوشی، متن طولانی یک‌تکه کمتر خوانده می‌شود. اطلاعات اصلی را در چند خط بالا بنویسید: جنس، ابعاد، نوع محافظ عدسی (اگر اطلاعات دقیق آن را دارید)، آنچه در جعبه است و زمان ارسال. جزئیات بیشتر را در بخش‌های جداگانه یا فهرست‌های کوتاه بیاورید. برای ساختار کامل متن محصول، به راهنمای نوشتن توضیحات محصول فروش‌ساز مراجعه کنید.
دکمه خرید در دسترس
دکمه افزودن به سبد باید بدون جست‌وجو دیده شود. اگر توضیحات طولانی است، آن را زیر دکمه بگذارید، نه بالای آن. رنگ دکمه را از بقیه عناصر متمایز کنید و برچسب آن را روشن بنویسید: «افزودن به سبد خرید» از «ثبت» یا «ادامه» گویاتر است.
فرم خرید؛ حساس‌ترین بخش روی موبایل
تایپ روی گوشی کند و پرخطاست. هر فیلد اضافه، هر خطای مبهم و هر بار که صفحه به عقب برمی‌گردد، احتمال رها شدن خرید را بالا می‌برد. بسیاری از سبدهای نیمه‌کاره ممکن است در همین مرحله از دست بروند؛ دلایل کامل‌تر آن را در مقاله علل رها شدن سبد خرید بررسی کرده‌ایم.
فقط آنچه برای ارسال لازم است
برای فرستادن یک عینک آفتابی معمولاً نام، شماره تماس، استان و شهر، نشانی کامل و کد پستی کافی است. پیش از اضافه کردن هر فیلد دیگر، مثل ایمیل، تاریخ تولد یا نام شرکت، بپرسید آیا بدون آن سفارش قابل ارسال نیست؟ فیلدهای غیرضروری را اختیاری کنید یا حذف کنید.
خرید بدون ثبتنام
اجبار به ساختن حساب کاربری، با رمز عبور و تأیید پیامکی، برای کسی که فقط می‌خواهد یک عینک بخرد مانع بزرگی است. امکان خرید مهمان را فراهم کنید؛ مشتری اطلاعات ارسال را وارد میکند و سفارش ثبت می‌شود.
صفحه‌کلید مناسب و اعداد فارسی
چند نکته فنی کوچک تجربه خرید را بسیار راحت‌تر میکند:
- فیلد شماره تماس و کد پستی باید صفحه‌کلید عددی گوشی را باز کند، نه صفحه‌کلید کامل.
- سامانه باید اعداد فارسی و انگلیسی را هر دو بپذیرد. بسیاری از مشتریان با صفحه‌کلید فارسی شماره را تایپ میکنند و خطای «شماره نامعتبر است» برای آن‌ها قابل‌فهم نیست.
- اگر اندازه قلم فیلدها خیلی کوچک باشد، برخی مرورگرهای موبایل هنگام تایپ صفحه را بزرگنمایی میکنند و چیدمان به هم می‌ریزد.
- پیام خطا باید کنار همان فیلد و با زبان ساده نمایش داده شود: «کد پستی باید ۱۰ رقم باشد» به جای «ورودی نامعتبر».
- اگر خطایی رخ داد، اطلاعاتی که مشتری قبلاً وارد کرده نباید پاک شود.
مبلغ نهایی، پیش از تأیید
مشتری باید پیش از زدن دکمه نهایی، جمع کالاها، هزینه ارسال و مبلغ قابل پرداخت را یکجا ببیند. هزینه‌ای که در آخرین لحظه ظاهر می‌شود، روی موبایل حتی آزاردهنده‌تر است، چون مشتری برای مقایسه باید چند صفحه عقب برگردد.
پرداخت روی گوشی
اگر از کارت‌به‌کارت استفاده می‌کنید، شماره کارت را به‌صورت قابل کپی نمایش دهید تا مشتری مجبور نباشد شانزده رقم را از روی صفحه بخواند و در اپلیکیشن بانک تایپ کند. امکان بارگذاری تصویر رسید از گالری گوشی هم باید ساده باشد. پرداخت در محل را هم، اگر ارائه می‌دهید، گزینه‌ای روشن و جدا نشان دهید.
اعتماد روی صفحه کوچک
روی رایانه، مشتری ممکن است پایین صفحه را ببیند و نشانی، شماره تماس و توضیح شرایط ارسال را پیدا کند. روی گوشی، این اطلاعات اغلب زیر چندین اسکرول پنهان می‌ماند. راه‌های تماس را در دسترس بگذارید: دکمه تماس تلفنی، واتساپ یا اینستاگرام که با یک لمس برنامه مربوط را باز کند. شرایط ارسال و مرجوعی را در یک صفحه کوتاه و قابل دسترس از منو یا صفحه محصول توضیح دهید. برای نشانه‌های اعتماد دیگر، راهنمای جلب اعتماد مشتری در خرید اینترنتی مفید است.
مسیر کامل را روی گوشی واقعی آزمایش کنید
مهم‌ترین توصیه این مقاله ساده است: هر چند هفته یک بار، و پس از هر تغییر مهم، خود را جای مشتری بگذارید و یک خرید کامل روی گوشی انجام دهید. حالت موبایل مرورگر رایانه برای بررسی چیدمان مفید است، اما کندی اینترنت همراه، صفحه‌کلید واقعی و لمس با انگشت را شبیه‌سازی نمی‌کند.
این مراحل را به ترتیب انجام دهید:
- لینک فروشگاه را از بیو اینستاگرام یا از یک پیام دایرکت باز کنید؛ همان مسیری که مشتری طی میکند. مرورگر داخلی اینستاگرام گاهی رفتار متفاوتی با مرورگر اصلی گوشی دارد.
- بدون استفاده از جست‌وجو، یک محصول مشخص را فقط از طریق دسته‌ها پیدا کنید و زمان آن را حس کنید.
- همان محصول را با جست‌وجو و یک واژه محاوره‌ای پیدا کنید.
- یک گونه مشخص، مثلاً رنگ دیگر، را انتخاب کنید و ببینید قیمت و موجودی درست تغییر میکند.
- محصول را به سبد اضافه کنید، تعداد را تغییر دهید و یک کالای دیگر را حذف کنید.
- فرم را با اعداد فارسی پر کنید و عمداً یک فیلد را اشتباه وارد کنید تا رفتار پیام خطا را ببینید.
- مبلغ نهایی را پیش از تأیید با محاسبه خودتان مقایسه کنید.
- سفارش را ثبت کنید و پیام یا صفحه تأیید را بخوانید: آیا شماره سفارش و قدم بعدی روشن است؟
- همین آزمایش را با گوشی دیگری، ترجیحاً با سیستم‌عامل متفاوت و صفحه کوچک‌تر، تکرار کنید.
اگر می‌توانید، از کسی که با فروشگاه شما آشنا نیست بخواهید همین کار را انجام دهد و فقط تماشا کنید؛ جاهایی که مکث میکند، فهرست اصلاحات شماست.
جدول مشکلات رایج موبایلی و راه‌حل آن‌ها
| مشکل روی گوشی | نشانه‌ای که می‌بینید | راه‌حل پیشنهادی |
|---|---|---|
| بارگذاری کند صفحه | مشتری از لینک بیو وارد می‌شود اما سفارشی ثبت نمی‌شود | کم‌حجم کردن عکس‌ها، حذف اسلایدر و عناصر شناور غیرضروری |
| دکمههای کوچک و نزدیک به هم | انتخاب اشتباه رنگ یا تعداد، پیام‌های «رنگ اشتباه ثبت شد» | بزرگ‌تر کردن دکمهها و فاصله بیشتر میان آن‌ها |
| نام محصول بریده‌شده | مشتری در دایرکت می‌پرسد «این کدام مدل است؟» | نام کوتاه و متمایز، جزئیات در صفحه محصول |
| فرم طولانی | سبدهای پر اما سفارش‌های کم | حذف فیلدهای غیرضروری و امکان خرید بدون ثبتنام |
| خطای شماره تماس | تماس مشتری برای اینکه «فرم قبول نمی‌کند» | پذیرش اعداد فارسی و انگلیسی و پیام خطای روشن |
| هزینه پنهان ارسال | انصراف در مرحله آخر | نمایش هزینه ارسال پیش از تأیید نهایی |
| راه تماس پنهان | پرسش‌های تکراری در دایرکت درباره اعتبار فروشگاه | دکمههای تماس قابل لمس و صفحه کوتاه شرایط ارسال |
سنجش نتیجه پس از تغییرات
پس از هر تغییر، چند هفته رفتار مشتریان را دنبال کنید. اگر آمار بازدید دارید، ورود به سایت را با سفارش‌های ثبت‌شده از سایت مقایسه کنید. اگر ندارید، نشانه‌های ساده‌تر هم کمک میکنند: آیا پرسش «چطور سفارش بدهم؟» در دایرکت کمتر شده است؟ آیا سفارش‌های ناقص کاهش یافته است؟
برای یافتن مرحله‌ای که بیشترین ریزش را دارد، مقاله نرخ تبدیل فروشگاه اینترنتی و روش‌های افزایش آن یک برگه سنجش ساده پیشنهاد میکند. اگر هنوز در حال انتخاب سرویس هستید، تجربه خرید موبایلی را از معیارهای اصلی قرار دهید؛ معیارهای دیگر در راهنمای ساخت سایت فروشگاهی بدون برنامه‌نویسی آمده است.
چک‌لیست فروشگاه موبایلی پیش از انتشار
این فهرست را روی گوشی و هنگام آزمایش مرور کنید:
- صفحه اصلی با اینترنت همراه در زمان معقول باز می‌شود و پیش از اسکرول، محصولات یا دسته‌ها دیده میشوند.
- عکس‌ها کم‌حجم، با نسبت ابعاد یکسان و قابل بزرگنمایی هستند.
- نام محصولات در کارت‌های کوچک کامل خوانده می‌شود.
- جست‌وجو با واژه‌های رایج مشتری نتیجه میدهد.
- دکمههای انتخاب گونه و افزودن به سبد بزرگ و از هم جدا هستند.
- قیمت و موجودی پس از انتخاب گونه درست نمایش داده می‌شود.
- متن‌ها بدون بزرگنمایی دستی خوانا هستند و رنگ متن با پس‌زمینه تضاد کافی دارد.
- فرم سفارش فقط فیلدهای ضروری دارد و خرید بدون ثبتنام ممکن است.
- فیلدهای عددی صفحه‌کلید عددی را باز میکنند و اعداد فارسی پذیرفته میشوند.
- پیام‌های خطا روشن‌اند و اطلاعات واردشده پاک نمی‌شود.
- هزینه ارسال و مبلغ نهایی پیش از تأیید دیده می‌شود.
- شماره کارت قابل کپی است و بارگذاری رسید از گالری ساده است.
- راه‌های تماس با یک لمس در دسترس‌اند.
- مسیر کامل خرید از داخل مرورگر اینستاگرام هم آزمایش شده است.
از کجا شروع کنید؟
اگر وقت محدودی دارید، همه موارد بالا را هم‌زمان شروع نکنید. ابتدا یک خرید کامل روی گوشی خودتان انجام دهید و سه جایی را که بیشترین مکث یا دردسر را داشتید یادداشت کنید. در بسیاری از فروشگاههای کوچک، دست‌کم یکی از این موارد در فهرست دیده می‌شود: عکس‌های سنگین، فرم طولانی یا ابهام در هزینه و روش پرداخت. همین سه را اصلاح کنید، دوباره آزمایش کنید و سپس سراغ بقیه چک‌لیست بروید.
مشتری شما نسخه رایانه سایت را نمی‌بیند؛ قضاوتش درباره کل فروشگاه از همان چند ثانیه روی گوشی شکل می‌گیرد.
پرسش‌های متداول
سایت ریسپانسیو با سایت موبایلفرندلی چه فرقی دارد؟
سایت ریسپانسیو چیدمان خود را با عرض صفحه تطبیق میدهد. موبایلفرندلی بودن مفهومی گستردهتر است: علاوه بر چیدمان، سرعت، اندازه دکمهها، خوانایی متن و سادگی فرم خرید روی گوشی هم باید مناسب باشد. سایتی ممکن است ریسپانسیو باشد اما خرید با آن روی موبایل همچنان دشوار باشد.
چگونه بفهمم سایت فروشگاهی من روی موبایل درست کار میکند؟
مطمئنترین روش، آزمایش خرید کامل روی چند گوشی واقعی با اینترنت همراه است؛ از ورود به صفحه اصلی تا ثبت سفارش. ابزارهای سنجش سرعت و حالت موبایل مرورگر رایانه هم کمک میکنند، اما جای آزمایش واقعی را نمیگیرند.
آیا برای فروشگاه اینترنتی موبایلی حتماً به اپلیکیشن نیاز است؟
برای بیشتر فروشگاههای کوچک خیر. یک سایت سریع و ساده که در مرورگر گوشی خوب کار کند، نیاز اصلی را برطرف میکند. اپلیکیشن هزینه ساخت و نگهداری دارد و مشتری باید آن را نصب کند؛ این کار معمولاً فقط برای فروشگاههایی با خرید بسیار مکرر توجیه دارد.
چرا مشتریها در فرم خرید موبایلی منصرف میشوند؟
دلایل رایج عبارتاند از: فیلدهای زیاد، اجبار به ثبتنام، دکمههای کوچک، خطاهای مبهم، پاک شدن اطلاعات پس از خطا و ابهام در هزینه ارسال یا روش پرداخت. کوتاه کردن فرم و نمایش شفاف مبلغ نهایی معمولاً از اولین اصلاحات مؤثر است.
عکس محصول برای موبایل باید چه ویژگیهایی داشته باشد؟
عکس باید در اندازه کوچک هم قابل تشخیص باشد، حجم آن بهینه شده باشد تا دیر بارگذاری نشود، و نسبت ابعاد آن در کل فروشگاه یکسان باشد. امکان بزرگنمایی و دیدن جزئیات هم برای کالاهایی مثل عینک و زیورآلات اهمیت زیادی دارد.