Революция в сфере мобильных технологий разворачивается, и число пользователей Интернета, которые получают доступ к веб-страницам с мобильных устройств разных типов, как никогда велико и растет почти ежедневно .
Для вас это означает, что ваш сайт должен быть высокодоступным для мобильных пользователей, если вы не хотите упустить большой и, возможно, важный сегмент вашего целевого рынка.
Эта потребность в мобильном дружественном дизайне применима еще больше, если вы работаете в определенных культурных или технических дружественных нишах, чьи читатели с большей вероятностью будут просматривать ваш контент с мобильных экранов.
Принимая во внимание многие общепринятые практики интеграции мобильного дизайна, ваш лучший выбор для создания мобильного сайта, который работает, заключается в использовании адаптивных методов дизайна , по крайней мере, в соответствии с большинством современных мнений.
На первый взгляд, это имеет смысл: адаптивный дизайн — это методология макета страницы, которая позволяет различным элементам на страницах вашего сайта изменять свою форму и изменять их размер в зависимости от размера экрана устройства, с которого они просматриваются. При правильных обстоятельствах адаптивный дизайн может выглядеть элегантно, красиво и в то же время придавать огромную функциональность практически любому веб-сайту.
Но обратите внимание на эти ключевые слова: «при правильных обстоятельствах».
Поскольку адаптивный дизайн может быть красивым и очень полезным, он также может привести к серьезным сбоям в веб-дизайне при неправильных обстоятельствах.
Вот некоторые из них, остерегайтесь этих и любых других, которые привели бы к тому же логическому результату.
Иногда это просто не нужно
Создание и поддержка полнофункционального настольного веб-сайта, как правило, гораздо сложнее, чем сделать то же самое для своего мобильного аналога. Таким образом, если у вас уже есть симпатичный, полнофункциональный настольный сайт, и вы, вероятно, не захотите его разбирать и начинать все заново для того же адаптивного мобильного опыта.
И дело здесь в том, что вам обычно не нужно. Ваш сайт хорошо работает для пользователей ПК / ноутбуков и, вероятно, подходит для большинства планшетов, поскольку их экраны обычно довольно большие. Таким образом, вам действительно нужно охватить удобство использования для посетителей вашего смартфона, и для этого вам почти наверняка не понадобится совершенно новая адаптивная перестройка дизайна.
Вместо этого вы можете избежать создания вторичной версии вашего обычного сайта, удобной для мобильных устройств, и запрограммировать свои страницы так, чтобы они перенаправлялись в любое время, когда кто-то обращается к вашему контенту со смартфона. Это не только намного дешевле и проще, но и имеет ряд других потенциальных преимуществ .
Скорость имеет решающее значение, и адаптивный дизайн может не иметь ее
Мобильные пользователи ожидают практически такой же уровень скорости загрузки сайта, как и любой обычный пользователь настольного компьютера, и разочарование их может привести к чрезвычайно высоким показателям отказов.
Учитывая тот факт, что мобильный браузер часто зависит от более слабой связи и меньших ресурсов обработки, чем то, что вы получаете с браузером для ноутбука / настольного компьютера, вам лучше создать мобильный сайт, который будет легким и загружается как можно быстрее — в идеале, менее чем за три секунды
Вот где адаптивный дизайн действительно может потерпеть неудачу и сильно обжечь вас. Факты свидетельствуют о том, что подавляющая доля отзывчивых платформ сайтов, как правило, весят столько же, сколько их настольные аналоги, несмотря на их способность к оперативному переформатированию. Это означает, что, хотя они адаптируются к мобильному опыту, они совсем не оптимизированы для этого. А оптимизация вашего адаптивного дизайна может стоить совсем немного времени и денег.
Использование компактного мобильного дизайна легко и быстро устраняет вышеуказанную проблему.
Попытка вписаться слишком много в это бессмысленно
Скорее всего, не вся информация и показы на вашем веб-сайте одинаково важны или необходимы для большей части вашей аудитории. Это особенно относится к вашим мобильным зрителям.
Они заходят на ваши страницы ради того, чтобы получить в свое распоряжение конкретный контент, например, указания, графики, цены и т. Д., И им не нужно удивляться беспорядку или слишком большому количеству вариантов просмотра.
Когда адаптивный дизайн часто терпит неудачу, он пытается сжать большую часть того, что содержит настольный сайт, в крошечный мобильный формат. Тебе это не нужно. Скорее всего, вам лучше выбрать оптимизированный для мобильных устройств макет, который дает читателям сайт с необходимой основной информацией в формате быстрой загрузки.
Суть в том, что мобильный опыт — это нечто большее, чем простое интеллектуальное сокращение. Процесс также должен включать определенную выборочную выборку элементов и даже конструктивные изменения, которые лучше подходят для мобильной оптимизации, как показывает исследование Venturebeat.
Хотя это можно сделать с помощью адаптивного дизайна с помощью тщательного планирования, конечный компромисс может слишком сильно ограничить как макет страницы вашего рабочего стола, так и макет «дружественный для мобильных устройств».
Рекламные сбои
Еще один, возможно, незначительный, возможно, значительный (в зависимости от модели основного дохода) потенциальный сбой адаптивного дизайна — это изменение размера рекламных объявлений, которое произойдет, когда ваша страница изменится на другой экран.
Некоторые рекламодатели платят вам за определенные размеры объявлений, и то, что они вкладывают деньги в мелкий беспорядок, может не порадовать их.
Отсутствие выбора пользователя
Наконец, мы переходим к единственному базовому провалу адаптивного дизайна, который может раздражать многих пользователей, которые любят ваш планшет: людям нравится выбор, и они обычно ненавидят, когда их опыт диктуется или ограничивается незначительными технологическими отклонениями, которые они не могут контролировать.
С адаптивным дизайном это может стать проблематичным, поскольку ваш сайт автоматически изменяет размер экрана на другой размер, когда пользователь, желающий увидеть его в определенном формате, пытается загрузить страницу. Некоторым пользователям, особенно пользователям планшетов, может не потребоваться использование вашего адаптивного мобильного формата, и принуждение к нему может раздражать их.
Несколько последних слов
Ничто из вышеперечисленного не говорит о том, что адаптивный дизайн ужасен или что вы должны использовать более привычные форматы мобильных сайтов.
Нет, вместо этого просто подумайте о том, что лучше всего оптимизирует для нужд вашего сайта, и переходите оттуда к тому, приведет ли это вас к выбору адаптивного дизайна или к некоторым другим идеям .