Як визначено Етаном Маркотом в ALA 306 , термін "чуйний дизайн" позначає техніку застосування різних правил стилю до вашого HTML в залежності від розміру екрана користувача. Щоб отримати додаткові пояснення чуйного дизайну, ось приємна колода Майка Боллінгера .
У цій моделі ви надсилаєте клієнтові такий самий HTML, незалежно від того, маленький чи великий екран. Однак якщо ресурси (в основному зображення), на які посилається CSS, не відображаються для певних роздільних можливостей екрана, вони можуть не завантажуватися. Наприклад, для великих екранів, які ви можете використовувати high-res.pngу своєму CSS та для маленьких екранів low-res.png- веб-клієнт може вибрати завантаження зображення лише у активному стилі. (Дивіться коментар @ DBUK щонайменше для одного важливого клієнта, який наразі завантажує обидва! Сподіваємось, клієнти будуть розумнішими!)
Ця методика може мати сенс у вашому випадку, або може мати більше сенсу створити окремий мобільний сайт.
Різні пристрої можуть передбачати різні контексти використання. Мобільні телефони завжди у вашій кишені - як би користувач користувався вашим сайтом у продуктовій лінійці? Хочете відправити їм весь сайт? Або лише кілька функцій? Або зовсім інші особливості? Що робити, якщо вони на дивані з телевізором випадково переглядають свій iPad?
Мобільні пристрої, як правило, мають повільніші процесори, менше пам’яті та повільніші швидкості підключення (всі ці «істини» стають все менш істинними з кожним роком, btw) - можливо, ви захочете відправити окремий мобільний сайт строго з міркувань продуктивності.
Я б задумався, що, чим статичніший, текстовіший і змістовніший веб-сайт (тобто блог), тим більше шансів використовувати існуючий HTML та чуйний дизайн. Чим більше інтерактивний, мультимедійний та керований користувачем веб-сайт (тобто магазин), тим більше шансів на створення індивідуальних сайтів для окремих типів пристроїв.
Крім того, не забувайте, що в цей день і вік також виникає питання, чи повинен мобільний досвід бути сайтом чи додатком .