، گرگان , (اخبار رسمی): در یک مفهوم گسترده، یک وب‌سایت سازگار با موبایل، وب‌سایتی است که به راحتی در همه دستگاه‌ها مشاهده و پیمایش می‌شود: رایانه‌های رومیزی، تبلت‌ها و تلفن‌های همراه. در تجارت الکترونیک، این بدان معناست که انجام تمام مراحل خرید از انتخاب محصول تا پرداخت در یک دستگاه تلفن همراه آسان است.
طراحی وب سایت واکنش گرا و نسخه وب سایت تلفن همراه فروشگاه تجارت الکترونیک شما. گزینه اول مزایای بیشتری دارد و امروزه بیشتر توصیه می شود.
بسیاری از مشتریان ممکن است فکر کنند وب سایت آنها خوب است، اما در واقعیت هنوز به کار زیادی نیاز دارد. ابزارهای آنلاینی وجود دارد که می‌توانید ببینید وب‌سایت شما از یک دستگاه تلفن همراه چگونه به نظر می‌رسد و چگونه کار می‌کند و آیا آماده ارائه یک تجربه تلفن همراه خوب است یا خیر. از جمله Google's Mobile-Friendly Test، BrowserStack، W3C mobileOK Checker، HubSpot's Marketing Grader، Google's PageSpeed Insights و موارد دیگر.
دستورالعمل های عمومی طراحی سایت موبایل فرندلی برای فروشگاه های اینترنتی
1. اسکرول فوری را به بالای صفحه ارائه دهید
2. یک لوگوی قابل کلیک در تمام صفحات وب سایت اضافه کنید
3. از اندازه مناسب همه عناصر طراحی قابل کلیک اطمینان حاصل کنید
4. از رنگ های برند خود در تمام عناصر طراحی استفاده کنید
5. مراقب متن خوانا باشید
6. فضای کافی بین بلوک های چیدمان فراهم کنید
7. از پاپ آپ های مزاحم خودداری کنید
8. فاویکون منحصر به فرد برند خود را اضافه کنید
9. در هر صفحه، باید مشخص باشد که کاربر در فروشگاه شما حضور دارد (به لطف هدر و طراحی)
10. صفحات فروشگاه آنلاین خود را با تصاویر بهینه محصول غنی کنید
11. یک CTA واضح به هر صفحه ای که برای خرید محصول و سفارش تماس نیاز دارد اضافه کنید
12. سبد خرید، ویژگی جستجو و مخاطبین را از هر صفحه در دسترس قرار دهید
13. تاریخچه مشاهده محصول را در تمام صفحات ارائه دهید
14. اطمینان حاصل کنید که فروشگاه آنلاین شما به خوبی در برابر اشکالات و خطاها آزمایش شده است
15. سبد خرید را در گوشه بالا سمت راست قرار دهید
16. گزینه sign-in/ sign up را در گوشه بالا سمت راست قرار دهید
17. لوگوی شرکت را در گوشه بالا سمت چپ قرار دهید
18. ویژگی جستجو را در بالا قرار دهید
19. تغییر دهنده زبان را در هدر قرار دهید
جستجوی موبایل فرندلی در فروشگاه اینترنتی
20. یک ویژگی جستجو در فروشگاه آنلاین خود ارائه دهید
21. نوار جستجو به یک مکان ثابت در همه صفحات نیاز دارد
22. یک مکان نگهدار به نوار جستجوی خود اضافه کنید (مانند «جستجوی شما در اینجا»)
23. با کلیک کردن بر روی "X" نوار جستجو را به راحتی پاک کنید
24. امکان جستجوی کلمات غلط املایی
25. جستجو را از شکل کلمه مستقل کنید (مانند جمع یا مفرد)
26. از پیشنهادات جستجو استفاده کنید
27. به کاربران اجازه دهید با مترادف هایی که به همان محصول منتهی می شوند جستجو کنند
28. به کاربران کمک کنید تاریخچه جستجوی خود را پیگیری کنند
29. نمایش تعداد نتایج یافت شده
30. گزینه های دیگری را ارائه دهید یا از کاربران دعوت کنید تا در صورت یافت نشدن محصول از جستجوی پیشرفته استفاده کنند
31. منوی پیمایش اصلی را با دسته‌ها و زیرمجموعه‌های محصولات کلیدی ارائه دهید
32. تعداد آیتم های منوی اصلی را به حداقل برسانید
33. نحوه باز کردن منو را روشن کنید
34. نحوه بستن منو را روشن کنید
35. از نمادهای محصول برای بهبود نام دسته ها استفاده کنید
36. زیر دسته ای که کاربر در حال حاضر در آن قرار دارد خط بکشید
37. فروشگاه آنلاین خود را با دسته ها و زیرمجموعه ها ارائه دهید
38. اطمینان حاصل کنید که دکمه ها به اندازه کافی بزرگ هستند که با انگشتانتان کلیک کنید
39. از فاصله بهینه بین دکمه ها استفاده کنید
40. دکمه هایی با کنتراست بالا و رنگ های قابل توجه ارائه دهید
41. در عین حال، از رنگ های دکمه ای که بیش از حد روشن هستند خودداری کنید
42. اطمینان حاصل کنید که طراحی دکمه با دستورالعمل های کلی برند شما مطابقت دارد
43. دکمه هایی با برچسب های واضح ارائه دهید که اقدامات آنها را توصیف می کند
44. بصری معنای دکمه های wi را افزایش دهیدآیکون ها
45. ارائه بازخورد به کنش‌ها (افکت‌های انیمیشن، برچسب‌های تغییر حالت، تغییر رنگ، صدا، و غیره برای نشان دادن اینکه عمل درست انجام شده است)
46. دکمه ها را در جایی قرار دهید که کاربران بتوانند به راحتی آنها را در UI پیدا کنند
47. دکمه ها را در یک ترتیب منطقی قرار دهید که مسیر کاربر را منعکس کند
48. اولویت دکمه ها را نشان دهید تا مهمترین آنها بیشتر قابل توجه باشد
49. از استفاده از دکمه های زیاد خودداری کنید تا کاربران گیج نشوند
50. فرم ها را ساده نگه دارید و تعداد فیلدهای فرم را به حداقل برسانید
51. گزینه پرداخت مهمان با یک کلیک را مجاز کنید
52. به گزینه ورود از طریق حساب های رسانه های اجتماعی اجازه دهید
53. از قبل الزامات رمز عبور را نمایش دهید
54. به کاربران اجازه دهید قابلیت مشاهده تایپ رمز عبور را روشن و خاموش کنند
55. گزینه های پرداخت نیمه خودکار مانند PayPal یا Amazon Pay را اضافه کنید که سریع تکمیل می شوند
56. فرم ها را با برچسب های توصیفی تجهیز کنید
57. بسته به ورودی متنی یا عددی، صفحه کلید مناسب را ارائه دهید
58. از ویژگی تصحیح خودکار استفاده کنید
59. از ویژگی تکمیل خودکار استفاده کنید
60. متغیرهایی را اضافه کنید تا نشان دهید داده های ضروری چگونه باید به نظر برسند
61. زمینه مفیدی را ارائه دهید (به عنوان مثال روزهای هفته در طول زمان‌بندی تاریخ)
62. از فیلدهای ساده تر استفاده کنید (مثلاً یک فیلد «نام کامل» به جای دو فیلد «نام» و «نام خانوادگی»)
63. توضیح دهید که چرا به برخی اطلاعات خاص نیاز دارید (یک کادر خلاصه یا یک اعلان)
64. فیلدهای تکمیل شده را به صورت خودکار به بالای صفحه ببرید
65. شاخص های پیشرفت را برای نشان دادن چند مرحله باقی مانده ارائه دهید
66. وضعیت موفقیت مراحل تکمیل شده را در نشانگر پیشرفت نشان دهید
67. از برچسب‌ها و فیلدهای فرم با تراز بالا استفاده کنید
68. سعی کنید از منوهای جمع شونده و لیست های کشویی در فرم ها استفاده کنید
69. دکمه «ارسال» را در فرم برجسته کنید
70. ورودی اشتباه و درست را با رنگ ها، گرافیک ها، برچسب ها و غیره علامت گذاری کنید.
71. هر فیلد خاص را با بازخورد برای خطاها ارائه دهید
72. مراقب اعتبار سنجی ورودی فرم فوری باشید
73. از طرح تک ستونی استفاده کنید
74. رنگ ها، کنتراست ها و فونت ها را به شکلی ارائه کنید که خواندن آن را آسان می کند
75. با نشان دادن پیامی مبنی بر اینکه آدرس یا تلفن آنها محرمانه خواهد ماند، به کاربران کمک کنید احساس امنیت کنند
76. مطمئن شوید که فرم ها سریع بارگیری می شوند
عکس ها و فیلم های مناسب برای موبایل
77. حتما تصاویر بهینه ارائه دهید
78. به کاربران امکان پخش یا توقف نمایش اسلاید را بدهید
79. ویدیوها به صورت خودکار پخش نشود
80. زوم تصویر را با کشیدن و دو بار ضربه زدن فراهم کنید
صفحات محصول فروشگاه اینترنتی سازگار با موبایل فروشگاه ساز اوژن
81. اطمینان حاصل کنید که تمام صفحات محصول ظاهری یکنواخت دارند
82. از همان واحدهای اندازه گیری استفاده کنید
83. شامل هر دو نسخه مختصر و دقیق تر از اطلاعات
84. نمایش تعداد بهینه محصولات در هر صفحه
85. به کاربران اجازه دهید تعداد موارد نمایش داده شده را انتخاب کنند
86. دسته های خالی را پنهان کنید
87. مطمئن شوید که گزینه های فیلتر در بالای صفحه هستند
88. قبل از اینکه کاربران تمام فیلترها را اعمال کنند از به روز رسانی صفحه خودداری کنید
89. نمایش تعداد موارد در کنار هر معیار فیلتر
90. مطمئن شوید که فیلترها به راحتی پاک می شوند و صفحه به ظاهر قبلی خود باز می گردد
91. فیلترهای فعال استفاده شده در نتایج را نشان دهید
92. برای انتخاب محدوده قیمت، نوار لغزنده ایجاد کنید
93. نمایش همه محصولات با عکس، ویژگی هایی مانند اندازه و غیره، و قیمت در سبد خرید
94. هنگامی که محصول به سبد خرید اضافه می شود، نشانه های پویا ارائه دهید
95. هنگامی که چیزی به سبد خرید اضافه می شود، یک پنجره بازشو با محصولات انتخاب شده و هزینه آنها نشان دهید
96. هنگام اضافه شدن محصول از تغییر مسیر خودکار به سبد خرید خودداری کنید
97. حتما قسمت «دکمه‌های سازگار با موبایل» را در طراحی سبد خرید خود بررسی کنید
98. نمایش تعداد محصولات در نماد سبد خرید
99. مخاطبین خود را در هدر یا پاورقی قرار دهید
100. اطلاعات تماس را قابل کپی کنید
101. گزینه برقراری تماس تلفنی مستقیماً از شماره را ارائه دهید
102. مطمئن شوید که با کلیک روی آدرس ایمیل، فرم ارسال پیام باز می شود
103. فرم تماس بدون ثبت نام برای همه در دسترس است
104. هنگام ارسال، فرم تماس اعلان مناسب را نشان می دهد
105. نماد پشتیبانی آنلاین را ایجاد کنید که مانع مشاهده محتوا نشود
106. از نمادهای قفل با گزینه "بیشتر بیاموزید" استفاده کنید تا به کاربران بگویید خرید ایمن ارائه می دهید
107. اندازه نمادهای قفل باید بزرگ باشد
108. از کلمه "امن" در سراسر فروشگاه خود، به خصوص در صفحات پرداخت استفاده کنید
109. به مهر و موم اثبات شده ارائه دهندگان امنیت سایبری مانند Norton Secured یا McAfee Secure اعتماد کنید
110. با ارائه دهندگان پرداخت قابل اعتماد یکپارچه شوید و آرم آنها را نمایش دهید
### پایان خبر رسمی