دریافت مشاوره

دیزاین صفحه محصول

آنچه در این مقاله یاد می‌گیرید:

دیزاین صفحه محصول

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

اینفوگرافی صفحه محصول

نکات مهم برای چیدمان صفحه محصول 

سکشن اول صفحه محصول

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

مشخص کردن عنوان محصول، قیمت محصول و دکمه “افزودن به سبد خرید” نیز از ملزومات قسمت اول صفحه محصول است. شما باید سعی کنید تمام موارد مهم که می‌تواند تمایل کاربر برای خرید محصول را بیشتر کند در سکشن اول قرار دهید؛ بنابراین ذکر مزیت‌های رقابتی در سکشن اول صفحه محصول نیز از اهمیت زیادی برخوردار است. این مزیت‌ها می‌تواند شامل مواردی مثل گارانتی، شرایط تحویل، راهنمای سایز، امکان بازگشت کالا باشد.

موارد مورد نیاز برای سکشن اول به صورت خلاصه:

  • بردکرامب
  • عنوان محصول 
  • تصویر شاخص 
  • گالری تصاویر
  • دکمه افزودن به سبد خرید
  • قیمت محصول
  • مزیت‌های رقابتی

سکشن دوم صفحه محصول

سکشن دوم صفحه محصول به تعدادی لنگر و یک جدول برای توضیحات تکمیلی و جزئیات محصول نیاز دارد.

لنگر دکمه‌هایی است که شما را به بخش مربوطه در صفحه محصول هدایت می‌کند. به طور مثال زمانی که شما روی دکمه “نظر کاربران” کلیک کنید به انتهای صفحه، که نظر کاربران در آنجا نوشته شده است هدایت می‌شوید.

موارد مورد نیاز برای سکشن دوم به صورت خلاصه:

  • لنگر برای اسکرول به بخش های پایین
  • جدول جزئیات و توضیحات تکمیلی

سکشن سوم صفحه محصول

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

موارد مورد نیاز برای سکشن سوم به صورت خلاصه:

  • محصولات مرتبط

سکشن چهارم صفحه محصول

سکشن چهارم صفحه محصول به کامنت یا همان نظرات کاربران اختصاص دارد. کاربر همیشه محصولی را خریداری می‌کند که به آن اعتماد داشته باشد و به نمایش گذاشتن نظر دیگران باعث اعتماد سازی می‌شود.

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

موارد مورد نیاز برای سکشن چهارم به صورت خلاصه:

  • کامنت‌ها و نظر کاربران

آیا چیدمان صفحه محصول در دسکتاپ و موبایل یکی است؟

کلیات یکسان است اما بهتر است برخی موارد در موبایل نسبت به دسکتاپ متفاوت باشد. به طور مثال در حالت موبایل، یک استیکی “افزودن به سبد خرید”، در سبد خرید، یک استیکی برای “ادامه خرید” و در صفحه پرداخت، یک استیکی “پرداخت” نیاز داریم. استیکی‌ها دکمه‌هایی هستند که به صورت ثابت در پایین صفحه نمایش داده می‌شود.

خلاصه نکات مهم در چیدن صفحه محصول برای موبایل:

  • افزودن به سبد خرید در صفحه محصول استیکی باشد.
  • ادامه خرید در صفحه سبد خرید استیکی باشد.
  • پرداخت در صفحه پرداخت استیکی باشد.
5/5 - (2 امتیاز)

دیدگاهتان را بنویسید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *