Євген Фонталін

Напевно, наступний 2012 рік за ступеня передбачуваності, передчуття змін можна порівняти, хіба що, з десятирічної давності «Міленіум». І справа тут не стільки в тьмяному майбутнє російської державності, не в похмурих апокаліптичних прогнозах by Еммеріх & майя, скільки в тому, що то футуристичне майбутнє, яким його собі уявляли наші бабусі і дідусі півстоліття назад, нарешті повноправно настає. І нехай ми як і раніше щодня стоїмо в пробках, а не борознять простори Всесвіту, замість контакту з прибульцями маємо на кожному кроці контакти з прибульцями з південних країн, а технічний прогрес так і не звільнив нас від 8-ми годинного робочого дня, - тим Проте, ми стаємо єдиним інформаційним суспільством.

Згадайте ті дрімучі часи, коли інтернет вважався середовищем, куди можна було вибиратися з суворої реальності лише час від часу; де було безліч спокус для морально незміцнілих користувачів, на довгий час закріпили за інтернетом положення «місця брудніше Москви-ріки» для гиків. Зараз інтернет помітно очистився і з солодкого забороненого плоду перетворився в базову потребу вільної, різнобічно розвиненої, впевненою в собі і своїх правах особистості. Особистості, яка хоче мати доступ до інтернету в будь-який час і в будь-якому місці, завжди знає, що і де шукати, і звикла, що навколишнє середовище пристосовується до її запитам, а не особистість - до обмежень середовища. Все це повною мірою проявляється в трендах веб-дизайну наступного року, який: мобільний; виходить за рамки тільки там, де потрібно; лаконічний і адаптивен.

Але - про все докладніше.

тотальна мобілізація

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

• 25% - рівень проникнення смартфонів в Росії
• 72% власників смартфонів використовують свій гаджет для перегляду сайтів
• 77% власників смартфонів не виходять з дому без гаджета
• 72% вважають, що сайти повинні бути адаптовані для мобільних пристроїв
• У 2012 році кожен п'ятий буде шукати інформацію в інтернеті через гаджет.

(Джерела: www.ourmobileplanet.com і http://searchengineland.com/report-mobile-to-account-for-22-percent-of-search-revs-next-year-100685 )

Сайти 2012 року будуть спроектовані таким чином, щоб однаково добре виглядати на екранах різного розміру. І в цьому їм допоможе спеціальний тип верстки - так званий responsive web design.

Про нього говорилося вже досить багато (чого тільки варті епітети, які підбирають як російського аналога: і «чуйний», і «чутливий», і «реагує»). Сенс його в тому, що сайт самостійно визначає розмір екрану відтворюючого пристрою і відображає сторінку в оптимальному вигляді, змінюючи розмір, положення і вміст елементів. У 2012 році цей підхід до верстки повинен стати загальновживаним.

Перевірити, наскільки це вірно, можна буде просто - скорочуйте вікно браузера і стежте за змінами. Бачите «еволюцію» сайту з «деськтопной» версії до «планшетній» і далі до «мобільного»? - сайт відповідає часу. Сайт «обрізається» праворуч? - шукайте його «мобільну» версію. Якщо і такої немає - це серйозний привід його творцям задуматися.

більше 3D

Інтернет не дуже активно використовував 3D-ефекти, оскільки більше орієнтувався на читачів, ніж глядачів. У наступному році картина зміниться - інтерес до тривимірній графіці помітно зросте. Ні, не варто очікувати ренесансу обертових слів, кубиків та інших НЛО з арсеналу творців скрінсейвер. Двоїтися і троіться в очах теж не буде (хіба що відразу після НГ), а ось тіней і текстур, що створюють «глибину» зображення, на екранах додасться. Активно буду задіяні передній і задній план: одні об'єкти будуть «ближче», інші «далі»; взаємодіяти вони будуть по реалістичних фізичних законах; переміщатися - за законами перспективи. Буде більше 3D-моделей об'єктів і простору. Радує, що для всіх цих чудес одягати 3D-окуляри поки не доведеться.

Менше «флеша»

Флеш надзвичайно популярний серед веб-дизайнерів, і вони швидше почнуть копати траншею ложкою, ніж відмовляться від роками відпрацьовують технології. Але нерозумно заперечувати очевидне - флеш вже себе вичерпав, у «мобільному» майбутньому йому вже немає місця. Так що, якщо для чого кінець світу неминуче і настане, то цим «щасливчиком» буде старина флеш. Його місце займуть молоді та амбітні - CSS3 і HTML5.

Замість тексту - інфографіка

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

підтримка шрифтів

Втомилися від простоти Arial? Будь ласка! Насолоджуйтесь витонченими зарубками Times'a. Теж набридло? А чи не занадто ви вибагливі? Приблизно так було раніше. Зараз в бібліотеці шрифтів Google з'явилися сотні оптимізованих під веб шрифтів, легко вбудовуються в таблиці стилів. Так що в наступному році дизайнери помітно урізноманітнюють уявлення текстів на сайтах. Що ніяк не скасовує значення інфографіки!

Меню в декілька стовпців

У 2012 році почнеться глобальна зміна - «мобільний» інтерфейс стане чинити серйозний вплив на традиційний веб-дизайн. Стандартні «горизонтальні» і вертикальні »моделі навігації доповняться матричної моделлю, яка доведе своє право на існування.

Інформації в інтернеті багато, часу мало - не «зачепивши» увагу користувача в перші миті його знаходження на сайті, можна очікувати, що він просто закриє вкладку. Тому іноді має сенс винести розділи зазвичай другого рівня відразу на головну сторінку. Коли їх досить багато, стандартний горизонтальний тип навігації стає зім'ятим і перевантаженим, напрошуючись на те, щоб «виплюнути» «менше потрібний» розділ з основного меню. А то і зовсім зробити меню в боковій колонці. Однак, якщо в соціальних мережах це прижилося, на всіх інших сайтах користувач як і раніше очікує побачити основні розділи десь вгорі сторінки. У 2012 році веб-дизайнери будуть вирішувати це протиріччя просто. Просто порушуючи звичну сітку сайту і розміщуючи пункти меню, за аналогом меню в гаджетах, в кілька колонок. Досвід показав, що це зовсім не страшно - нова модель навігації цілком життєздатна і хороша приймається користувачами.

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

з іншого

Серед того, що ще оголошують трендами майбутнього року, запам'яталося наступне:

- Фіксована меню навігації

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

- Кола

З'являються не тільки в полях і не тільки під очима, але, виявляється, ця форма стає популярною в веб-дизайні. Дивно називати це трендом, але можливо і тут має місце вплив мобільних технологій - в століття сенсорних екранів веб-дизайн «округляється» під натискання пальцями.

- Декоративні стрічки

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

- QR-коди

Хочете виділитися? Використовуйте на сайті QR-коди. Або пофарбуйте волосся в червоний колір.

Які можна підвести підсумки? У 2012 році традиційний веб-дизайн стане наближеним до «мобільному» інтерфейсу, позбавиться від стереотипів минулого, поставить на перше місце якість сприйняття і зручність користування інформацією, стане більш кастомізованих під запити конкретного користувача, позбавить від чорнової роботи по донастройку засобів відтворення (драйвери, оновлення ПЗ, дозвіл екрана). Зовні він стане простішим, але за цією оманливою простотою буде стояти продуманість і серйозна технологічна база.

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

Також дивіться:

Як спілкуватися з клієнтами в 2012 році

Євген Фонталін: WebПіл: як «пиляють» бюджети в рекламних агентствах

Василь Пирогов, Євген Фонталін: Flash «вмирає». Хай живе анімація для всіх