🙃Неочевидні патерни в E-Commerce: що потрібно знати?
Минулого тижня у нас пройшла 🧑💻Synergy conference з фокусом на e-commerce, де наші колеги ділились трендами, специфікою, технічними нюансами та своїм досвідом на проєктах.
Анастасія Іващук, дизайнерка в EPAM, нещодавно пройшла сертифікацію Baymard та поділилась цікавими інсайтами про дизайн в e-commerce:
🙈Завжди приховуйте поле вводу промокоду. Так-так, це причина номер 1 чому ваші користувачі покидають флоу оплати — вони йдуть на полювання за промокодами на знижку в гугл і там переходять за посиланнями та забувають, що мали здійснити покупку. Тому усі необов'язкові поля вводу приховуйте за додатковою кнопкою
🛋Робіть покрокову кастомізацію продукту. При купівлі дивану, користувач можете обрати такі модифікації як колір, тканину, розмір, висоту і тд — спростіть та структуруйте цей процес, розбивши його на етапи з очевидним вибором кожного параметру.
🛁Завжди показуйте фото товару в масштабі. Згідно з дослідженням, 42% користувачів намагались вгадати розмір товару по фото. І якщо це фото на білому тлі — дуже важко визначити масштаб, тому Baymard рекомендує додавати фотографії товарів в його природному оточенні (як от одяг на моделі, кавоварка на кухні чи кран у ванні).
🤳Додавайте фото з соцмереж на сторінку продукту. Тестування показало, що користувачі опираються на фото попередніх покупців, це є підтвердженням того, що реальні люди купують цей товар.
👀Підтримуйте інформаційний пошук по сайту. 34% користувачів у тестуванні скористались пошуком, щоб знайти інформацію про правила повернення, доставку та інше. На сторінці результатів включайте блок зі службовою інформацією або переадресовуйте користувача на відповідну сторінку (правила доставки/повернення тощо).
🖨Прибирайте поле кількості для певних продуктів. Як часто ви купуєте 2 холодильники чи 5 пар однакових кросівок?
Для певних продуктів, які типово продаються в кількості 1шт немає сенсу показувати поле кількості на сторінці продукту. Натомість обов’язково його відображати в кошику для модифікації за потреби.
🛒Давайте можливість купити продукт, якщо його зараз немає в наявності. Тестування показало, що 30% користувачів вирішили купити товар у конкурента, якщо його не було в наявності. Тому показуйте орієнтовну дату відправки та можливість оформити купівлю як передзамовлення. А ще можна показати альтернативний товар до того, якого зараз немає в наявності.
Всі гайдлайни та дослідження взяті з сайту Baymard Institute.
Поділіться чи зустрічали ви використання цих патернів в існуючих e-commerce продуктах ? Чи можливо у ваших проєктах?
Минулого тижня у нас пройшла 🧑💻Synergy conference з фокусом на e-commerce, де наші колеги ділились трендами, специфікою, технічними нюансами та своїм досвідом на проєктах.
Анастасія Іващук, дизайнерка в EPAM, нещодавно пройшла сертифікацію Baymard та поділилась цікавими інсайтами про дизайн в e-commerce:
🙈Завжди приховуйте поле вводу промокоду. Так-так, це причина номер 1 чому ваші користувачі покидають флоу оплати — вони йдуть на полювання за промокодами на знижку в гугл і там переходять за посиланнями та забувають, що мали здійснити покупку. Тому усі необов'язкові поля вводу приховуйте за додатковою кнопкою
🛋Робіть покрокову кастомізацію продукту. При купівлі дивану, користувач можете обрати такі модифікації як колір, тканину, розмір, висоту і тд — спростіть та структуруйте цей процес, розбивши його на етапи з очевидним вибором кожного параметру.
🛁Завжди показуйте фото товару в масштабі. Згідно з дослідженням, 42% користувачів намагались вгадати розмір товару по фото. І якщо це фото на білому тлі — дуже важко визначити масштаб, тому Baymard рекомендує додавати фотографії товарів в його природному оточенні (як от одяг на моделі, кавоварка на кухні чи кран у ванні).
🤳Додавайте фото з соцмереж на сторінку продукту. Тестування показало, що користувачі опираються на фото попередніх покупців, це є підтвердженням того, що реальні люди купують цей товар.
👀Підтримуйте інформаційний пошук по сайту. 34% користувачів у тестуванні скористались пошуком, щоб знайти інформацію про правила повернення, доставку та інше. На сторінці результатів включайте блок зі службовою інформацією або переадресовуйте користувача на відповідну сторінку (правила доставки/повернення тощо).
🖨Прибирайте поле кількості для певних продуктів. Як часто ви купуєте 2 холодильники чи 5 пар однакових кросівок?
Для певних продуктів, які типово продаються в кількості 1шт немає сенсу показувати поле кількості на сторінці продукту. Натомість обов’язково його відображати в кошику для модифікації за потреби.
🛒Давайте можливість купити продукт, якщо його зараз немає в наявності. Тестування показало, що 30% користувачів вирішили купити товар у конкурента, якщо його не було в наявності. Тому показуйте орієнтовну дату відправки та можливість оформити купівлю як передзамовлення. А ще можна показати альтернативний товар до того, якого зараз немає в наявності.
Всі гайдлайни та дослідження взяті з сайту Baymard Institute.
Поділіться чи зустрічали ви використання цих патернів в існуючих e-commerce продуктах ? Чи можливо у ваших проєктах?