Мобильный маркетинг. Мобильные технологии – революция в маркетинге, коммуникациях и рекламе
Шрифт:
На сайтах активно используются гиперссылки. Что это такое? Просто ссылка в виде текста, ведущая к уточняющей информации. На мобильных устройствах они работают менее эффективно из-за размера экрана по сравнению с нашим инструментом ввода, то есть пальцами. Тут используются кнопки, которые, однако, могут очень неуклюже смотреться на настольных версиях сайта.
Итак, в фокусе нашего внимания – экраны уменьшенных размеров, из-за чего экранное пространство всегда в большой цене.
Десктопные версии сайтов предлагают различные способы навигации по контенту: например, иерархические меню и «хлебные крошки», показывающие, в каком месте сайта вы находитесь. Из-за пространственных ограничений приходится удалять многие такие элементы, но при этом важно, чтобы мобильный пользователь не запутался на сайте. Упростит задачу сокращенная иерархия.
У телефонов есть дополнительный функционал, которого не могут предложить настольные устройства, но который часто используется на мобильных сайтах. Мобильное взаимодействие можно улучшить с помощью таких функций, как геолокация, клики по карте, ссылки по тексту и т. д.
Технологии и их язык
Говоря про разработку мобильных сайтов, нужно знать множество технических терминов и названий соответствующих технологий. Ниже вы найдете список самых важных терминов, которые помогут ориентироваться в теме, на равных вести разговор и строить планы относительно ваших мобильных сайтов.
– HTML – язык разметки гипертекста для верстки веб-страниц. Когда мы запрашиваем веб-страницу, то получаем HTML-файлы, а уже браузер превращает их в то, что мы видим.
– CSS – каскадные таблицы стилей, описывающие внешний вид разметки. То есть CSS определяет, как должны выглядеть разные элементы веб-страницы. Для разных устройств можно применить целый ряд стилей для различных раскладок контента.
– JavaScript – клиентский язык программирования (запускается и используется в браузере), обеспечивающий дополнительные функции веб-страниц. Часто его применяют, чтобы выбрать наиболее подходящие CSS для конкретного устройства.
– Отзывчивый дизайн – обеспечивает отображение веб-страниц для разных устройств, подстраивая раскладку и элементы страницы. Эта подстройка производится в браузере.
– Адаптивный дизайн – позволяет направлять конкретную версию веб-страницы на конкретное устройство или браузер. Если устройство и/или браузер известны, на них отправится только соответствующая версия страницы.
– Прогрессивное улучшение – подход к созданию веб-страниц, цель которого – предотвратить загрузку контента на несовместимых с ним основных браузерах. Это значит, что сначала создается базовая
– RESS – отзывчивый веб-дизайн с серверными компонентами. Метод комбинирования элементов отзывчивого дизайна и других технологий с целью максимально оптимизировать мобильное взаимодействие и устранить недостатки отдельных технических приемов. RESS часто называют «адаптивным дизайном».
– Медиазапросы – элемент CSS, важная часть отзывчивого дизайна. Позволяют адаптировать раскладку под разрешение и раскладку экрана.
– «Резиновая сетка» – принцип состоит в том, что положение и раскладка веб-страницы «растягиваются» вместе с окном браузера, а не являются фиксированными. Это обеспечивает упрощенную адаптацию раскладок под экраны разных размеров.
На нашем сайте есть замечательные практические примеры мобильных сайтов и отзывчивого дизайна .
Отзывчивый дизайн на деле
Говоря об отзывчивом дизайне, многие люди имеют в виду ряд различных технологий для оптимизации мобильного взаимодействия. Именно потому, что один и тот же термин используют в различных смыслах, интернет пестрит дискуссиями по поводу достоинств и недостатков отзывчивого дизайна.
Однако, упоминая отзывчивый дизайн, большинство на самом деле говорит о нескольких технических приемах, которые используются одновременно, – это RESS или другие гибридные решения.
Трехэтапное руководство «на скорую руку» по веб-сайтам с отзывчивым дизайном
Я бы многое отдал, чтобы на заре моей карьеры в цифровом маркетинге кто-нибудь дал мне советы, которые я предлагаю ниже. Это избавило бы меня от многих проблем при создании сайтов с нуля, когда приходилось «подгонять под себя» CMS и пререкаться по поводу дорогостоящих усовершенствований функционала.
Конечно, я не стану описывать тонкости разработки технического задания, так же как и все ключевые шаги, которые нужны, чтобы профессионально создать веб-сайт. В этом руководстве мы не станем говорить о принципах практичности, картировании пути потребителя, контент-аудите и миллионе других важных и нужных принципов. Моя задача – всего лишь показать, насколько быстро можно создать и запустить сайт с отзывчивым дизайном. Будет ли он отвечать вашим маркетинговым целям – другой вопрос.
Заявляю с полной ответственностью – я обожаю и искренне восхищаюсь WordPress. Думаю, это одна из лучших вещей за всю историю интернета! А причина проста – он позволяет создавать множество самых разных сайтов быстро, легко и рентабельно, при этом работает и с мобильными сайтами, и с отзывчивым дизайном.
Конец ознакомительного фрагмента.