Нічого зайвого: як створити зручну мобільну версію інтернет-магазину

1. 1. Вивчіть ваших покупців
2. 2. передбачити потреби
3. 3. Ліквідуйте зайві кроки
4. 4. Мінімізуйте час завантаження
5. 5. Подумайте про зручність
6. 6. Не урізати контент в мобільній версії інтернет-магазину
7. Поширені технічні помилки при створенні мобільних сайтів:

Доброго дня!

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

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

Як же зробити мобільну версію інтернет-магазину найбільш оптимальною?

1. Вивчіть ваших покупців

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

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

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

2. передбачити потреби

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

• Використовуйте можливості мобільного інтернету, наприклад, визначення місця розташування клієнта. Це дасть можливість відразу ж розрахувати вартість доставки і запропонувати на вибір варіанти, як саме забрати або отримати товар.
• За даними Google, до 80% користувачів смартфонів використовують їх для порівняння товарів і цін. Додайте в опис товару рейтинг, короткі відгуки або посилання на текстовий або відеоогляд, зробіть акцент на «ексклюзивних цінах», знижки або спецпропозиції, щоб клієнт бачив, що купувати краще у вас.
• Введіть послугу «зворотний дзвінок», коли оператор колл-центру допомагає довести покупку до кінця.
• Додайте кнопки «поділитися» в соцмережах або месенджерах (щоб, наприклад, показати друзям те, що ви пропонуєте придбати в подарунок «в складчину»). Багато покупців це оцінять.

3. Ліквідуйте зайві кроки

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

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

Простота реєстрації в мобільній версії інтернет-магазину Nike

4. Мінімізуйте час завантаження

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

У приклад можна навести досвід відомого рітейлера Walmart. 2,5 роки тому мобільний сайт інтернет-магазину вантажився більше 7 секунд. Через рік компанія скоротила час завантаження сторінки до 2,9 секунд: розробники поміняли шрифти, оптимізували зображення, підкоригували контент. Підсумок вражає: за кожну смінусованную секунду Walmart отримав плюс 2% конверсії.

Дізнатися швидкість завантаження вашого сайту можна за допомогою сервісу Page Speed ​​Insights .

5. Подумайте про зручність

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

Кілька підказок зі створення мобільної версії інтернет-магазину:

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

Інформація про товар в мобільній версії інтернет-магазину PUDRA

6. Не урізати контент в мобільній версії інтернет-магазину

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

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

Інформація на головній сторінці мобільної версії інтернет-магазину Wildberries

Поширені технічні помилки при створенні мобільних сайтів:

Блокування JavaScript, CSS і графічних файлів. Якщо у файлі robots.txt буде закритий доступ до цих ресурсів, Google не зможе правильно проаналізувати і проіндексувати зміст сайту. Це призведе до погіршення позицій в пошуку. Для того, щоб це виправити, потрібно надати роботу Googlebot доступ до JavaScript, CSS та відеофайлів.

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

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

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

Маленький розмір шрифту, що змушує клієнта застосовувати жести для збільшення масштабу.

Розташовані занадто близько інтерактивні елементи, через що, клікаючи на один з них, можна ненавмисно активувати інший.

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

А у вашого інтернет-магазину є мобільна версія? З якими проблемами в її створенні ви зіткнулися? Діліться досвідом в коментарях!

Підготувала Вікторія Чернишова.

Нічого зайвого: як створити зручну мобільну версію інтернет-магазину

4.9 (97.33%) 15 votes