1. Категорія товарів
2. Оформлення картки товару
3. Опис товару, ціна і кнопка «купити»
4. Спроба купити килимову доріжку №2
5. Спроба купити килимову доріжку №3
6. Спроба купити килимову доріжку №4
7. Спроба купити килимове доріжку №5
8. Спроба купити килимову доріжку №6

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

Внутрішні сторінки вкрай важливі, адже вони так само повинні направляти користувача, і спонукати його до покупки. Понад 70% цільового трафіку приходить на внутрішні сторінки.

Категорія товарів

Перевіряємо все по чек-листу:

1. Логотип знаходиться на видному місці і при кліці переводить відвідувача на головну сторінку. Пункт меню «Головна» давно вже не використовується, так як логічніше і зручніше робити перехід з логотипу.

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

3. Пошук по сайту на видному місці і працює без помилок

4. Хлібні крихти - ідентифікатор того, де зараз відвідувач, клікнувши на будь-яку з посилань, вона активна і переводить на потрібну сторінку. Також хлібні крихти - це важлива частина для SEO.

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

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

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

8. Сам каталог повинен мати: великі чіткі фото, назву товару, ціну, кнопку «купити» і «додати до порівняння». Опис варто виводити тільки в крайніх випадках, якщо воно не громіздке і полегшить навігацію. Наприклад, якщо Ви хочете купити піцу, то краще вказувати склад, не змушувати користувача кликати ка кожну піцу, щоб прочитати з чого ж вона складається. Голодній людині найменше хочеться витратити час на клікання))

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

Оформлення картки товару

Картка товару у нас на 3-му кліці - ідеальний варіант навігації. За 3 кліка відвідувач потрапив куди йому потрібно.

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

Фото повинні бути чіткі, чи не деформовані, і з можливістю збільшення для детального перегляду.

Нічого не повинно відволікати користувача від покупки, раз він дійшов до картки, то його не цікавлять новини магазину, курси валют, прогноз погоди та інші відволікаючі речі.

Ми прибрали фільтр з картки, до нього можна повернутися на посилання "повернутися назад».

Таким чином, ми дали відвідувачеві можливість сконцентруватися на товар.

Опис товару, ціна і кнопка «купити»

Що стосується опису, - воно повинно бути повним, лаконічним, і у вигляді списку. Так легше очам шукати потрібну інформацію, не перечитуючи громіздкий сайт. Продумайте, які вимоги можуть бути у покупця, передбачте всі варіанти питань і складіть опис товару. Чим швидше користувач знайде потрібну йому інформацію, тим швидше від натисне «купити».

Кнопка «купити» повинна бути на видному місці у вигляді кнопки, щоб на неї хотілося клікнути, але це не означає зробити її такою, щоб вона «різала око». Якщо зробити «додати в корзину» у вигляді посилання - це не на стільки спонукає до дії, як очевидна кнопка.

Ціну також потрібно зробити помітною, щоб не обтяжувати відвідувача її пошуком.

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

Бажано дати можливість покупцеві в рамках картки товару вибрати колір, розмір і супутні товари (як у нас: вітражі або шпон, наприклад).

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

Як зробити інтернет магазин незручним

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

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

Отже розповідаю як все було 🙂

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

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

Не відразу помічаю, що сайт тільки відкрився, але це тільки підтверджує мою теорію, що в рекламі від Гугла зазвичай «молодняка» більше, ніж сайтів із сивою бородою :).

І у молодих сайтів з дизайном і структурою справи куди краще, що наочно і бачимо:

На перший погляд, надія тут купити є. Та й пару конфузів теж присутні.

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

- Що станеться при виборі «Акції» якщо видно, що весь товар акційний, і ще й напис є що на все 20% знижка. Хм, давайте перевіримо, ага діагноз був вірним, дива не сталося)), ця кнопка просто зайва, її можна було зробити поки неактивній за аналогією, як пункти під нею, щоб не плутати користувача.

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

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

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

Ну і хочу похвалити, що позначення вибору форми і кольору досить вдалі.

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

Хм, я як господиня, шукаю килим, розуміючи його ширину, може я одна на мільйон хто так мислить, але у мене завдання не ширше 1 метра. І знову мене просять на вихід, для особливо обдарованих, ширина не передбачена сайтом.

Ну ладно, з думкою: «мене не так просто вижити» йду далі. Даю останній шанс - чарівні 3 кліка по фільтру: колір, форма і спочатку дешевше. І тут починаються чудеса сайтобудування:

- Хочеш дешевше? Бери килимок у ванну, ну правда весело, я ж зайшла на сайт побалуватися, а не килим в коридор купити. Вибрати для якої із зон квартири мені потрібен килим, щоб хоч скасувати килимки в ванну, я не можу.

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

- Якщо говорити про водяному знаку такий варіант куди пристойніше і не так об'єктивно говорить про жадібність.

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

Логічне запитання, скільки у мене часу і терпіння, відповідь - 3 кліка по фільтру. Чи не знайшла що шукала, прощай навіки вищезгаданий Інтернет Магазин Ковров.

Будучи вигнаної з першого сайту, шукаю допомоги на другому.

Спроба купити килимову доріжку №2

Ну якщо упустити об'єктивну критику по дизайну, якому 100 років в обід, і очевидних ляпсусів у верстці, можу сказати, що килимові доріжки тут точно продають.

Вибір, правда, не дуже - всього 9 доріжок, та й ціна трохи здивувала, але в моєму розумінні килимова доріжка продається по метрам погонних, але так як килими купую не кожен день, може, дана інформація застаріла. Не розумію, навіщо в фільтрі виробник і склад, які в однині. Та й фільтр на 9 товарів, які все на 1 сторінці помістилися, як мінімум не правильний. Навіщо сортувати за ціною і кольором, якщо це і так видно праворуч. Краще поставити 2-3 параметра, які є тільки в описі, ну, наприклад, основа - войлок або нитку, висота ворсу. Ширина, врешті-решт.

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

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

Продовжую розслідування. Далі сайт №3 (він же власник 10-го місця в Гугл 10)

Спроба купити килимову доріжку №3

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

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

Господа, бізнесмени, якщо Вам це ще не відомо, - на перше враження про ваш сайт (бути на ньому чи не бути) відводиться всього 3 секунди! Будучи при повному розумі, такий сайт я б закрила до закінчення 3 секунд. Але так як у мене виникло бажання провести професійний аналіз, як складно бути Інтернет покупцем, нижче все детально і по пунктах.

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

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

- Натискаємо килими для поліпропілену переконуємося, що я була права і це 1 коло ...... Фільтри і близько немає, та й кому цікаво, що ви шукаєте на сайті. Раз покупцеві треба - це його проблеми. Цікаво, який у них% конверсії?

- Рухаємося далі виявляється, що тут ще є вибір. Коло №2.

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

- Якщо таки малюнок я вибрала, назвати артикул це коло №4. Не знаєте латиницю, то і килима Вам не бачити, вчіть алфавіт. Тут моє терпіння і закінчується, хай вибачить мене шановний власник сайту. Мені щиро шкода, коли компанія не дозарабативает тільки тому, що дістався комусь такий сайт. Не дарма в Росії ввели ГОСТ на юзабіліті.

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

Отже по контекстній рекламі я більше ні ні. Справа сайти я завжди ігнорую, не знаю як Ви, але я за органічну видачу Гугл.

Спроба купити килимову доріжку №4

Отже, всі надії на номер 1 в Гуглі за запитом «інтернет магазин килимів».

Перше, що не розумію, я на сайті інтернет магазину, бачу фільтр по параметрам, і трохи нижче мене просять перейти на сайт магазину. У мене 2 питання, а де я зараз і куди я потрапила, перейшовши за посиланням?

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

Ось тут доріжки, є, ура! Але на жаль і ах, клікнувши по одній з картинок, я вже не так впевнена. Все вказує на те що їх немає. Гаразд, низький вам уклін за моє витрачений час.

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

Благо, що на сайті є фільтр за розміром, але де ширина і довжина, - тут уже вгадайте самі. По фільтру одна рекомендація всім, хто слухає професіоналів: якщо на сайті є фільтр, то він для того, щоб відвідувач не думав і не гадав, він для механічного користування, а не перевірки IQ відвідувача. Якщо фільтр змушує думати або його робота не коректна, або він видає, що за вашим запитом нічого немає, у Вас 2 варіанти: прибрати його взагалі або сісти і скласти грамотний фільтр, але він повинен давати результат при будь-якій комбінації правильно, інакше він відсіває НЕ Ваші товари, а Ваших покупців!

Спроба купити килимове доріжку №5

Сайт domkovrov.com на черзі. Фільтр порадував, и розчарував відразу. Если вібрато розмір 1х3м бежевого кольору - Нічого Полтава. Ну а якщо такого немає в природі запитаєте Ви, ну тоді потрібно робити фільтр так, щоб якщо вибрали колір, розмір довантажувати тільки той, що є для цього кольору. Елементарно, Ватсон!

Спроба купити килимову доріжку №6

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

Фільтр зліва явно не за призначенням. Навіщо фільтрувати 1 параметр, якщо варіантів немає? При тому що фільтра за розміром немає, тобто він тільки в дитячих килимах, зате фільтр по виробникам виявився більш пріоритетним, хоча у мене сумніви, що купуючи килим до 5000 грн хтось вивчатиме ринок виробників килимів. Висновок - немає грошей на нормальний килим, тобі не сюди. Питання по покупці доріжки тут закритий сам собою. Не вірите, - успіхів))

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

Наступна моя «жертва», що потрапила під гарячу руку, це kievkover.com.ua. Дизайн сайту, шепоче: «У нас дешево, дешевше не буває». Буду лояльною, але зверніть увагу на фон сайту. Моє периферичний зір благає мене закрити і піти. Якщо хтось не знайомий що таке периферичний зір, це те, що по краях. Сучасні вимоги юзабіліті - не перевантажувати його, так як саме воно відповідає за сприйняття і розуміння об'єктів.

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

Заходжу інтересу заради сюди , Переходжу в магазин elit-kover.com.ua і не перестаю дивуватися, як можна продавати килими від 6000 до 58 000 так? Розмір фото, вражає. Хто заплатить таку суму, побачивши таке, навіть якщо ціна на 10% нижче на сайті, ніж в магазині?

Килим за 58 412 грн, питання, а що з фото сталося?

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

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

Ех засмутилася ... бажання шукати в Інтернеті килимову доріжку відпало саме собою. Думка, що в Інтернеті можна купити простіше, швидше і дешевше - зруйновано, поїхала в найближчий магазин за доріжкою.