۳ مورد از اشتباهات طراحی سایت فروشگاهی + راه‌حل

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

فرم جست‌وجوی نامناسب

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

حالا در کنار همین فرم جست‌وجو، دو تا اشتباه دیگه هم معمولاً اتفاق می‌افته:

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

۲) غلط‌های املایی کاربر حل نمی‌شن. آدما همیشه درست تایپ نمی‌کنن. مثلاً یکی به‌جای «فلش مموری» می‌نویسه «فلاش مموری». سیستمتون باید بتونه این رو تشخیص بده و بازم نتیجه‌ی درست رو بیاره. اگه سایتتون وردپرسیه، افزونه‌های مختلفی هست که همین کارو براتون انجام می‌دن؛ خیلی راحت.

طراحی نکردن سایت به‌صورت Mobile First Design

Mobile First Design یعنی چی؟ یعنی اول سایتتون رو برای موبایل طراحی کنید، بعد برید سراغ کامپیوتر. شاید براتون عجیب باشه، ولی طراحی موبایلی خیلی مهم‌تر از نسخه‌ی دسکتاپه.

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

یه نکته‌ی کاربردی هم بهتون بگم: وقتی می‌خواید یه قالب برای سایتتون بخرید یا سفارش بدید، اول نسخه‌ی موبایلش رو چک کنید، بعد برید سراغ دسکتاپ ببینید چطوری در میاد. برعکسِ کاری که اکثراً می‌کنن.

پنهان کردن دسته‌بندی‌ها زیر منوی همبرگری

خیلی از سایت‌های فروشگاهی یه منو دارن که بهش می‌گن «منوی همبرگری»؛ همون سه‌تا خطِ افقی که روی هم چیده شدن. کاربر باید روش کلیک کنه تا تازه لیست دسته‌بندی محصولات باز بشه.

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

راستی، یه سؤالی که خیلیا می‌پرسن اینه: «خب پس چرا خودتون اینا رو رو سایتتون اعمال نمی‌کنید؟» جوابش ساده‌ست؛ کاربرای سایت ما با کاربرای سایت شما کاملاً فرق دارن. ۹۹ درصد کسایی که میان تو سایت ما، خودشون سایت دارن و دقیق می‌دونن منوی همبرگری چیه. پس نباید سایت ما رو با یه فروشگاه اینترنتی که برای عموم مردمه مقایسه کنید.

جمع‌بندی

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

موفق و پیروز باشید 🙂

تیم تولید محتوا

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