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

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

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

У середньому ширина людського пальця становить 11 мм, тому в якості оптимальних цільових об'єктів на сторінках сайту рекомендуються квадрати розміром не менше 40 пікселів. Навколо цільових об'єктів потрібно залишити вільну область шириною приблизно в 10 пікселів. При цьому можливості сучасного веб-програмування дозволяють виконувати подібну настройку відстаней між об'єктами тільки для певних користувачів — тих, які прийдуть на сайт з сенсорних мобільних пристроїв.

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

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

• достатній для натискання пальцем розмір цільових об'єктів;
• достатню відстань між цільовими об'єктами (щоб уникнути випадкових помилкових торкань);
• відмова від використання меню, що розкриваються при наведенні курсору;

Крім того, при створенні сайтів з підтримкою сенсорного управління залишаються в силі загальні вимоги, що пред'являються до мобільних версій сайтів: мінімізація розміру сторінок для прискорення завантаження, відмова від надмірної кількості графіки та ефектів, акцент на простоті та зручності.

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

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