جواد صابری Javad Saberi
جواد صابری Javad Saberi
خواندن ۳ دقیقه·۲ سال پیش

?️ محدوده قیمت در فیلترها، اعداد رُند یا غیر رُند!

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

Price range, trend or non-trend numbers
Price range, trend or non-trend numbers



چند نکته رو حین دیزاین محدوده قیمت متوجه شدم : یکی اینکه توی کتگوری ۲، وجود فیلترهای اندازه و قیمت، به جای کمک به کاربر، بیشتر اونو گیج میکنه. با مثال براتون توضیح میدم.

فرض کنین کاربر توی یک سایت فروشگاهی از کتگوری ۱ که دسته مردانه باشه، وارد یکی از کتگوری‌های ۲ مثل لباس مردانه میشه. توی این دسته تنوع محصولی مختلفی رو میبینه :

دسته‌بندی‌های لباس مردانه در کتگوری ۲
دسته‌بندی‌های لباس مردانه در کتگوری ۲


اگر بخوایم فیلتر سایز رو در دسته لباس مردانه قرار بدیم، نیاز هست از کمترین سایز تیشرت و پلوشرت تا بیشترین سایز اون، از کمترین سایز شلوار و شلوارک تا کمترین سایز اون و ... توی فیلترها لیست کنیم. هر کدوم از این دسته‌بندی ها مدل نوشتاری سایزشون متفاوته یک دسته بندی حسب نوعش با عدد نشون داده میشه مثل ۴۰،۴۱،۴۲ ... و یک دسته بندی حسب نوعش با حروف انگلیسی نشون داده میشه مثل X،M،L،XL ... .

سایزهای متعدد و مبهم در کتگوری ۲ سایت دیجی‌استایل
سایزهای متعدد و مبهم در کتگوری ۲ سایت دیجی‌استایل


توی صفحه کتگوری ۲، وقتی کاربر هنوز نمیدونه چه دسته بندی رو نیاز داره عملا اینکه بیاد فیلتر کنه تمام لباس های مردانه شامل پیراهن ست هودی بافت ست دونفره که XL هستند کار منطقی نیست چون کاربر باید ابتدا مشخص کنه که دنبال چی میگرده و بعد بر اساس اون دسته بندی‌شو فیلتر کنه. بنابراین گذاشتن اندازه در کتگوری ۲ جز اینکه نتایج بی حاصل برای کاربر نشون بده، راهکار مفیدی رو ارائه نمیکنه ?‍♂️ .

این موضوع در مورد محدوده قیمتی هم به همین شکله و تنوع محصولی بالا در کتگوری ۲ باعث میشه نتیجه درستی از محدوده قیمت به کاربر نشون نده. بنابراین تصمیم بر این شد که تا زمان تست اولیه، اندازه و محدوده قیمت از کتگوری ۲ حذف شه و فقط در کتگوری ۳ نشون داده بشه.


اعداد رُند یا غیر رُند در فیلتر محدوده قیمت :

حین طراحی این قابلیت در قسمت فیلترها، با علیرضا چند سایت مشابه فروشگاهی مثه دیجی‌ استایل و بانی مد رو بررسی کردیم تا بتونیم دقیق‌تر روی این پروسه تمرکز کنیم ?. اتفاق ناخوشایندی که شاید حداقل از نظرمون غیر منطقی میومد این بود که با کشیدن بازه های قیمتی، ما به همه جور عدد از رند تا غیر رند میرسیدیم.

فیلتر محدوده قیمت در سایت دیجی استایل
فیلتر محدوده قیمت در سایت دیجی استایل


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

مقاله رو کوتاه کنم، به این نتیجه رسیدیم که در نسخه جدید دایان‌شاپ بیایم و به کاربر قیمت‌های رند رو نشون بدیم و به جای رقمی مثل ۱,۷۴۸,۲۷۹ رقم ۱,۷۵۰,۰۰۰ رو نشون بدیم و به همین شکل ۵تا ۵تا یا ۱۰تا ۱۰تا بازه بعد و قبل رو مشخص کنیم.

تغییر قیمت‌های غیر رند به قیمت‌های رند در قسمت فیلترها
تغییر قیمت‌های غیر رند به قیمت‌های رند در قسمت فیلترها


? مشاهده وب‌سایت دایان‌شاپ
⚡️ مشاهده کیس‌استادی دایان‌شاپ


امیدوارم که براتون مفید باشه و با حمایتتون کمک کنید ?? تا بیشتر بتونم از این مدل‌ پست‌ها منتشر کنم.

#producttips
| www.afroo.ir |




طراحی رابط کاربریطراحی سایت فروشگاهیدیجی استایلبانی مد
شاید از این پست‌ها خوشتان بیاید