Создание сайтов с поддержкой сенсорного управления

Сегодня, когда компьютерные планшеты, мобильные телефоны и прочие современные гаджеты работают на сенсорном управлении, важно создавать сайты, которые бы поддерживали такое управление. В противном случае посетители, заходящие на сайт с мобильных устройств (а их становится все больше), будут лишены возможности быстро и удобно получать доступ к необходимой информации на сайте. Создание сайтов с поддержкой сенсорного управления — грамотный шаг навстречу пользователям мобильных устройств.

Одна из основных задач разработки сайтов с поддержкой сенсорного управления заключается в том, чтобы предоставить посетителям таких сайтов корректно реагирующий на их действия интерфейс. Так, к примеру, важное значение имеет размер целевой области (целевого объекта) на странице сайта: слишком маленькая целевая область будет неудобной для нажатия, а если сделать целевую область слишком большой, то страница сайта будет расходоваться нерационально.

В среднем ширина человеческого пальца составляет 11 мм, поэтому в качестве оптимальных целевых объектов на страницах сайта рекомендуются квадраты размером не менее 40 пикселей. Вокруг целевых объектов нужно оставить свободную область шириной примерно в 10 пикселей. При этом возможности современного веб-программирования позволяют выполнять подобную настройку расстояний между объектами только для определенных пользователей — тех, которые придут на сайт с сенсорных мобильных устройств.

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

Таким образом, основные параметры дизайна сайтов с поддержкой сенсорного управления включают:

• достаточный для нажатия пальцем размер целевых объектов;
• достаточное расстояние между целевыми объектами (во избежание случайных ошибочных касаний);
• отказ от использования меню, которые раскрываются при наведении курсора;

Кроме того, при создании сайтов с поддержкой сенсорного управления остаются в силе общие требования, предъявляемые к мобильным версиям сайтов: минимизация размера страниц для ускорения загрузки, отказ от чрезмерного количества графики и эффектов, акцент на простоте и удобстве.

Сегодня принято создавать сразу несколько версий сайтов: одну для посетителей с обычных ПК и одну — для пользователей мобильных устройств. При посещении сайта клиентское приложение (браузер) на мобильном устройстве отправляет серверу, на котором находится сайт, запрос, содержащий название и версию приложения, название операционной системы устройства. По этим данным сервер определяет, пришел ли посетитель на сайт с мобильного устройства и, соответственно, выдает ту версию сайта, которая данному посетителю подходит.

Теги:
создание сайтов, дизайн сайтов, разработка сайтов, версия сайта, мобильная версия сайта