Откройте свой сайт на планшете. Как он выглядит? Можно ли сказать, что сайт полностью отвечает потребностям посетителей, им удобно и легко пользоваться, он быстро загружается и не тормозит при воспроизведении видео? Если ваш интернет-ресурс прекрасно отображается на экране планшета, это огромный плюс. Плюс для вас как для владельца, для вашего бизнеса, для конверсии.
Почему важно настроить сайт для планшета?
За год количество пользователей планшетов возросло более чем в 2 раза. Люди предпочитают выходить в интернет тогда, когда им это удобно, независимо от того, где они находятся – дома, на работе, в метро, в автомобиле, на улице, за городом и т.д.Чтобы ваш сайт посещали с планшетов, надо обеспечить не только его продвижение, но и адаптацию под экраны мобильных устройств. Посетители должны получить на вашем сайте все, что им требуется. При этом процесс изучения сайта, оформления заказа или подписки должен стать максимально простым и удобным.
Как адаптировать сайт для планшета?
Сайт, которым удобно пользоваться на планшете – это:
• грамотная организация пространства;• легко читаемый текст;
• правильно подобранные поисковые запросы;
• крупные целевые кнопки;
• заметные ссылки;
• понятная и простая навигация;
• четкие изображения оптимального размера.
Если текст слишком мелкий, пользователи не смогут прочесть информацию, и покинут сайт. Если значки и кнопки расположены слишком близко друг к другу, на них сложно будет нажимать пальцем. Если ссылки будут сливаться с текстом, посетители их не увидят. Можно бесконечно перечислять недостатки оформления сайта, которые будут сразу заметны при загрузке страниц на планшете. Все они становятся причиной роста количества отказов и снижения конверсии. Пользователи испытывают трудности с посещением неадаптированного сайта и чаще закрывают его, не пытаясь получить то, за чем пришли.
В идеале надо сразу создавать сайт с адаптивным дизайном. В этом случае ваш интернет-ресурс будет правильно отображаться на любых устройствах, включая планшеты. Однако такой вариант требует существенных денежных и временных затрат. Альтернативой ему может стать быстрая настройка сайта для работы на планшетах. С ее помощью вы сделаете свой ресурс более удобным и комфортным для просмотра на планшетах.
6 способов подстроить сайт под использование на планшетах
1. Создайте свободное пространство вокруг блока меню и пунктов навигации
Сайт для планшета необходимо настраивать с учетом особенностей воспроизведения страниц на небольшом экране. Меню и навигация должны быть устроены таким образом, чтобы пользователи могли одним пальцем легко осуществлять переход с одной страницы на другую. Увеличьте расстояние между пунктами меню на 5-15 пикселей и сравните результаты. Если формат страницы позволяет, сделайте достаточно свободное пространство между отдельными элементами навигации.2. Повысьте читаемость текста
Для этого сделайте шрифт более крупным. За счет увеличения размера текста можно улучшить восприятие информации и изменить общий облик страниц. Удобочитаемый шрифт – залог быстрого и комфортного чтения публикаций и основа хороших поведенческих факторов сайта.3. Сделайте видимыми ссылки и призывы к действию
В большинстве случаев ссылки на сайт становятся заметными лишь после того, как пользователь наведет на них курсор мыши. На планшетах такой возможности нет, поэтому надо сделать ссылки заметными без необходимости наведения курсора. То же самое касается различных кнопок с призывом к действию. Посетитель сайта должен сразу понять, какие элементы на странице являются кликабельными.Проверьте, чтобы кнопки и ссылки были заметными и выделялись на фоне текста и страницы в целом. Можно использовать контрастные цвета, подчеркивания или более крупный шрифт.
4. Увеличьте размер CTA-элементов и приграничное расстояние
Размер взрослого указательного пальца колеблется, в среднем, в пределах 45-55 пикселей. Сделайте кнопки призыва к действию с учетом этого размера. Предусмотрите свободное пространство возле CTA-элементов. Во-первых, оно позволит легко нажимать на кнопку, не касаясь других деталей страницы. Во-вторых, за счет свободного пространства можно выделить кнопку призыва и сделать ее более заметной для посетителей.5. Сократите количество полей в форме и увеличьте их размер
Процесс заполнения форм на планшете должен быть простым, понятным и быстрым. Для повышения качества формы регистрации или заказа сократите до минимума количество обязательных полей. Увеличьте размер строк, куда пользователь должен вписать необходимую информацию, а также расширьте расстояние между строками. Удобная форма на сайте обеспечивает рост конверсии и сокращает процент отказов.6. Сделайте больше белого фона по краям страницы и между абзацами текста
Для повышения читабельности текста надо использовать больше свободного пространства на странице. Когда текст размещен слишком плотно, читателям сложнее его воспринимать и находить важную для себя информацию. Оставьте свободное место по краям страницы, между строками и абзацами. Это повысит удобство чтения и снизит нагрузку на восприятие.
Внесите эти простые изменения на свой сайт, чтобы им было легко и приятно пользоваться на планшетах. Уделяйте внимание деталям и посетители оценят это, став вашими постоянными читателями и клиентами.
