نکاتی برای طراحی UX صفحات فروش آنلاین محصول

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

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

مشخص کردن قیمت و ویژگی ها

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

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

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

همانطور که مشاهده می‌کنید متن قیمت به صورت بزرگ و شفافی قابل مشاهده است اما رنگ آن هم قرمز روشن انتخاب شده تا با دکمه CTA همخوانی داشته باشد. دکمه CTA در اینجا Add to Cart است. در واقع، به نظر می‌رسد طراحی این صفحه بر پایه سایه‌هایی از رنگ قرمز طراحی شده تا توجه مخاطب را به خود جلب کند. هر رنگ، اندازه و فونتی که استفاده می‌کنید فقط مطمئن شوید که قیمت به راحتی قابل مشاهده بوده و در جای مناسبی از بالای صفحه قرار دارد.

نظرات مشتریان

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

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

استفاده از تصاویر برای فروش بیشتر

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

وب سایت IKEA یکی از بهترین نمونه‌ها است که تصاویر آن دارای دو ویژگی مهم هستند:

- زوم با کلیک

- گالری تصاویر کوچک

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

توصیف روزنامه وار محصول

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

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

دکمه CTA واضح Add to Cart یا افزودن به سبد خرید

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

وب سایت Hayneedle با رنگ نارنجی روشن خود از تمام این دستورالعمل‌ها پیروی کرده است. روی دکمه عبارت add to cart نوشته شده که در تمام وب سایت‌های تجارت الکترونیک مرسوم است. همانطور که مشاهده می‌کنید این دکمه با اولین نگاه توجه شما را به خود جلب کرده و در کل صفحه متمایز می‌باشد و در نزدیکی بقیه ویژگی‌های اصلی مانند نظرات کاربران، قیمت محصول و کل تعداد، قرار گرفته است. شما هم در طراحی خود از عناصری استفاده کنید که به سرعت جلب توجه کرده و افراد را به کلیک کردن تشویق می‌کنند. معمولا برای این دکمه‌ها از رنگ‌های نارنجی، زرد و قرمز استفاده می‌شود اما رنگ‌های ملایم‌تر هم موفقیت خوبی در جلب توجه دارند.

کتابخانه آنلاین لیداوب، مرجع تخصصی مقالات طراحی سایت و سئو است. با ما همراه باشید.