Розглянемо 15 помилок в дизайні сайту інтернет-магазину

26

Продаж онлайн може відкрити величезні нові ринки для багатьох підприємств. Якщо Ваш магазин може бути відкритий 24 години 7 днів на тиждень, і ви зможете досягти глобального ринку без витрат на поштові розсилки і центри обробки викликів, це може бути величезним благом для Вашого бізнесу. Але є багато речей, які необхідно враховувати при проектуванні сайтів.

Є маса помилок в дизайні сайту, які інтернет-магазини роблять кожен день, дані помилки можна уникнути при ретельному плануванні. І навіть якщо ви вже зробили деякі з цих помилок, більшість з них досить легко виправити.

Нижче наводяться 15 найбільш поширених помилок, які зробили сайти електронної комерції, а також поради про те, як уникнути або виправити їх. Прийміть пораду до розгляду, перш ніж приступати до нових проектів E-комерції. Або коли працюєте над вашим поточним сайтом електронної комерції, прикладіть зусилля і дотримуйтесь рекомендацій, викладених тут.

1. Відсутність докладної інформації про продукт

Коли ви робите покупки в звичайному магазині, у вас є перевага можливості помацати продукт, відчути його, оглянути з усіх боків і прочитати яку-небудь інформацію на упаковці та етикетці. Покупки онлайн виключають ці взаємодії. Сайтів електронної торгівлі слід поліпшити їх досвід у торгівлі.

Як часто ви заходили в інтернет-магазин і в пошуку необхідних описів не знаходили нічого? А якщо клієнту залишається тільки гадати про специфіку продукту, йому нічого не залишається, як піти шукати інформацію в іншому місці. І поки ціни вашого сайту не стануть значно нижче, ніж у конкурентів, клієнти, швидше за все, просто куплять з іншого сайту.

Що з цим робити

Надайте стільки інформації, скільки зможете. Розміри, матеріали, вагу, і будь-яку іншу відповідну інформацію в залежності від продукту. Наприклад, в інтернет-магазині одягу, можна включити тип тканини, доступні розміри і кольору, розмір карти (зазвичай пов’язані з декількома продуктами), інструкція по догляду, а також зауваження з приводу торгової марки або дизайнера. Використання описових слів, а не просто технічні терміни можуть дуже сильно впливати на купівельні рішення споживача.

Приклади

веб дизайн
веб дизайн
веб дизайн

2. Приховування контактної інформації

Споживачі хочуть знати, що вони мають справу з реальними компаніями, коли передають свої дані кредитної картки. Вони хочуть знати, що якщо у них є проблема, вони зможуть поговорити з реальною людиною і отримати необхідну допомогу. Якщо ваш сайт не надає будь-яку контактну інформацію, або приховує її так, що споживач не може легко знайти, то вони менше довіряють вашого сайту, і, отже, менш ймовірно, що зберуться купити що-небудь у вас.

Що з цим робити

Додайте вашу контактну інформацію так, щоб її легко було знайти на кожній сторінці вашого сайту. Найбільш очевидні місця — поставити вашу контактну інформацію, або в заголовку, у верхній частині бічної панелі, або в кінці сторінки. Забезпечте кілька засобів зв’язку, якщо це можливо. Контактна форма, адреса електронної пошти, номер телефону, поштова адреса. Це підвищить рівень довіри клієнтів. Пам’ятайте також, що чим більш дорогі технічні продукти ви продаєте, тим більше ймовірність того, що споживач захоче більше контактної інформації Вашої компанії.

Приклади

веб дизайн
веб дизайн

3. Довгий або вводить в оману процес оформлення замовлення

Це одна з найбільш руйнівних помилок, яку сайт електронної комерції може зробити. Ви повинні зробити процес оформлення замовлення максимально зручним для ваших клієнтів, щоб передати дані своєї кредитної картки Вам і тим самим завершити процес купівлі товару було дуже просто. Чим більше кроків ви пропонуєте зробити для того, щоб людина оплатив товар, тим вище ймовірність, що потенційний покупець покине ваш сайт, не завершивши свою покупку. У Рунеті для эьлгл використовуються спеціальні скрипти.

Ідеальний процес включає: одну сторінку для споживачів, на якій потенційний покупець вводить всю необхідну інформацію, і другу сторінку для подтвереждения введеної інформації. Якщо при оформленні замовлення присутнє щось більше, то це явно зашкодить, ніж допоможе.

Що з цим робити

Дотримуйтесь ідеальної моделі, наскільки це можливо. Якщо у вас є переходи на інші сторінки, спробуйте зробити їх легко і швидко заповнюваними, наскільки це можливо. Комбінуйте сторінку з адресою і платіжної інформацією поруч один з одним, щоб змусити сторінки з’являтися швидше.

Приклади

веб дизайн

4. Вимога аккаунта для замовлення

Це відносить нас до попереднього пункту. Якщо вам потрібен обліковий запис клієнта, перш ніж він може зробити замовлення, це ще одна перешкода, яке ви створите на своєму шляху. Що є більш важливим для вас: отримання замовлення або отримання інформації про клієнтів? Пам’ятайте, що другий варіант може означати втрату деяких клієнтів.

Що з цим робити

Можна легко виправити це. Замість вимоги зареєструвати обліковий запис, перш ніж клієнт зробить замовлення, запропонуйте йому цю можливість в кінці процесу. Дайте йому можливість зберегти інформацію про своїх рахунках для більш легкого розміщення замовлень або відслідковувати статус свого поточного рахунку. Багато покупці віддадуть перевагу зберегти інформацію, а ви не втратите клієнтів до того, як вони завершили оформляти замовлення.

Приклади

веб дизайн
веб дизайн

5. Неадекватний пошук

Якщо клієнт точно знає, що шукає, багато хто віддасть перевагу використовувати пошукову систему замість просіювання через категорії і фільтри. Ви повинні переконатися, що функція пошуку на вашому сайті працює добре, і кращі фільтри для пошуку, даючи клієнтам вдосконалити свої результати.

Як часто ви шукали продукт на великому сайті електронної комерції, і знаходили сотні чинних результатів? Хоча різноманітність варіантів може бути добре, якщо половина з цих результатів не що інше, як те, що ви шукаєте. Включення шляхів клієнтам, для фільтрації результатів пошуку за категоріями або функцій усуває цю проблему.

Що з цим робити

Переконайтеся, що програма для електронної комерції, яку ви використовуєте, має хорошу вбудовану пошукову систему, або пошукайте плагіни для розширення її функціональних можливостей. В ідеалі, пошуковий двигжок E-commerce повинен дозволити користувачам здійснювати пошук по ключовим словами, а потім уточнити результати, засновані на категоріях, які включає ваш сайт. Надайте користувачам можливість сортувати результати пошуку на основі стандартних критеріїв (найбільш популярний, високі або низькі ціни, новітні пункт тощо), а також усунення елементів, які не вписуються в певну категорію. Непогана пошукова фільтрація, на мій погляд, реалізована на сайт onliner.by

Приклади

веб дизайн
веб дизайн

6. Бідні функції служби сервісу

Це схоже на приховування контактної інформації, про яку ми поговорили в пункті трохи вище. Ви повинні зробити легким для клієнтів, спосіб зв’язатися з вами, якщо у них є проблеми або питання. Ясно, що найкращий спосіб — це зв’язатися з вами, якщо у них є технічні питання, питання продажу, або вони хочуть повернути річ. Пропонуючи форму запиту клієнтам для заповнення, ви можете викликати більше довіри, ніж тільки з адресою електронної пошти.

Що з цим робити

Використання системи продажу квитків для довідок обслуговування клієнтів, особливо якщо у вас немає номера телефону. Переконайтеся, що ви розміщуєте відповіді, які охоплюють загальні питання клієнтів, наприклад, політика повернення або Що робити, якщо їм потрібно замовити деталі чи запасні елементи.

Приклади

веб дизайн
веб дизайн

7. Крихітні зображення продуктів

Оскільки споживачі не можуть фізично обробити продукт, який ви продаєте до розміщення замовлення на вашому сайті, Вам потрібно зробити так, щоб споживач міг хоча б на картинці побачити купований продукт.

Що з цим робити

Або надавайте великі зображення прямо на сторінці продукту або дозвольте користувачам клікніть на картинку, щоб збільшити ту, яку Ви хочете, щоб користувачі могли переглядати зображення як на великій і, наскільки це практично, на середньому моніторі. Це означає, що зображення збільшується до 1024 × 768 пікселів.

Приклади

веб дизайн
веб дизайн
веб дизайн

8. Тільки одне зображення продукту

Якщо ваш продукт постачається цифровим (і навіть іноді, якщо це так), то ви захочете уявити кілька зображень з різних кутів. Зображень кожного кольору, спереду, ззаду і з боків, і навіть докладні знімки особливостей — усе це може піти в сторону правильного прийняття споживачем рішення, і, більш імовірно, що куплять у вас.

Що з цим робити

Це дуже просто: для цього треба включити більшу кількість зображень. Чотири або п’ять зображень кожного продукту є ідеальними, пропонуючи сформувати думку, дозволяючи споживачеві відчувати себе комфортно, коли вони точно знають, що вони отримують.

Приклади

веб дизайн
веб дизайн
веб дизайн

9. Бідний дизайн кошика

Кошик є неймовірно важливою частиною вашого сайту електронної комерції. Необхідно, щоб користувачі могли додати декілька продуктів, переглянути кількість або інші параметри про продукти. Не найпростіша річ, так?

Що з цим робити

Переконайтеся, що ваша корзина дозволяє користувачеві додати пункт, а потім повернутися до попередньої сторінки, на якій він перебував. Навіть краще дати їм можливість додати пункти у свої кошики, не покидаючи сторінки, де вони знаходяться (за допомогою міні кошика). Нехай ваші клієнти змінюють кількість елементів в кошику або видаляють елемент зі свого кошика. І нехай переглянуть, які транспортні витрати будуть при доставці товару, перш ніж розпочати процес перевірки та замовлення.

Приклади

веб дизайн
веб дизайн
веб дизайн

10. Відсутність опцій оплати

Є безліч сайтів, де дозволено користувачам оплачувати рахунки за допомогою картки VISA або Mastercard, або платити тільки PayPal. А що робити з людиною, яка не має кредитної карти і хоче платити прямо зі свого банківського рахунку? Ви повинні надати як можна більше платіжних рішень.

Що з цим робити

Для Рунета я знову ж рекомендую Вам 2 способи. Перший – це покупка готового сценарію для прийняття оплати. Другий – найняти програміста, який Вам напише і налаштує скрипт за певну суму грошей. Найголовніше, щоб процес прийняття платежу був гнучким. Наприклад, Ваш скрипт точно повинен передбачати прийняття таких платіжний систем електронних грошей як: webmoney, z-payment, RBKMoney, Yandex money і т. д. Також рекомендую встановити віртуальний обмінник валют Robokassa.

Приклади

веб дизайн
веб дизайн

11. Не включати споріднені продукти

Ви, напевно, помітили, що коли ви йдете в звичайний магазин, група тематичних аналогічних продуктів розташована поруч, або іншим чином зроблено так, щоб вам було легше знайти те, що ви шукаєте. Зробіть так, щоб батарея відображалася в розділі Електроніка, або увімкніть мобільний телефон туди, де знаходяться стільникові телефони. Те ж саме можна зробити на вашому сайті, це може збільшити продажі Вашого бізнесу.

Що з цим робити

Використання платформи електронної комерції, яка дозволяє включити в нього відповідні продукти на сторінках опису продукту. Платформа, яка дозволить вибрати пов’язані продукти може також дати вам великі переваги, так як ви можете бачити відносини між продуктами, а програма — ні.

Приклади

веб дизайн
веб дизайн
веб дизайн

12. Навігація, вводить в оману

Немає нічого гіршого, ніж намагатися знайти продукт на сайті з заплутаною навігацією. Або навіть гірше, онлайновий магазин, який не використовує категорії або інші відділи своїх товарів, щоб було простіше знайти конкретний тип продукту. Те ж саме стосується сайтів, які без будь-яких категорій продуктів в них або тільки з одним або двома пунктами. Навіщо взагалі возитися з категорією?

Що з цим робити

Продумайте категорії і елементи навігації, перш ніж ви почнете розташовувати продукти у вашому каталозі. Переконайтеся, що кожна категорія має, принаймні, кілька продуктів, або вже включена в яку-небудь групу (або включати їх в більш великі, аналогічні категорії). Зробіть це, щоб клієнтам було легко ознайомитися з різними категоріями, покласти товар у свої кошики.

Приклади

веб дизайн
веб дизайн
веб дизайн

13. Не включати транспортні витрати

Немає підстав не вказувати транспортні витрати на вашому сайті. Я відмовлявся від покупки неодноразово, тому що там говорили щось на кшталт: «ми надішлемо Вам лист з точною сумою транспортних витрат на затвердження до і після обробки Вашого замовлення.» Коли купую в Інтернеті, я хочу мати можливість завершити моє замовлення зараз же, без необхідності чекати по електронній пошті, щоб вирішити, що транспортні витрати занадто високі. Увімкніть ваші ставки на Вашому сайті, не дивлячись ні на що.

Що з цим робити

Більшість великих судноплавних компаній і USPS пропонують калькулятори доставки на своєму сайті, і є плагіни або віджети, доступні для більшості систем Кошиків. Для особливо важких чи великих предметів, ви завжди можете включити вантажну доплату в ціні (тільки не забудьте вказати, де відбуваються додаткові витрати).

Приклади

веб дизайн
веб дизайн

14. Не розповідати про політику магазину

Перш ніж клієнт купує у вас, швидше за все він хоче знати, вашу політику доставки, повернення політики, а також інші правила магазину. І немає ніяких причин не розміщувати цю інформацію в FAQ або в іншому місці на вашому сайті. Издлжение чіткої політики Вашого магазину може заощадити багато головного болю тим клієнтів, які незадоволені замовленням, який вони розмістили.

Що з цим робити

Використовуйте розділ FAQ або політику магазину на своєму сайті, щоб викласти ваші правила для різних видів взаємодії з клієнтами. Це те, що може врятувати вас від тонн проблем по дорозі.

Приклади

веб дизайн
веб дизайн
веб дизайн

15. Не фокусуватися на продуктах

Метою сайту електронної торгівлі є продаж продукції (або, принаймні, ця мета повинна бути). Якщо ваш сайт приділяє більше уваги на свистки і дзвіночки або дизайн, то це не досягнення головної мети. Переконайтеся, що ваш сайт відображає в першу чергу ваші продукти, а все інше потім.

Що з цим робити

Подумайте про те, як продукти представляються в немережевих магазинах. Хоча в магазині або вітрині можуть показати набагато більше, ніж просто продукти на продаж, всі вони сприяють демонстрації продуктів у своєму самому оптимістичному світлі. Зробіть те ж саме з вашим сайтом. Переконайтеся, що кожен елемент дизайну по справжньому щось робить, щоб продемонструвати свої продукти в їх найкращому світлі.

Приклади

веб дизайн
веб дизайн
веб дизайн

Будемо сподіватися, що ці 15 прикладів помилок дизайну сайтів, створення інтернет магазинів, допоможуть вам розробляти зручні сайти для електронної комерції.

Переклад і редакція: Ріг Віктор.

E-mail:[email protected]

Проект webformyself.com — Як створити свій сайт. Основи самостійного сайтобудування