Как адаптировать сайт под планшет?

28 февраля 2013

Количество пользователей планшетов ежегодно увеличивается примерно в 2 раза, поэтому использование адаптивных шаблонов актуально, как никогда. Этим модным гаджетом сегодня обзаводятся уже не только состоятельные люди, которые могут себе позволить iPad самого «свежего» поколения, но даже студенты-энтузиасты, не брезгующие китайскими не фирменными планшетами с бюджетной маркировкой.

Планшет – это даже не всегда необходимость, ведь приобретают его зачастую пользователи, у которых есть и стационарный компьютер, и смартфон. Планшет – это дань моде.

О динамике роста интернет-трафика с планшетов можно судить даже по одному показателю – так, количество трафика интернет-магазинов именно с планшетов увеличилось за 2012 год в 3,5 раза. Если вы хотите быть на гребне этого тренда, вам необходимо максимально упростить пользование вашим сайтом, сделав его комфортным для владельцев планшетных компьютеров. Эта проблема стала настолько актуальной, что в Западном интернет-маркетинге был придуман специальный термин – Tappiness.

Tappiness – это удовольствие от работы с сайтом на планшетном компьютере. Это комплексное понятие подразумевает умное использование пространства сайта, поскольку экран планшета – это не монитор ПК и не экран смартфона. Tappiness — это легко читаемый текст, это наличие логических ключей для взаимодействия. Это достаточно крупная мишень для пользователей планшетов, делающая навигацию по сайту комфортной.

Зачастую сайт, который разработан под стандартный компьютерный экран (а это сегодня примерно 20 дюймов), оказывается крайне неудобным для пользователей планшетов. На многих сайтах текст с экранов планшетов видится мелким и неудобным для чтения, ссылки находятся настолько близко, что на них невозможно нажать пальцем, не задев соседнюю. Все это приводит к дискомфорту и раздражению пользователя. И в 9-ти из 10-ти случаях он уйдет с такого сайта в поисках более комфортной альтернативы. И будьте уверены, он ее найдет.

Капитальным решением данной проблемы является адаптация сайта под любое мобильное устройство – смартфон ли, мобильник ли, или планшет. К сожалению, такой редизайн зачастую оборачивается владельцу сайта серьезными денежными затратами. А таковые, как правило, не всегда имеются в наличии — у настоящего бизнесмена деньги ведь должны находиться в постоянном обороте. Нынешние кредиты дороги и их не так просто получить. Потому ниже представлено 6 простых шагов веб-мастера навстречу пользователям планшетов, которые потребуют минимальных вложений усилий и средств.

1. Просто увеличьте размер кнопок. Визуально выделите призывы к действию и увеличьте их ограниченную зону. Размер кнопок должен находиться в пределах 45-60 пикселей – это средний размер указательного пальца взрослого человека.

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

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

4. Меню навигации должно быть помещено в свободное пространство. Покупатель должен свободно выбрать своим указательным пальцем ту страницу сайта (в частности интернет-магазина), которая его интересует. Если он на интересующую его страницу попадет только с третьего раза, он будет раздражен и в этом состоянии скорее скажет «нет» вашему товару, чем приобретет его.

5. Для увеличения четкости и визуальной доступности страницы увеличьте ее края и края текстовых блоков. Это уменьшит сложность восприятия сайта. Белое пространство по краям создает легкость чтения текста. Это маленькое, но важное преимущество для информативных сайтов. Этот тезис легко можно проверить на любом Word-документе: для начала прочитайте текст со шрифтом №12, полностью заполнившим экран, а затем увеличьте текст до №16, при этом оставьте белые поля по краям страницы. Вы легко убедитесь в том, что последний текст читать лучше.

6. Особое внимание уделите удобству регистрации на сайте. Во многих интернет-магазинах нельзя приобрести покупку, не зарегистрировавшись на сайте. Для удобства пользователей планшетов увеличьте размеры регистрационных бланков и промежутки между ними. Это увеличит продаваемость товара по принципу «здесь и сейчас».

Подводя итоги…

Ваша выгода от пользователей планшетов заключается в том, что они заходят на сайт в выдавшуюся свободную минутку, например, во время обеденного перерыва, в кафе с бесплатной Wi-Fi зоной, стоя в очереди, в транспорте или в другой ситуации, где необходимо «убить время». В этом случае срабатывает рефлекс заняться чем-нибудь — например, купить понравившуюся в Интернете вещицу. Вышеприведенные 6 шагов навстречу пользователям планшетов помогут сделать интернет-шоппинг ваших клиентов простой и удобной затеей. Тем самым вы повысите конверсию своего сайта и увеличите количество лояльной аудитории.

Используя адаптивный дизайн, который автоматически подстраивает расположение блоков под разрешение экрана, для интернет-магазинов вы получите значительное увеличение конверсии и довольных посетителей.

Не можете найти ответ на вопрос?