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