Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
Теми
Уроки
Хакі

Чуйний (responsive) дизайн – це ключовий гравець та королева балу в одній особі. Це феномен, який дозволив власникам WordPress сайтів легко та дешево розширювати свої можливості на мобільні платформи.

Чуйний дизайн настільки поширений, що навіть клієнти, які раніше ігнорують усі тенденції, тепер хочуть чуйний сайт, іноді навіть не знаючи, що це означає.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Але чи не дійшли ми ситуації, коли чуйний дизайн приносить більше шкоди, ніж користі? Чи він не стримує інновації? Чи не тягне він WordPress назад?

Чуйний дизайн гальмує розвиток WordPress?

Мульти-платформна сумісність часто розглядається лише як завдання "щоб містилося". Ми одержимі чуйним дизайном. Практично кожна нова WordPress тема чуйна. Пости в блогах, що висвітлюють від 20 до 250 "прекрасних" чуйних WordPress тем, з'являються із завидною сталістю. Mashable позначив 2013 як "Рік чуйного дизайну". Orly?

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

Одержимі розмірами забувають про користувача

Чуйний дизайн передбачає, що проблема сумісності дизайну для різних пристроїв - тільки в розмірах, забуваючи решту важливих факторів, які впливають на користувача.

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

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

Користувачі планшетів не очікують отримати урізану версію звичайного сайту, а саме на цьому фокусується чуйний дизайн.

Який підхід "один розмір для всього" може бути оптимальним?

Чуйний дизайн зазвичай йде одним з двох шляхів:

  1. спочатку робиться десктопна версія, а потім компоненти видаляються та переміщаються, оскільки розмір екрану зменшується;
  2. спочатку створюється мобільна версія, до якої зі збільшенням розміру екрана додаються компоненти.

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

А якщо власники сайтів хочуть надавати користувачам планшетів зовсім інший продукт, використовуючи той же контент? Варіант "один розмір для всього" обмежує таку можливість. Це вплив такої "чуйності" на розвиток та інновації.

Чуйна верстка вбиває інновації у WordPress?

Нові WordPress теми виходять практично щодня, але дизайн CSS3 може бути красивим, але не інноваційним.

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

Власники сайтів переходять до цифрових журналів, але де теми типу H5Mag, що дозволяють робити дійсно цифровий журнал за допомогою WordPress? Де мої програми, обернуті на тему? Де поділося гасло "WordPress - передова онлайн публіцистики"?

Реактивний та проактивний підхід до справи

Моя найбільша претензія до чуйного дизайну – "реактивний" підхід до клієнтської частини, що в контексті серверної системи керування контентом WordPress здається абсолютно непотрібним.

Якщо нам потрібна одна тема для всіх вимог, то ця тема має бути "проактивною" і адаптуватися на серверному рівні, відповідно до пристрою, який робить запит, надсилаючи лише дані (HTML, CSS, Javascript), які будуть точно показані користувачам.

Звичайно, визначення пристрою це не розмітка дизайну, але невже така зміна у відповіді така важлива?

Проактивна адаптація має бути застосована на верхньому рівні. У WordPress вже є визначення пристрою та можливість зміни теми, тому цілком логічно не адаптувати окрему тему, а віддавати користувачеві тему, яка оптимізована під пристрій, з якого надійшов запит.

Можливо, розробники тем навіть могли б запропонувати "набір тем" з окремими темами для різних платформ.

І все-таки, чуйні технології - зло?

Ні, звичайно ні. Чуйний дизайн – дуже зручний підхід, але він має бути використаний у контексті.

Це не суперечка адаптивності з чуйністю. Найкраще рішення — використовувати обидва підходи. Адаптивне рішення для того, щоб знайти найбільш оптимальну тему, яка включатиме чуйні елементи для кращого виду теми.

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

Це правильний, контекстний дизайн.

Чуйний дизайн — лише один інгредієнт

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

Але домінування чуйного дизайну стало згубним. Це душить інновації і вселяє безтурботність розробникам WordPress тим і багатьом власникам WordPress сайтів. Це відмовляє користувачам в еволюції їхнього досвіду використання сайтів.

Такі користувачі зазвичай йдуть. І власники сайтів йдуть услід. Так що давайте зробимо глибокий вдих, заспокоїмо галас навколо чуйного дизайну і повернемося трохи до розробки WordPress тем. Змішаємо чуйний дизайн з іншими підходами, розвідаємо інші ніші. Давайте створимо екосистему WordPress, яка надасть користувачам оптимальні враження та оптимальні можливості власникам сайтів. Не дамо чуйного дизайну тягнути WordPress назад.

А як ви думаєте? Чи не надто перевага чуйності душить інновації? Чи головне це спростити процес адаптації сайту для різних пристроїв? Поділіться своїми думками у коментарях.

Джерело: wpmudev.org
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 4

chumachkin_m:

Є ще один момент у чуйному дизайні, це здатність клієнта підготувати правильно контент під нього. Сюди так само в мінус йде кривість JavaScript редактора.

ІМХО

IgorSoyka:

Дивні аргументи!

AlexOst:

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

WPcafe.org:

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

Додати коментар або відгук