Несмотря на все неудобство, критику и неуклюжесть, рынок мобильного шопинга растет с огромной скоростью. Что же заставляет ваших клиентов покупать с помощью мобильных устройств? Даже если речь идет о крупных покупках, ваши клиенты с большей вероятностью предпочтут перейти по ссылке, лежа на диване и смотря фильм, чем отвлекаться на ноутбук.
Однако, не все так просто. Думаете мобильного приложения или адаптивного дизайна будет достаточно, чтобы выйти на рынок? Нет. Мобильный шопинг уже давно вышел за пределы «сделать сайт адаптивным» и ждать прибытия мобильного трафика. Теперь мобильный шопинг уже настоящее искусство. Сделать красивый мобильный сайт сложный процесс. Вам потребуется продумать каждый шаг, мобильная версия ни в коем случае не должна быть просто адаптивной версией стандартного десктопного сайта. Мобильный сайт требует сокращения информации, удобства, привычного расположения элементов, максимальной ориентированности использование на смартфонах и планшетах.
Вот вам 5 советов как сделать мобильный сайт подходящим:
Совет 1. Бренд
Даже если у вас небольшой опыт мобильного юзера, начинайте думать мобильно, а именно как ваш бренд будет представлен на мобильных устройствах. Ваш логотип, шрифты и цветовое решение – все это должно быть адаптировано под мобильных пользователей, должно быть привычно и соответствовать уже общепринятым мобильным стандартам.
Совет 2. Скролл
Скролл, или проще говоря, прокрутка, должна быть максимально удобной и дружелюбной. Организуйте представление информации по степени важности: главная информация должна быть расположена в верхнем части скролла. Это уже не секрет, что люди начинают пролистывать информацию, только если она им интересна, поэтому в верхнем экране должна быть сконцентрирована не только главная информация, но и «завлекалочка» для пользователя, которая заставит его просмотреть страницу.
Совет 3. Материал, шрифты, изображения и меню
Соблюдайте ключевое правило мобильного контента – все материалы должны быть компактными и «блестящими». Мобильный материал должен быть по-настоящему простым и ясным. Используйте фирменный шрифт, но не забывайте, что для мобильных устройств самое важное удобство чтения, поэтому делайте шрифт простым и крупным, чтобы он читался легко. Но не перегружайте информативностью, на смартфоне никто не хочет читать описание товара, размером с небольшой рассказ. Сокращайте объем текста и максимально заменяйте его визуальным описанием, т.к. изображениями.
Картинки — ключевой метод предоставления информации в любых мобильных приложениях. Пользователи любят их и любят кликать на них, поэтому не забудьте убедиться, что все ссылки на изображениях рабочие и ведут туда, куда вам нужно. Используйте стандартное меню и поместите его вверху слева, т.к. большинство посетителей правши и такое расположение меню поможет избежать случайных нажатий.
Совет 4. «Призыв к действию»
Направляйте пользователей выполнить действия, которые вы ожидаете от них. Установить приложение? Зарегистрироваться? Или отправить запрос? Что бы вы не хотели от посетителей, направьте их и сделайте ваши указания максимально прозрачными и приведите их к цели. Используйте большие кнопки и всплывающие/преследующие подсказки, чтобы провести ваших клиентов по тоннелю конверсии.
Совет 5. Тесты, измерения и оптимизация
Чтобы провести экспресс-тест, как ваш сайт будет выглядеть на мобильных устройствах, достаточно сжать окно браузера на обычном компьютере. Затем проверьте ваш сайт на последних моделях iPhone и Android, чтобы убедиться в отсутствии багов. Используйте аналитические инструменты для трекинга кликов. Меняйте местами блоки, тестируйте и проверяете, пока не достигнете здоровой мобильной конверсии. Хорошая новость в том, что пока рынок мобильных пользователей уже обычных десктопных, что дает вам и вашему сайту шанс подготовиться к мобильной эре.
Подводя итог, хочется еще раз заострить внимание на том, что не проработанный и не изученный адаптивный дизайн сайта, хуже его отсутствия. Адаптивный дизайн или приложение не означают уменьшенную копию вашего текущего сайта, они должны быть тщательно подготовлены для мобильной аудитории и полностью соответствовать уже принятым мировым стандартам мобильного рынка.
Источник: entrepreneur.com