5 распространенных ошибок при использовании адаптивного дизайна.

Пользователь удален
Технология адаптивного веб-дизайна позволяет создавать сайты, которые удобно просматривать с устройств различных форматов и разрешающих способностей. Предлагаем ознакомиться с некоторыми ошибками, допускаемыми веб-мастерами при ее использовании.

1. Большой вес изображений.

Около 74% пользователей мобильного интернета покидают сайт, не проведя на нем и 5 секунд. Убедитесь, что все картинки и фотографии имеют минимальный вес, поскольку изображения, быстро загружающиеся на ПК, на экранах мобильных устройств отображаются намного медленнее.

2. Создание одного дизайна для всех экранных разрешений.

Существует огромное количество разных гаджетов, объединенных в одну группу. Для каждого из них требуется свое разрешение, но некоторые веб-мастера искренне полагают, что использовали адаптивный дизайн, выбрав по 1 разрешению на каждый вид устройств: смартфон, планшет, ПК.

3. Контент не показывается полностью.

И в мобильном и в стационарном интернете люди ищут ту одну и ту же информацию, и суть адаптивного дизайна в том, чтобы уместить полную версию сайта в модификацию для планшетов и смартфонов. Урезая контент в мобильной версии, вы рискуете потерять часть аудитории. Единственное, чем позволительно пренебречь ‒ реклама. Кроме того, для создания облегченной версии можно упростить навигацию сайта.

4. Отсутствует сенсорная оптимизация.

Многие пользователи ПК с Windows 8 предпочитают управлять навигацией по сайту так же, как и пользователи планшетов, прикосновениями пальцев к экрану. Заточив сайт, с учетом разрешения экрана под первых, вы сделаете его удобным и для тех и для других.

5. Тестируйте сайт во всех браузерах.

Времена, когда отображение сайта было достаточно протестировать в IE и Firefox канули в Лету. Теперь, чтобы убедиться в том, насколько корректно грузится контент, нужно пройти множество браузеров. Желательно, как минимум, тестировать на этих браузерах:

Для ПК:

• Chrome;
• Safari;
• IE10 для Windows 8 (без Flash);
• Firefox;
• IE9 для Windows 7.

Для планшетов и смартфонов:

• Chrome beta;
• Opera;
• Firefox;
• Dolphin;
• Default Android browser;
• Safari.

И не забудьте о разрешении экранов.
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.
Перейти на форум: