Урок 30
Урок 30. Особливості дизайну з використанням флеш технології
У кутюр'є, будинків модного одягу та бутиків є традиція: замовляти собі сайти на флеші. Традиція, втім, поширюється і сайти, пов'язані з багатьма іншими областями деятельности. Модні сайти перші спадають на думку, тому що їх стиль, очевидно, асоціюється з чимось, близьким флешу: модним, крутим, блискучим, що володіє дивовижними можливостями, анімованим, казковим.
Але, по-перше, є модні сайти без флешу. Якщо не брати до уваги нудні сайти на кшталт веб-представництва Маші Цигаль (www.mashatsigal.com), то серед таких сайтів можна зустріти по-справжньому цікаві та незвичайні роботи.
Звідси висновок: не все те флеш, що рухається і виглядає привабливо.
По-друге, у технології та прийнятих методів її використання існує велика кількість невирішених проблем. З одного боку, флеш дає модним сайтам елегантність і плавність руху («штани перетворюються»), з іншого — змушує чекати від сотні кілобайтів до кількох мегабайтів завантаження. При цьому найчастіше сайт укладений в один ролик (з зображеннями, що динамічно підвантажуються), що порушує навігацію і змушує очікувати завантаження тих частин, які не потрібні в даний момент. Розглянемо основні спірні моменти.
Проблема 1.Перенасиченість ефектами
Важко втриматися і не зробити кожне меню, що випливає з різних боків, а всі розділи, що відкриваються в новому стилі. Фотографії при наведенні миші повинні похитуватися, а перш ніж текст відкриється, по ньому бігатимуть якісь підозрілі геометричні фігури. Вперше це може потішити. Вдруге це можна показати другові. Втретє це може почати дратувати; а якщо на сайт заходиш тількиза новинами (30-40 Кб), весь ролик зі спецефектами (240 Кб) щоразу завантажувати просто прикро. Це саме той випадок, коли краса не робить світ кращим. Працюючи на естетику, розробник забуває про функціональність.
Проблема 2.Неповна підтримка традиційних інтерфейсних елементів
У флеш-ролику права кнопка миші працює не так, як на інших сайтах. З її допомогою не можна скопіювати чи вставити інформацію, зберегти малюнок чи зробити інші очевидні речі. Особливо це відчувається в Opera, де в контекстному меню зібрано дуже багато корисних функцій (не здивуюся, якщо формат Flash був спроектований на комп'ютерах Apple Macintosh, в системах на яких контекстному меню приділяється набагато менше уваги; навіть у переважної кількості моделей миші на них по одній кнопці).
Далі, некоректно працює кнопка "Назад". Справа в тому, що більшість флеш-дизайнерів роблять сайти на основі одного ролика, до якого підвантажуються інші. Природно, що під час відвідування нового розділу не завантажується нова сторінка, історія браузера нічим не поповнюється: кнопка «Назад» залишається неактивною.
Зрідка зустрічаються сайти, кожна із сторінок яких окремо включає флеш-ролики; у цьому випадку браузерна навігація працює у звичайному режимі.
Проблема 3.Фіксована верстка
Проблема 4.Можливість відключення або відсутності в браузері
Нарешті, є різні версії флеш-плеєра, і те, що працює у 8 версії, не працює у 7, адже не всі регулярно стежать за оновленням браузера. Загалом важко знайти хоча б один сайт, де всі ці проблеми були б вирішені цілком і повністю. Втім, є сайти, для яких таке рішення не потрібно. Так, www.conclaveobscurum.ruОлега Пащенка замислювався і створювався швидше не як інформаційний ресурс, а саме як дизайнерський проект, блискуче втілений у життя.
Стиль підтримується на внутрішніх сторінках, які виготовлені на HTML з використанням кадрів. Щоправда, прокрутка тут виглядає чужорідною. І верстка тексту негарна, з величезними пробілами через виключення по ширині. Тирі замінені дефісами. «Особливості концепції» — це майже тавтологія. А увага до згаданої заставки наполегливо привертається і при її завершенні, і при завантаженні внутрішніх сторінок: помилуйтеся, як ми, дизайнери, вміємо. Що змащує ефект величності.
У результаті отримуємо таку ситуацію, коли дизайнер задоволений власною роботою, замовник захоплений красою флешу, а відвідувач сайту засмучений втратою трафіку та часу. Але ж сайт створюється для відвідувача, а не для самозадоволення.
Хороший дизайн представлений на сайті coding4.net - coding4.net - движки CMS на ASP.NET (AJAX/MVC) - все ясно і по справі, нічого зайвого, відволікаючого користувача від тексту та інформації. Сторінки завантажуються швидко і матеріали CMS на ASP.NET знаходяться також швидко.
Висновок можна зробити єдиний — все має бути доречним. Якщо сайт може обійтися без флеша, краще його зробити без флеша. Якщо навігація утруднюється при використанні єдиного ролика, то варто зробити окремі сторінки з роликами, що впроваджуються, і так далі.
І завжди потрібно передбачати варіанти завантаження сайту без флеша.