Поради, які будуть корисні для всіх, хто хоче створити або поліпшити інтернет-магазин.

Покращуємо дизайн інтернетмагазін

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

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

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

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

    • Складні фільтри. Майже всі продукти випускаються в різних розмірах, кольорах і т.д. Стандартна або наявна упаковка теж може бути присутнім. Якщо ваш сайт має просту і зрозумілу систему вибору з різних параметрів, навіть допитливий покупець отримає задоволення від використання вашого магазину. Подивіться, які можливості вибору пропонують великі он-лайн магазини електроніки.
    • Помістіть пошуковий рядок на увазі. Amazon.com: основна пошукова рядок знаходиться нижче головної сторінки. Таке рішення могло прийти лише з роками досвіду. Коли користувач заходить на сайт інтернет-магазину і не знаходить того, що шукає, для нього природно звернутися до автоматичного пошуку. Тому інструмент цього пошуку не повинен бути захований. Хоча безсумнівно, що ця рада відноситься до тих інтернет-магазинам, пошукова система яких працює коректно.
    • Є в наявності / ні в наявності. Наступна порада для зручності у використанні. Звичайно, з точки зору пошукової оптимізації, невигідно видаляти товар з сайту, коли він відсутній на складі. Однак, з точки зору майбутнього вашого бізнесу, хіба розумно розчаровувати відвідувачів сайту, які нарешті знайшли те, що їм потрібно, додали цей товар у кошик і тільки після цього отримали холодний відповідь: «Вибачте, товар відсутній»? Зрештою, гроші вам приносять люди, а не пошукові програми. Так що думайте в першу чергу про клієнтів. Створіть на видному місці сегмент з інформацією про наявність товару і додайте кнопку «Повідомити мене, коли товар надійде на склад».
    • Фотографія товару. Можливо, немає такого фахівця з інтернет-Тоговля, що не підкреслив б важливість фотографій товару. Вони життєво необхідні для сприйняття сайту користувачем. Це насправді так. По суті, люди купують очима, тим більше в інтернет-магазині, коли товар неможливо помацати. Тому і якість фотографій повинно бути чудовим. Дайте покупцеві відчути реальність товару. І не обмежуйтеся однією фотографією. Якщо у вас є можливість зробити 3D-зображення товару або відео про нього, робіть максимум!
    • Кошик. Як правило, існує два різних види кошика. Перший, при якому кошик відкривається після кожного додавання товару, другий, при якому після додавання товару з’являється лише повідомлення про це. Незалежно від того, який варіант ви віддаєте перевагу, важливо розташовувати кошик там, де покупцям буде зручно її наповнювати. Ще один варіант використовується в деяких інтернет-магазинах: коли корзина з’являється при прокручуванні сторінки вниз. Головне завдання — не змушувати покупця замислюватися над тим, як зробити покупку. Щоб зробити кнопку кошика ще більш привабливою, можна розташовувати поруч з нею маленькі іконки вибраних товарів.
    • «Хлібні крихти « — Дуже корисний, зручний і ефективний інструмент орієнтування на сайті. Він дозволяє користувачам легко орієнтуватися по сайту, особливо, коли вони перенаправлені до даного товару пошуковою системою, і тоді, повернувшись на дві-три категорії назад, вони мають можливість зрозуміти всю структуру розташування товарів. Існує ще один спосіб організації шляху, коли користувач бачить всі переглянуті категорії. Обидва варіанти мають свої за і проти, і для більшої ефективності можна поєднати обидва варіанти. Однак поки ми не бачили прикладів такої організації.
    • Мега-меню. Мега-меню — це величезне спливаюче меню з категоріями і підкатегоріями, яке покриває велику частину сторінки. Такі меню використовуються на таких величезних сайтах як eBay, які продають майже все. Ці меню дозволяють легко орієнтуватися навіть тоді, коли структура каталогу дуже складна. Крім того, вони не займають багато місця, так як їх можна згорнути. Вам варто подумати про використання цієї опції, якщо у вашого сайту багато категорій.
    • Остаточна вартість. Ще одне правило: розміщуйте остаточну вартість на сторінці товару або на сторінці кошика. Немає нічого більш обурливого, ніж додаткові збори, які покупець виявляє лише на останній стадії покупки. Це відштовхне їх миттєво. Ви можете призначити певну ціну доставки для будь-якого місцезнаходження або зробити її безкоштовною, тільки зробіть необхідні обчислення для вибору підходящої вам схеми. Якщо ви не можете цього зробити, розмістіть розрахунок ціни на сторінку товару, щоб необхідні обчислення проводилися автоматично залежно від місцезнаходження покупця.
    • Кожен піксель. Енді знайшов відмінний приклад: інтернет-магазин органічної їжі AbleCole. Автор переконаний, що кожен піксель цього сайту працює. Створюючи кожну сторінку, ви повинні думати про дії і враженнях покупця, вносячи зміни у вже існуючий інтернет-магазин, завжди запитуйте себе, чому той чи інший елемент повинен виглядати саме так, а не інакше, чому цей варіант кращий, а найголовніше — як це сприятиме вашому успіху і зручності покупця.
    • SEO. В умовах розростання інтернет-ринку, який стає все більш і більш конкурентним, пошукова оптимізація — один із ключів до успіху. Дизайн теж може бути розроблений з урахуванням оптимізації. Наприклад, пошукові системи воліють правильний HTML-код з коректним використанням заголовка H (в місці, де його використання необхідно).
    • Залишайтеся осторонь від натовпу. У будь-якому випадку, дизайн інтернет-магазину повинен бути особливим і унікальним, принаймні в якихось деталях. І хоча створити щось принципово нове важко, якщо на вашому сайті немає нічого ексклюзивного, ваш сайт легко може загубитися серед конкурентів. Оригінальне оформлення — перше, що запам’ятають користувачі.
    • Соціальні веб-сервіси. Немає сумніву, що типовий дизайн інтернет-магазину чи приверне багато покупців із соціальних мереж. Незважаючи на це, цю область можна ігнорувати, хоча б з міркувань оптимізації пошуку. Іконки переходу на сайти соціальних мереж — непросте завдання. Цей блок не повинен залучати занадто багато уваги (як зрушуються кнопки в багатьох блогах), але в той же час вони повинні бути видні покупцеві. Навіть якщо користувач не поставить лайк вашому сайту, а просто розмістить якісне зображення або оригінальне опис у своїй стрічці новин, ви все одно отримуєте користь, адже так про вас дізнається більше людей.
    • Прев’ю. Попередній перегляд — дуже зручна функція, яка дає покупцеві можливість швидко переглянути весь каталог, зупиняючи увагу лише на те, що його дійсно цікавить. Попередній перегляд дозволяє ознайомитися з товаром, не закриваючи сторінку категорії. Навіть якщо продукт не відкривається в окремому вікні, а лише виділяється рамкою і його фон стає більш темним, це вважається попереднім переглядом. Але все ж краще якось відокремлювати проглядається продукт від іншого каталогу.
    • Підписка на новини. Маркетинг електронною поштою живий і буде таким ще багато років, тому вкрай важливо складати список потенційних покупців і їх електронних адрес. Помістіть форму підписки в будь-якому місці, де користувач зможе її побачити: в блозі, в спеціально відведеній рамці, в самому каталозі і так далі. Якщо ви часто оновлюєте зміст, ви можете організувати кілька різних розсилок: одну для тих, хто хоче першим дізнаватися про спеціальні пропозиції, іншу — з інформацією про нові надходження, третю — з цікавими та корисними статтями.
    • Чисті сторінки. У реальному житті ніхто не стане робити покупки в брудному магазині. Це вірно і для інтернет-майданчиків. Не захаращуйте каталог марними елементами; постарайтеся залишати тільки цінне. Думайте про кожній сторінці, як про частину цілого, уникайте надмірної діффернціаціі.
    • Рекомендації. Рекомендації — важлива частина сучасного інтернет-магазину. Зазвичай вони розташовуються на сторінці товару; але відгуки про все магазині, Енді пропонує розміщувати на бічній панелі або робити їх згортаються. Окрема сторінка для відгуків — це добре, але чи багато хто на неї зайдуть?
    • Асортимент. В інтернет-магазині Victoria’s Secret вибір кольорів і розмірів добре помітний і простий для розуміння без будь-яких пояснень. Прикладіть максиму зусиль, щоб цей вибір був гранично простий для покупця. Графічне оформлення краще слів, тому кольори повинні виділятися кольором, а інші характеристики мати свої іконки.
    • Просте оформлення замовлення. Упорядкування сторінок — ваша мета. Коли користувач заходить на сторінку, ви не повинні дозволити йому покинути сайт. Додайте додаткові посилання і елементи; не намагайтеся продати йому щось інше. Більше шансів, що покупець зробить покупку, якщо сторінка оформлення замовлення ясна і має найменшу кількість відволікаючих чинників.
    • «Додати в корзину». Очевидне правило для зручності користування інтернет-магазином: кнопка «Додати в корзину» закликає до дії, тому вона повинна бути відокремлена від решти елементів. Вона повинна бути видно краще, ніж, наприклад, кнопка соціальних мереж «Мені подобається».
    • Контакти. Професіонали зазвичай згадують ще один важливий елемент для поліпшення сприйняття сайту користувачем: це спосіб, за допомогою якого з вами можна зв’язатися. Природно, багато покупців можуть захотіти зв’язатися з вами, щоб поставити питання. В ідеалі, інтернет-магазин повинен мати безкоштовний номер, що починається з 8-800. Постарайтеся, принаймні, вказати номер вашого телефону та електронну адресу і запропонуйте скористатися спеціальною формою відправки листа. Чат — вікно з постійною зв’язком з менеджером — може бути цінним доповненням для вашого інтернет-магазину.

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