از این ابزار رابط کاربری گرافیکی در زمانی که کاربران نیاز به تصمیم گیری دارند استفاده کنید، که لازم است به ویژگی های کلیدیِ دسته ای از محصولات و خدمات اشاره گردد. سازگاری محتوایی، قابلیت اسکن و چیدمان ساده برخی از مهم ترین ویژگی های جداول مقایسه ای موفق هستند.
مقایسه یکی از حیاتی ترین فعالیت هایی است که کاربران در وب انجام می دهند. در بسیاری از موارد، قبل از اینکه بازدیدکنندگان سایت شما اقدام مورد نظر خود را انجام دهند یک مرحله ضروری محسوب میشود، مانند خرید محصول شما، ثبت نام برای عضویت، تماس با شما یا درخواست قیمت.
با این حال، این اطلاعات ضروری اغلب در صفحات جزئیات قرار داده می شود، که کاربران را مجبور می کند اطلاعات را به خاطر بسپارند یا چندین صفحه یا تب را باز کنند. اینجاست که جدول مقایسه وارد می شود: جدولی که از ستون ها برای محصولات (یا خدمات) و ردیف ها برای ویژگی ها استفاده می کند و امکان مقایسه سریع و آسان بین ویژگی ها و مشخصات هر کدام را فراهم می کنند.
چه زمانی به جدول مقایسه ای نیاز دارید؟
جداول مقایسه اغلب، تنها به عنوان ابزاری برای تجارت الکترونیک(ecommerce) درک می شوند. درست است که رایجترین نمونههای جداول مقایسه برای کالاهای مصرفی متوسط تا گران قیمت، بهویژه لوازم الکترونیکی (میکروویو، ردیابهای تناسب اندام، جاروبرقی یا خودرو) هستند. اما، علاوه بر این محصولات، جداول مقایسه به همان اندازه برای موارد زیر هم مناسب هستند:
این جداول می توانند برای مقایسه اقلام مشابه از یک سازمان، یا برای مقایسه محصولات یک سازمان با محصولات یک رقیب استفاده شوند. جدول مقایسه بسیار پرکاربردتر از آن چیزی هستند که برای آن مشهور شده اند.
هنگامی که مردم مجبورند از بین گزینههای متعدد انتخاب کنند، مقایسه مزایا و معایب هر یک از جایگزینها دشوار است. در نتیجه، مردم در تصمیم گیری غیر جبرانی شرکت می کنند - به عبارت دیگر، از یک عامل به عنوان مبنای تصمیم گیری استفاده می کنند. برای مثال، کاربری که به دنبال خرید یک خودروی جدید است، ممکن است تمام خودروهایی را که گرانتر از 20000 دلار هستند فیلتر کند، حتی اگر برخی از آنها فقط کمی بالاتر از بودجهشان باشند. این فیلتر غیرقابل مذاکره به کاربر کمک می کند مجموعه نتایج را تا حد معقولی محدود کند.
اما هنگامی که افراد مجبورند از میان مجموعه کوچکی از گزینهها (معمولاً زیر 5 تا 7 سال) انتخاب کنند، معمولاً در تصمیمگیری جبرانی شرکت میکنند: به شایستگیهای هر مورد نگاه میکنند و مزایا و معایب آنها را بر اساس تعدادی معیار (متریک) مقایسه میکنند. به عنوان مثال، کاربری که در حال تحقیق در مورد یک لپتاپ جدید است، ممکن است مایل باشد کامپیوتری سنگینتر را در نظر بگیرد که عمر باتری و قدرت محاسباتی بهتری داشته باشد.
فیلترها و جنبه های مقایسه ای(Filters and facets) از تصمیم گیری غیر جبرانی پشتیبانی می کنند. در مقابل، تصمیم گیری جبرانی به بهترین وجه توسط جداول مقایسه ارائه می شود. آنها به کاربران این امکان را می دهند که به راحتی چندین ویژگی مهم را در یک نگاه ببینند و مقایسه کنند.
مطمئناً مواردی وجود دارد که جدول مقایسه غیر ضروری است. علاوه بر وضعیت تصمیم گیری غیر جبرانی که در بالا مورد بحث قرار گرفت، احتمالاً به جدول مقایسه ای نیاز ندارید اگر شامل موارد زیر هستند:
خارج از این استثنائات، کاربردهای جدول مقایسه فقط با تخیل شما محدود می شود. هر زمان که کاربران شما بخواهند از بین پیشنهادات مشابه انتخاب کنند، فرصتی برای استفاده از یک جدول مقایسه است - به خصوص اگر عوامل متعددی در تصمیم گیری نقش داشته باشند.
عدم انحصار متقابل(Not mutually exclusive)
آیتم های مشابه، لزوماً متقابل نیستند(و میتوانند باهم خریداری شوند). یک خریدار ممکن است فقط نیاز به خرید یک مایکروویو یا لپتاپ داشته باشد، اما این مورد برای اقلامی مانند پیراهن، اسباببازی یا لامپ صدق نمیکند. به عنوان مثال، یک مصرف کننده احتمالاً به جدول مقایسه برای کمک به انتخاب لباس نیاز ندارد، زیرا آنها به یک جدول محدود نمی شوند.
آیتم های ساده
هنگامی که یک محصول یا خدمات بسیار ساده است، کاربران نیازی به تجزیه و تحلیل ویژگی های آن ندارند. به عنوان مثال، یک لیوان قهوه ویژگی های معنی دار و قابل مقایسه زیادی ندارد. شخصی که به صورت آنلاین یک لیوان قهوه خرید می کند ممکن است به سبک (و احتمالاً اندازه) علاقه مند باشد، اما احتمالاً مایل نیست بسیاری از ویژگی های چندین لیوان قهوه را با هم مقایسه کند.
جداول مقایسه برای آیتم هایی که عمدتاً برای زیبایی شناسی انتخاب می شوند، مانند مبلمان، دکوراسیون منزل، لباس یا لوازم جانبی، غیرضروری هستند.
اقلام ارزان یا قابل تعویض
هنگامی که یک محصول یا خدمات ارزان است یا به راحتی قابل تعویض است، کاربران احتمالاً رفتار رضایت بخشی دارند و زمان زیادی را صرف تجزیه و تحلیل گزینه های جایگزین نمی کنند. برای مثال، مردم نیازی به مقایسه رول های مختلف دستمال کاغذی ندارند.
اقلام منحصر به فرد و سخت برای مقایسه
در نهایت، محصولات یا خدماتی که منحصر به فرد هستند و مقایسه آنها با دیگران دشوار است، برای جداول مقایسه مناسب نیستند. برای مثال، ارائه مجموعهای از ویژگیها برای مقایسه ی آثار هنری دشوار است.
دو نوع جداول مقایسه وجود دارد:
جداول مقایسه ایستا
اگر تعداد کمی محصول دارید که کاربران شما نیاز به مقایسه دارند، ممکن است بخواهید جداول مقایسه ایستا و از پیش ساخته شده ایجاد کنید. به عنوان مثال، آخرین نسخه اپل تنها دارای سه مدل مختلف اپل واچ است، بنابراین یک جدول مقایسه آماده برای کاربرانی که سعی در تصمیم گیری دارند ارائه می دهد.
یک قانون سرانگشتی خوب این است که اگر 5 پیشنهاد یا کمتر دارید، از این رویکرد استفاده کنید، اما در ادامه این مقاله به محدود کردن تعداد موارد مقایسه شده خواهیم پرداخت. جداول مقایسه ایستا، معمولاً برای انتخاب "سطوح عضویت" یا "بسته های قیمت گذاری" خوب عمل می کنند.
با این نوع اجرای جدول مقایسه(یعنی ایستا)، میتوانید نحوه نمایش اطلاعات در صفحه را کنترل کنید. به عنوان مثال، میتوانید کپی(copy) را برای تناسب با محدودیتهای فضای یک سکشن تغییر دهید. با این حال، توجه داشته باشید که این پیاده سازی، به آسانیِ جداول مقایسه پویا نیست. در صورت ارائه محصول یا خدمات جدید، باید جدول مقایسه را آپدیت کنید.
جداول مقایسه پویا
جداول پویا به کاربران این امکان را می دهد که انتخاب کنند کدام موارد را می خواهند در جدول مقایسه ببینند، و زمانی که شما بیش از 5 محصول یا خدمات ارائه می دهید مناسب هستند.
در حالی که جداول مقایسه پویا به خوبی مقیاس میشوند و مجموعه پیشنهادات شما افزایش یا تغییر مییابد، معمولاً با استفاده از یک لی اوت انعطافپذیر پیادهسازی میشوند و ظاهر آنها را نمیتوان به دقتِ ظاهری جداول استاتیک کنترل کرد.
انتخاب آیتم ها در یک جدول مقایسه پویا
دو روش رایج برای اجازه دادن به کاربران برای انتخاب مواردی که به جدول اضافه شوند عبارتند از: مقایسه دکمه ها یا چک باکس ها و دستکاری مستقیم آیتم های مورد علاقه.
دکمه های مقایسه یا چک باکس
دکمه های مقایسه یا چک باکس ها مستقیماً در صفحات فهرست ظاهر می شوند. با استفاده از این روش، کاربران می توانند موارد مورد علاقه خود را انتخاب کنند و سپس به یک صفحه مقایسه پویا منتقل شوند.
صفحات فهرست محصولات(Product listing pages) معمولاً بیش از حد شلوغ هستند، بنابراین یکی از چالشهای اصلی برای این پیادهسازی، قابل شناسایی کردن دکمههای مقایسه(Compare buttons) بدون دادن فضای زیادی در صفحه است. امنترین گزینه این است که دکمههای مقایسه را بهعنوان دکمههای عمل ثانویه(secondary action buttons)، در بالا و پایین صفحه یا در زیر تمام توضیحات محصول درج کنید.
دستکاری مستقیم اقلام
با این روش، کاربران می توانند محصولاتی را که می خواهند به جدول مقایسه اضافه کنند، کلیک کرده یا بکشند. معمولاً این عمل به این دلیل امکان پذیر است که مانند مثال گارمین در زیر، یک حالت Compare ویژه معنای عادی کلیک کردن روی یک محصول را غیرفعال می کند. این حالت را می توان با افزودن یک صفحه مقایسه جداگانه، که در گوشه سمت راست پایین مثال مشاهده می کنید، به دست آورد.
یکی از مزیتهای این رویکرد دستکاری مستقیم برای انتخاب، امکان جداسازی فعالیت مقایسه از صفحه فهرست محصول است، و این دیدگاه از نظر بصری تمیزتر باقی میماند. یک صفحه مقایسه جداگانه (مانند Fitbit's) تنها زمانی که محصولات یا پیشنهادات کافی برای توجیه یک صفحه فهرست معمول را در وهله اول ندارید، گزینه خوبی است.
صرف نظر از اینکه کدام نوع جدول مقایسه را انتخاب می کنید، تعدادی از بهترین نمونه ها را برای حمایت از تصمیم گیری کاربران خود بررسی کنید:
از جداول مقایسه برای حداکثر 5 مورد استفاده کنید
محدودیت شما هرچه که باشد، مطمئن شوید که آن را به طور واضح به کاربران خود اطلاع دهید تا از سردرگمی و خطا جلوگیری کنید. و فراموش نکنید که به کاربران اجازه دهید آیتم ها را از مقایسه حذف و مجددا مقایسه کنند.
پیوستگی ایجاد کنید
بزرگترین مشکل با اکثر جداول مقایسه طراحی نیست، محتواست. هنگامی که اطلاعات آیتم ها ناموجود، ناقص یا ناسازگار باشد، جداول مقایسه به سرعت بی فایده می شود. این به ویژه برای جداول مقایسه پویا مشکل ساز است، زمانی که شما با آیتم های زیاد اما با ابرداده های تقریبا مشابه /خالی روبرو می شوید(در این حالت شاید اصلا نیازی به جدول مقایسه ای نباشد).
مقایسه مزایا و معایب محصولات مختلف یک فرآیند شناختی است. باید مطمئن شوید که کاربران شما می توانند روی موارد ضروری تمرکز کنند. یک راه موثر برای انجام این کار، اسکن کردن آسان جدول برای درک سریع تفاوت ها، شباهت ها و کلمات کلیدی است.
به لی اوت یک جدول استاندارد وفادار بمانید: آیتم ها به عنوان ستون، ویژگی ها به عنوان ردیف، برچسب های ردیف در سمت چپ و برچسب های ستون در بالا. در هر ستون از تراز متن(text alignment) ثابت استفاده کنید.
هنگام استفاده از متن در جداول مقایسه، آن را کوتاه نگه دارید. تا حد امکان از جملات کامل خودداری کنید.
کد رنگ نیز می تواند کمک کند - یا به آرامی پس زمینه هر ستون را سایه بزنید، یا متن سلول ها را رنگ آمیزی کنید. فقط مطمئن شوید که کنتراست کافی را حفظ کرده اید و خوانایی را قربانی نمی کنید.
همچنین مهم است که ردیف ها را به وضوح نشان دهیم تا کاربران بتوانند به راحتی تشخیص دهند که یک سلول به کدام ویژگی اشاره دارد، به خصوص در هنگام استفاده از نمادهایی مانند چک مارک(checkmarks) که نمی توانند به تنهایی معنا دهند. حاشیههای ردیف، سایهزنی ردیف یا فاصله اضافی میتواند به متمایز و مجزا ماندن ردیفها کمک کند.
هدرهای ستون ها
بهویژه وقتی با فهرستهای طولانی از ویژگیها سر و کار دارید که چندین صفحه را اشغال میکنند، هدرِ ستونها را در حین اسکرول کاربران ثابت نگه دارید. حافظه کوتاه مدت انسان محدود است و کاربران به راحتی فراموش می کنند که کدام ستون برای کدام محصول است.
مشخصات معنادار
جدول مقایسه شما باید شامل ویژگی هایی باشد که کاربران شما واقعاً به آنها اهمیت می دهند. هر تکه ابرداده ای را که دارید در جدول قرار ندهید، زیرا کار را برای کاربران سخت تر می کند.
تا آنجا که ممکن است، سعی کنید اصطلاحات ناآشنا را تعریف کنید و ویژگی های مبهم را به چیزی ملموس متصل کنید. به عنوان مثال، جدول مقایسه Anker دارای ویژگی هایی است که در حوزه مقایسه پاوربانک های قابل حمل مفید هستند: ظرفیت باتری در میلی آمپر ساعت، سرعت شارژ و وزن. چیزی که واقعاً این جدول را به یک جدول مقایسه خوب تبدیل میکند، این واقعیت است که ویژگیها را به چیزهایی تبدیل میکند که برای مصرفکننده معمولی معنادار (و قابل فهم) است. ظرفیت باتری 3350 میلی آمپر ساعت است که تقریباً 1.2 شارژ آیفون 6 است. اندازه آن 3.5 x 0.9 x 0.9 اینچ است - تقریباً به اندازه یک لوله رژ لب! وزن آن 2.7 اونس است که مشابه وزن تخم مرغ است. مصرف کننده معمولی ممکن است در تصور 2.7 اونس مشکل داشته باشد، اما احتمالاً می تواند وزن یک تخم مرغ را متصور شود!
یکی دیگر از راههای مؤثر برای معنیدار کردن ویژگیهای مبهم، شامل لینک هایی به اطلاعات بیشتر یا استفاده از توضیحات درون متنی (tooltips) با تعاریف یا شفافسازی اطلاعات است.
به کاربران حس کنترل بدهید
حتی اگر طرح خوبی داشته باشید که ورودیها را قابل اسکن و هدرها را ثابت نگه میدارد، مقایسه محصولات با ویژگیهای زیاد هنوز برای کاربران دشوار است، به خصوص زمانی که این ویژگیها چندین صفحه نمایش را شامل میشوند. در چنین شرایطی، کاربران ممکن است مجبور شوند هنگام مقایسه مزایا و معایب محصولات مختلف، بین ردیفهای مختلف حرکت کنند.
برای اینکه کار را مدیریت کنید، به کاربران اجازه دهید انتخاب کنند کدام ویژگی ها در جدول نمایش داده شود. آکاردئون ها، یا ردیف های جمع شونده(Collapsible rows) یک راه حل قابل پیاده سازی آسان برای این حالت هستند. از طرف دیگر، به کاربران اجازه دهید ردیفهایی را که در همه آیتم ها مشابه هستند پنهان و فقط تفاوتها را نشان دهند.
برای جداول مقایسه ایستا ساده، یک جدول ساده با ویژگی هایی که انتظار میرود برای کاربران بسیار مهم باشد را در نظر بگیرید، اما همچنین اجازه دسترسی به جدول دقیق تری را بدهید.
برخی از وب سایت ها عملکرد مقایسه خود را برای دستگاه های کوچک به طور کلی حذف می کنند. در صورت امکان، باید سعی کنید سطحی از مقایسه را در تلفن همراه پشتیبانی کنید، اما بعید است که بتوانید همزمان بیش از 2 مورد را در جدول مقایسه نشان دهید.
به یاد داشته باشید که در صفحه نمایش های کوچکتر، ردیف های کمتری در یک زمان قابل مشاهده است و فشار بیشتری بر حافظه کوتاه مدت کاربر وارد می شود. بنابراین، پیروی از توصیههای قبلی (به ویژه اسکن کردن ورودیها و دادن کنترل به کاربران برای انتخاب آنچه میخواهند نمایش داده شود) در موبایل اهمیت بیشتری خواهد داشت.
اگر یک جدول مقایسه کامل در دستگاه های تلفن همراه برای پیشنهادات شما غیرعملی است، ممکن است به جای آن جدول را به تب، کارت، یا لیست هایی برای صفحه نمایش های کوچک تبدیل کنید. فقط به یاد داشته باشید که این قالبها از تصمیمگیری جبرانی نیز پشتیبانی نمیکنند، زیرا کاربران باید ویژگیهای هر محصول را به خاطر بسپارند تا مزایا و معایب را بسنجید.
برای جمعبندی بسیاری از دستورالعملهایی که در اینجا فهرست کردهایم: مهمتر از همه، کار را برای مصرفکننده انجام دهید. با جداول غیر استاندارد یا بیش از حد طولانی با اطلاعات مکرر سرعت آنها را کاهش ندهید. از آنها نخواهید چیزهایی را در حافظه خود نگه دارند. و آنها را با آوردن اصطلاحاتی که با آنها آشنا نیستند مجبور به گوگل کردن نکنید.
تصمیمات گیری را برای کاربران خود را تا حد امکان آسان کنید: شما خوشحال خواهید شد و آنها نیز خوشحال خواهند شد.
منابع استفاده شده:
https://www.nngroup.com/articles/comparison-tables/
