Дмитро Карпов: Тенденції веб-дизайну в 2013 році

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

Мені не хотілося просто перекладати якусь західну статтю на цю тему, адже їх реалії трішки відрізняються від наших. А тому потрібно робити певну поправку «на вітер». Я відразу розіслав кільком людям два коротенькі запитання: — «Які тенденції ру/уа-нету в 2013 році? У технічному й візуальному плані, а також загальній поведінці користувачів. На що потрібно звертати увагу веб-розробникам (особливо веб-дизайнерам), щоб бути на гребні технологічної хвилі?». Відповіли не всі… і не відразу, але приємно, що більшість попри свою велику завантаженість мінімум не ігнорує і охоче йде на контакт. За що їм велика дяка!

Отже, в головних ролях: Дмитро Карпов, Геннадій Осіпенко, Денис Суділковський, Микита Лук’янець та Сергій Рачок.

Дмитро Карпов

В этом году будут сохраняться четыре основные тенденции.

Будет активно отмирать яркая и сложная графика на сайтах, масса экранов, разрешений и гаджетов на которых эта вся красота должна будет отображаться будет делать слишком затратной адаптацию визуальных элементов. Адаптивность дизайна и грамотная верстка контента станет больше заботить, влияние гаджетов на веб только усилится. Графика будет мигрировать в приложения, там она будет крайне востребована, яркая и броская, как ее любит аудитория, с перебором и кичем, в эту растущую среду приложений будут перетекать и дизайнерские ресурсы и бюджеты в ближайшее будущее.

Активно будут внедрятся возможности HTML5 CSS3 в разработке, как минимум внедрение шрифтов, работа с позиционированием блоков, прозрачностями, градиентами и всякой мелкой, но полезной функциональностью, как анимация. Конечно обязательным станет использование CSS3 Media Queries на сайтах.

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

Клиенты и рынок все больше ориентируется на социальные медиа. Интеграция инструментов с массовых площадок на сайты и обратно будет заботить и дизайнеров и технологов. Работа с различными API будет только развиваться. Стоит вникать, учиться, консультироваться и много экспериментировать. Тетя Маша уже в YouTube, уже в Одноклассниках и на мобильнике у нее есть ВК. Не у всех ее подруг на работе так, но она им расскажет. Так что держитесь, сайты теперь будут постепенно перестраиваться на работу с разным контентом из соц. Сетей и для этих сетей. Здесь будет важен и талант создавать вирусные картинки и видео, внедрять на сайты контент заведомо провокационный с популярным кошачьим эротизмом и генератором трафика. Не обойдется и без изобретательной маркетинговой суеты, оформлять конкурсы, рисовать за ночь по несколько макетов банеров, анонсов и заглушек вам еще больше предстоит.

Год не обещает прорывов. Но бюджеты на разработку сайтов точно не станут меньше, а при грамотной работе с социальными сетями и интеграции различных сервисов в один сайт вы сможете еще и немного заработать на новаторстве и вере клиента в «магию SM маркетинга».

Геннадій Осіпенко

У 2013 році тренди веб-дизайну визначатиме розмаїтість розмірів екранів і способів введення інформації. Користувачі все більше звикають користуватися сайтами і програмними додатками усюди, не приділяючи особливої уваги тому, що це — складні технології. Різні мобільні пристрої, а також не дуже мобільні (17-дюймовий ноутбук) і взагалі не мобільні (27-дюймовий аймак) передбачають різне відображення інформації та різний підхід до роботи з нею — щоб забезпечити користувачу зручність у досягненні поставлених цілей.

Все більше й більше сайтів використовуватимуть responsive design. Незважаючи на те, що багато сучасних телефонів забезпечують максимально зручний перегляд звичайних «десктопних» сайтів, спеціальні та адаптовані під розмір маленьких екранів версії будуть і надалі завойовувати популярність як зручніші. Ефекти при наведенні (на кшталт меню drop-down) втрачатимуть популярність або пристосуються до вимог touch-технологій.

Різниця між сайтами і програмними додатками й надалі стиратиметься, що ми спостерігали і в 2012-му.

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

Скеоморфізм продовжить здавати позиції, і це тішить. Що при цьому буде публікуватися на Dribbble — не знаю Дизайнерам, теоретично, доведеться приділяти більше уваги саме дизайну, а не вилизуванню оформлення. На жаль, у переможного маршу так званого «чесного» дизайну є і зворотний бік: непрофесійні «дизайнери» відмовляться від обґрунтованості (affordance) елементів. В результаті з’явиться чимало сайтів з елементами, за виглядом яких неможливо буде визначити, що з ними робити. Гадаю, що наприкінці 2013 чи напочатку 2014 розпочнеться чергова масова підтримка підкреслювання посилань і оздоблення кнопок, що робить їх схожими на кнопки.

І як на зло всьому, що написано вище, parallax-прокрутка стане, фактично, стандартом для сайтів-визитівок, що коштують 50 доларів за жменю. У серйозних проектах цю технологію якщо й використовуватимуть, то дуже обережно. У будь-якому випадку, one-pager’и ще встигнуть нам надокучити.

Денис Суділковський

Відгадувати майбутнє — вельми невдячна справа, але я спробую побути на 2-3 абзаци оракулом.

Перше — додатки та аплікейшени вже і так в тренді, їх вплив на те, яким має бути сайт тільки збільшиться. Іконки-кнопки-таби, увесь арсенал UI-елементів з тачскрінів перекочує і у веб.

Друге — плоскість в оформлені. Все одним прошарком наче в Metro Style чи Android 4. «Вебдвануль» остаточно похоронили, всі ці градієнтики та тіні набридли, тепер в декоративному арсеналі однотонні плашки та спрощення. Поспостерігайте, як змінюються сервіси Google — той же YouTube, нарешті, став красивим і зрозумілим для моєї мами

Третє — спецефекти та зворотня реакція інтерфейсу на дії користувача. Дизайни перестануть бути статичними, бібліотеки JavaScript дозволяють анімувати будь-які елементи, але робити це трохи з більшим розумом, ніж то було на Flash чи GIF. Непоганий приклад BrandMentions — анімація використовується для привертання уваги до важливих частин.

А от чого точно не буде, так це масового розуміння, що дизайнер — це не декоратор-оформлювач, не знавець «правил юзабіліті», а режисер вражень. У руках всі інструменти для маніпуляції свідомістю глядача, створення настрою та вражень. Не доросли ми ще до таких проектів як nytimes.com, але рухаємось у вірному напрямку.

Микита Лук’янець

Что модно в этом сезоне? Вопрос оказался труднее чем я думал. Мне приятно помогать украинскими технологическими компаниям, для которых слова BigData, Cloud, SaaS стали не просто словами, но моделями, по которым они выстраивают свой бизнес. Почему?

Интернет превращается из набора текста, медиа, в средство принятия решений. Понятие приложений укореняется, а вещи в реальном мире находят себе вполне четкие очертания в веб. Ключевое слово — Данные. Интерфейсы работы с данными принимают все более разнообразные формы — будь то тач, распознавание жестов или Augmented Reality. Эмоциональная сторона такой работы всегда была увлекательной. Интересно наблюдать, как пользователь начинает спокойно отказываться от привычных метафор и уже верит «плоскому» цифровому миру, это отражается в графических интерфейсах.

Уа/Рунет продолжает радовать пока лишь красивыми с эстетической стороны проектами, всё еще отставая в технологиях от своих заморских коллег. Причин этому достаточно, а та, которая лежит на поверхности — заказчик не готов платить лишнего. Заказчика нужно развивать.

Сергій Рачок

Я наблюдаю за развитием интернета не так давно. Вообще, по-хорошему, я должен был следить за всей этой сумасшедшей развивающейся махиной как только начал пробовать себя в веб-дизайне, но на то время мне не было это интересно. Сейчас приходится интересоваться так как хочется делать в ногу со временем, предлагать клиенту уникальные и современные решения. Интернет развивается как снежный ком, куча новых технологий, теперь сайт — это не просто статичное полотно с информацией, а интерактивный, полный анимацией и графикой адаптивный под все девайсы и разрешения умный бот.

Сейчас в приоритете больше удобность пользования сайтом нежели его графическая составляющая. По сути, все эти перепидоренные картинки с иконками нахер никому не нужны, сейчас этим ни кого не удивить. Сила в удобности, в интерактиве, в простоте, в уникальности, возможности выпускаемого продукта. Поэтому для нас в компании сейчас в тренде — это адаптивная сетка, это лёгкий не перегруженный дизайн, это удобство пользования. Скорее всего так. Три основные аспекта. Ну и поскольку мы специализируемся на красивой перепедоренной графике: иллюстрации, иконки, то стараемся всё это совмещать. Скоро ты сможешь наблюдать на просторах интернета наши последние работы, которыми мы можем гордиться. Всё, что сейчас лежит в нашем портфолио это пережитки прошлого, стандартные шаблонные сайты. Нам, как и всем, не хватает времени на себя: переделать сайт, оформить новые работы и тд. В этом году мы планируем выйти в новом аплуа, с новыми услугами и в новом, обновлённом супер-составе.

Из боянистых тех трендов хочу отметить вытеснение Flash языком разметки HTML5 и CSS3. Нельзя сказать что Flash совсем исчезнет с голубых экранов, так как тоже постоянно развивается, но мы, например, не используем его в своих проектах, так как хотим чтоб наши сайты хорошо работали и на мобильных девайсах и легко индексировались поисковыми сайтами.

На що потрібно звертати увагу веб-розробникам (особливо веб-дизайнерам), щоб бути на гребні технологічної хвилі?

Забить на тренды которые, как правило, навязывает нам запад, которому в свою очередь Китай, а Китаю Вьетнам, Вьетнаму → Амстердам, Амстердаму → Индия, а Индия, в свою очередь, ворует у студента задрота, который на первом курсе сделал сайт своему факультету. Либо сразу зреть в корень студенту. А вообще, стараться придумать что-то своё, чтоб это трендом в последствии стало.

У якості висновку

Можна виділити певні загальні риси 2013 року, про які говорили всі:

• Адаптивний дизайн впевнено входить в наше життя;
• Соціалізація всього і всіх, навіть твоєї сусідки пенсіонерки з нижнього поверху :);
• Metro style рулить, а скеоморфізм тихо курить в сторонці;
• Анімація та всілякі круті штуки за допомогою HTML5 і CSS3;
• Слабка готовність клієнтів задіяти ці риси в реальних проектах.

А що на вашу думку стане мейнстрімом у веб-дизайні?