Поради по юзабіліті і дизайну інтернет-магазину

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

1. Складні фільтри

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

2. Пошук - на увазі

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

3. Інформація про наявність

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

4. Фотографії

5. Кошик

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

6. Хлібні крихти

7. Мегаменю

8. Остаточна вартість

9. Кожен піксель

11. Оригінальність

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

15. Чисті сторінки

16. Відгуки

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

17. Опції і властивості товару

В інтернет-магазині Victoria's Secret варіації за розмірами і квітам речей показані найочевиднішим чином і зрозумілі відвідувачеві без зайвих пояснень. Коли мова заходить про вибір властивостей товару, намагайтеся зробити все можливе, щоб у користувача не виникло питань. Графічне відображення зрозуміліше слів, так що кольори краще позначати саме квітами, інші характеристики - іконками.

18. Чекаут без перешкод

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

19. «У корзину»

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

20. Контакти

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

Схожі статті