توی پروسه دیزاین رسیدم به جایی که باید محدوده قیمت رو دیزاین میکردم. طی بنچمارک هایی که از قبل داشتیم مشخص شد هر سایت رفتار منحصر به فرد خودش رو داره. اما این بنچمارک تا حد زیادی نیاز ما رو از پرسونا برطرف نمیکرد.
چند نکته رو حین دیزاین محدوده قیمت متوجه شدم : یکی اینکه توی کتگوری ۲، وجود فیلترهای اندازه و قیمت، به جای کمک به کاربر، بیشتر اونو گیج میکنه. با مثال براتون توضیح میدم.
فرض کنین کاربر توی یک سایت فروشگاهی از کتگوری ۱ که دسته مردانه باشه، وارد یکی از کتگوریهای ۲ مثل لباس مردانه میشه. توی این دسته تنوع محصولی مختلفی رو میبینه :
اگر بخوایم فیلتر سایز رو در دسته لباس مردانه قرار بدیم، نیاز هست از کمترین سایز تیشرت و پلوشرت تا بیشترین سایز اون، از کمترین سایز شلوار و شلوارک تا کمترین سایز اون و ... توی فیلترها لیست کنیم. هر کدوم از این دستهبندی ها مدل نوشتاری سایزشون متفاوته یک دسته بندی حسب نوعش با عدد نشون داده میشه مثل ۴۰،۴۱،۴۲ ... و یک دسته بندی حسب نوعش با حروف انگلیسی نشون داده میشه مثل X،M،L،XL ... .
توی صفحه کتگوری ۲، وقتی کاربر هنوز نمیدونه چه دسته بندی رو نیاز داره عملا اینکه بیاد فیلتر کنه تمام لباس های مردانه شامل پیراهن ست هودی بافت ست دونفره که XL هستند کار منطقی نیست چون کاربر باید ابتدا مشخص کنه که دنبال چی میگرده و بعد بر اساس اون دسته بندیشو فیلتر کنه. بنابراین گذاشتن اندازه در کتگوری ۲ جز اینکه نتایج بی حاصل برای کاربر نشون بده، راهکار مفیدی رو ارائه نمیکنه ?♂️ .
این موضوع در مورد محدوده قیمتی هم به همین شکله و تنوع محصولی بالا در کتگوری ۲ باعث میشه نتیجه درستی از محدوده قیمت به کاربر نشون نده. بنابراین تصمیم بر این شد که تا زمان تست اولیه، اندازه و محدوده قیمت از کتگوری ۲ حذف شه و فقط در کتگوری ۳ نشون داده بشه.
حین طراحی این قابلیت در قسمت فیلترها، با علیرضا چند سایت مشابه فروشگاهی مثه دیجی استایل و بانی مد رو بررسی کردیم تا بتونیم دقیقتر روی این پروسه تمرکز کنیم ?. اتفاق ناخوشایندی که شاید حداقل از نظرمون غیر منطقی میومد این بود که با کشیدن بازه های قیمتی، ما به همه جور عدد از رند تا غیر رند میرسیدیم.
همونطور که میبینین منطقا هیچ کاربری به دنبال گشتن بین محصولات با بازههای قیمتی غیر رند نیست و کاربران ترجیح میدند از یک بازه مشخص رند تا یک بازه مشخص رند دیگه، نتایج رو فیلتر کنند. بالطبع در نتیجه جستجو کاربر اون قیمت های غیر رند هم بین محصولات جستجو شده میبینه و هیچ محصولی رو از دست نمیده.
مقاله رو کوتاه کنم، به این نتیجه رسیدیم که در نسخه جدید دایانشاپ بیایم و به کاربر قیمتهای رند رو نشون بدیم و به جای رقمی مثل ۱,۷۴۸,۲۷۹ رقم ۱,۷۵۰,۰۰۰ رو نشون بدیم و به همین شکل ۵تا ۵تا یا ۱۰تا ۱۰تا بازه بعد و قبل رو مشخص کنیم.
? مشاهده وبسایت دایانشاپ
⚡️ مشاهده کیساستادی دایانشاپ
امیدوارم که براتون مفید باشه و با حمایتتون کمک کنید ?? تا بیشتر بتونم از این مدل پستها منتشر کنم.