Наверняка вы хоть раз слышали об адаптивном дизайне, сайте или шаблоне. Какое отношение это имеет к uCoz и почему уже пора задуматься об отображении вашего сайта на мобильном устройстве?
В этом посте приведены некоторые интересные цифры и рассказано о том, как сделать сайт адаптивным.
Начнем со статистики. Вам наверняка покажется интересным тот факт, что в 2013 году количество мобильных устройств с выходом в сеть наконец-то превысило количество подключенных к интернету ПК. Век мобильного интернета наступил!
Объем мобильного трафика (без учета планшетных ПК) в мире на июнь 2013 составил около 16%, тогда как в России эта цифра меньше - 6.4%. Разумеется, эти цифры растут со временем. Все это говорит о том, что интернет все больше становится мобильным, и игнорировать этот тренд, по меньшей мере, беспечно.
Если вы являетесь владельцем интернет-магазина, то потеря прибыли из-за неудобства покупки на мобильном устройстве может достигать 3-4%. Кажется, что это совсем немного, но переведите проценты в реальные деньги и подумайте, стоит ли заниматься “адаптивизацией” магазина.
- Купить готовый адаптивный шаблон для uCoz.
Пожалуй, это самый не затратный способ сделать сайт адаптивным. В магазине шаблонов уже есть приличный выбор таких шаблонов на любой вкус.
Кстати, с 15 по 31 июля TemplateMonster делает скидку 50% на все свои шаблоны. Примечательно, что мировой лидер по продаже шаблонов уделяет большое внимание адаптивности (все шаблоны прекрасно отображаются на мобильном устройстве). - Разработать уникальный адаптивный дизайн
(с его последующей версткой и переносом в систему uCoz).
Преимущество очевидно: вы сами сможете участвовать в разработке концепции и дизайна сайта, вносить корректировки и на выходе получить именно то, что нужно вам. Минусом, несомненно, является дороговизна такого процесса. Кроме того, всегда есть риски, что при работе с исполнителем, конечный результат вам не понравится.
- Дождаться обновления списка стандартных шаблонов.
Большинство стандартных шаблонов в системе uCoz морально устарело. Поэтому активно ведется работа по разработке стильных и современных шаблонов, которые будут доступны бесплатно для всех пользователей системы. Точных сроков релиза пока нет, но уже есть первые скриншоты того, как могут выглядеть сайты, сразу после их создания:
Все новые шаблоны будут адаптивными, то есть посетители смогут наслаждаться просмотром сайта и на мобильном устройстве, а PDA-версия уйдет в прошлое.
С уверенностью можно сказать, что будущее за мобильным интернетом. Пусть и ваш сайт в системе uCoz радует посетителей на любом устройстве!
1
А так как разрешение порядка 2K далеко не редкость и не за горами массовое появление разрешений порядка 4K, проблемы связанные с разницей в разрешениях от 1K до 2K уже актуальные сейчас, возрастут на порядок при большем разрыве значений разрешений, от 1K до 4K (молчу про мксимум в 6K - 8K
)... Адаптивный дизайн не панацея ...
Принцип "Mobile first" многим нравится именно потому, что там легко понять, что реально нужно сайту, а что нет. Это стремление к минимализму, хорошо ооснованное. "Городить огород" на сайте с кучей ненужных элементов - пережиток прошлого. На мобильной версии легче понять, что реально нужно, это вопрос юзабилити.
Сегодня 6-16% (только c мобильных), завтра 50-70% (и с разных устройств: телевизоров, гугл очков, наручных часов), что будем делать?
PDA-адаптивная версия для мелких размеров. Для сайтов изначально расчитаных и на пользователей мобильных устройств.
А что делать если сайт не то что изначально не расчитывается на мобильные устройства и даже более, просто предсталяемую информацию не всунуть в монитор размеров от 9" и менее ????
Я не первопроходец в адаптивности, это уже современный тренд, жаль что у нас до сих пор есть люди (довольно активно излагающие свою позицию), которые еще цепляются за старое, не понимая всех плюсов адаптивного дизайна.
Ждем глобального апдейта "DIV-ная перестройка"
этот пост не для того, чтобы говорить о реальных ситуациях и попытаться показать на реальном примере (да хоть и этот блог) что же такое адаптивный дизайн (да еще и с заявлениями, что адаптировать нужно не только маленькие но и большие разрешения (очень хотелось бы посмотреть как и что заявитель разместит на 2000+пх в этом блоге) с учетом того, что огромные разрешения бывают и на 10" и на 23").
этот пост обобщений и абстракций, где решаются такие сложные понятия как "хорошо" и "плохо", поэтому задавать конкретные вопросы тут неуместно
http://bootstrap-ru.com/scaffolding.php#responsive
@media (max-width: 480px) { ... }
/* От ландшафтного экрана телефона до потретного планшета */
@media (max-width: 767px) { ... }
/* От портретного планшета до ландшафтного экрана и настольных дисплеев */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Большой дисплей */
@media (min-width: 1200px) { ... }
сорри, не увидел, что ветка про таблицы
