Предсказывать будущее — дело непростое, но в web-сфере, которая, по своей природе очень динамична, всегда полезно знать, что будет пользоваться наибольшим спросом в ближайшем будущем. Craig Grannell пообщался с самыми известными людьми в web-индустрии: речь шла о наиболее перспективных направлениях в нынешнем web-дизайне и в web-разработке. Это те  вещи, за которыми нам с вами следует внимательнейшим образом следить в ближайшие 12 месяцев. Специалисты web-индустрии предсказывают, что это будет год больших перемен в дизайне и ещё более активного использования мобильных устройств. Все это весьма сильно повлияет как на дизайнеров, так и на разработчиков. Кроме того, год обещает быть крайне интересным еще и потому, что технология адаптивного дизайна получает все большее распространение, web-стандарты развиваются и предоставляют все больше возможностей для работы с макетом сайта и шрифтами. Все эти и многие другие вещи рассмотрены в нашей статье «20 самых актуальных направлений в сфере web-дизайна и разработки в 2013-м году».

 1. Адаптивный дизайн станет мэйнстримом

Адаптивный web-дизайн получил большое распространение в 2012-ом году, но разработчик Flash-игр Iain Lobb убеждён, что в 2013-м он станет настоящим мэйнстримом: «Если вы создаёте дизайн сайта и не думаете об удобстве работы с таким сайтом на мобильном телефоне или на планшете — вы теряете очень многих пользователей». Дизайнер Tom Muller полагает, что вслед за сайтами крупных брендов, использующих адаптивный дизайн,  потянутся и более мелкие компании, все активней использующие адаптивный дизайн для увеличения продаж. Если все так и будет, основатель Clearleft,  Andy Budd, убеждён, что с подстраиванием сайта индивидуально под каждое устройство будет покончено: «Адаптивный дизайн будет ключевым элементом при разработке сайта компании под любые устройства». По этой причине Budd предсказывает ослабление интереса к разработке отдельных мобильных версий сайта и нативных приложений: «Это сократит число мобильных приложений, дублирующих основные сайты, и подстегнет компании создавать сайты с адаптивным дизайном, удобные для просмотра на любых устройствах».

Как только крупнейшие сайты станут адаптивными, отпадет необходимость подолгу убеждать клиентов в необходимости адаптивного дизайна для их сайтов.

  2. Универсальный дизайн

Дизайнер Laura Kalbag полагает, что в 2013-м году мы наконец-то откажемся от разработки отдельного дизайн-макета под каждое устройство. С каждым днём выходит все больше новых устройств с разными размерами экранов, и web-дизайн в таких условиях станет в большей степени  дизайном динамически-изменяющейся системы, а не дизайном статичной страницы.

3. Flash продолжит сдавать позиции

«В прошлом году я сказал Flash останется для создания разного 3d-контента в сфере развлечений, —  признаётся Muller. — Но непрекращающийся рост продаж планшетов и новые web-стандарты говорят о том, что Flash уже очень скоро будет отодвинут в сторону в угоду производительности — более быстро загружающимся HTML-сайтам, которые в использовании не менее удобны чем сайты на Flash».  «Однако, — замечает Lob, — Flash ещё не умер: у него до сих пор есть своя ниша: специальные видео-плееры, баннерная реклама, Facebook-модули и игры. В web-играх, некоторые предсказывают победу HTML5, но пока Internet Explorer не добавит поддержку WebGL, Flash будет оставаться лучшим решением для создания 3d графики в web'е».

4. Сайты станут более лёгкими и производительными

В 2012-м году, средний размер страницы сайта превысил 1Mb, что по словам дизайнера и разработчика Mat'а Marquis'а, просто непростительно много. Однако, он склоняется к мнению, что присутствует тренд в сторону «лёгких, быстрых и более производительных сайтов».

Существует и ряд схожих мнений. Chris Mills  из Opera/W3C надеется, что в новом году разработчики станут более ответственно подходить к использованию библиотек в своих проектах,  так как сегодня многие используют библиотеки для реализации абсолютно тривиальных вещей.

Дизайнер и писатель Stephanie Rieger убеждён, что, хотя люди сегодня и понимают, что web и печатный дизайн — совершенно разные вещи, они забывают, что web-дизайн используется на компьютере и здесь, для максимального комфортного пользования, фактор производительности важен как никогда.

5. Больше внимания open source-дизайну

Coady верит, что в этом году в сфере open source-дизайна появится гораздо больше людей: «Мне нравится иногда отдавать себя всевозможным open source-проектам, которые используете вы сами, или сообщества, которые вы поддерживаете».  Open source-разработчики обычно проводят столь много времени, работая над технической стороной продукта, что о визуальной составляющей иногда и вовсе забывают.

Коды открывают намного чаще, чем дизайн. Сайты, похожие на RICG, демонстрируют, что так не должно быть.

6. Модульный дизайн

В 2013-м ещё больше людей станут использовать преимущества блочного дизайна. Muller считает, что благодаря технологии адаптивного дизайна и модулям, GUI-дизайн сейчас силён как никогда, и в будущем нам предстоит увидеть ещё более структурированные макеты сайтов. Mo Morgan, из Kitcatt Nohr Digitas, отмечает, что «сегодня существует так много различных фреймворков, разработчикам теперь вовсе нет необходимости каждый раз изобретать велосипед». Строительные блоки модульного дизайна упрощают процесс разработки, делая его более простым и менее затратным, позволяя большинству реализовывать вещи, которые прежде сделать было слишком трудно или дорого. Дизайнер и разработчик Paul Mist надеется, что такие перемены «ускорят рабочий процесс, и теперь мы сможем сосредоточиться в большей степени на детальной проработке элементов веб-дизайна». Однако, Morgan беспокоится, что в 2013-м люди начнут «терять связь с базовыми технологиями, которые являются фундаментом для всех фреймворков и  других инструментов, ускоряющих работу».

7. Активная работа над стандартами

Для Marquis'а ключевое направление 2013-го года заключается в том, что большее число разработчиков станет принимать активное участие в разработке web-стандартов.  Я надеюсь, люди смотрят на работу проделанную членами «Responsive Images Community Group» и многими другими, и воспринимают все это как призыв присоединиться к дискуссии”.

8. Образование в индустрии

2012 был успешным годом для web-образования, и Sharp полагает этот тренд продолжит развиваться: «Речь идёт об образовании детей,  сегодняшней молодёжи». Он вполне допускает, что правительство не будет поддерживать это дело настолько сильно, как хотелось бы индустрии, но организации всё равно чувствуют изменения: «Такие проекты, как Code Club, начинают приносить реальную пользу, я вижу рост количества мероприятий для молодёжи, интересующейся web-программированием и хакерством».

9. Новые инструменты для web-дизайна

После фурора, который произвела технология адаптивного дизайна, разработчик Sally Jenkinson думает, что 2013-й будет годом стремительного развития инструментов для разработки. «Мы видим тенденцию к разработке дизайна в браузере. В то же время, такие гиганты, как Adobe, предлагают продукты наподобие Edge Reflow, и тем самым они окажут сильное влияние на существующие методы создания дизайна и wireframe-ов». Sally считает, что грань между макетами и прототипами размоется, и статические макеты уже будут не пригодны, чтобы отражать все обилие перемещающихся/изменяющихся элементов при просмотре сайта на разных устройствах.  Глава разработки компании «Redweb», Wayne Rowley, полагает, что весьма вероятно появление новых мобильных инструментов разработки: «Поставщики CMS уже чувствуют, что при разработке систем управления сайтами пора обеспечивать поддержку мобильных устройств. А следующий шаг — это оптимизировать интерфейсы CMS, предоставляя контент-менеджерам большую гибкость и возможность редактирования контента сайта с любых устройств».

10. Больше видео

По словам дизайнера Ayesha Garrett, в 2013-м мы увидим в сети гораздо больше видео-контента: «Интернет ускоряется, в том числе и мобильный интернет. К тому же владельцы Adobe Creative Suite внезапно вспомнили, что в пакете присутствует ПО для работы с видео, и теперь во всю играются с After Effects.“Мы увидим продолжающееся повальное использование видео с эффектом DSLR-камеры – минимальная глубина резкости и slow-motion. Все большее число камер имеет все эти вещи».

11. Больше внимания личности

Менеджмер студии Bluegg Rob Mills считает в 2013-м «будет ещё более актуально рассказывать на просторах сети разнообразные истории, и вообще больше внимания будет уделено именно личности. Это будет достигаться за счёт большего фокуса на контенте сайтов и увеличения количества иллюстраций». Он говорит «контент-стратегия всегда была важна, но, несмотря на это, мы увидели новую волну внимания к контенту сайтов. Агентства и их клиенты будут работать над созданием контента ещё более плотно. Всё это, безусловно,  только улучшит UX».

12. Получение прибыли

Мы привыкли видеть готовых к рискам капиталистов, пускающих деньги на полуготовые идеи и крупных игроков рынка, открывающих пухлые бумажники, чтобы заплатить абсурдные деньги за уже существующие сервисы (хороший пример тому покупка Facebook’ом сервиса Instagram). Разработчик, лектор и писатель Rachel Andrew надеется, что наступивший год принесет перемены. «С точки зрения перспектив бизнеса, я надеюсь, 2013 -й станет более прибыльным».

13. Представления о планшетах больше не будут ограничиваться iPad'ом

Дизайнер Roger Black говорит, что «издатели в 2013-м продолжат отказываться от нативных  iOS-приложений, поскольку понимают, что iPad'ами  рынок уже не заканчивается». Популярность планшетов Android и Microsoft с приложениями не привязанными жёстко к ОС в итоге приведёт к созданию более впечатляющих HTML-приложений, которые запускаются везде.
Стратег в сфере мобильных платформ Peter-Paul Koch также полагает, что нам следует обратить внимание на ОС Tizen: «Это мобильная ОС, созданная на базе HTML5 компаниями Samsung и Intel, и первые устройства на ней выйдут уже в этом году. Если Samsung успешно продвинет Tizen-устройства, это станет очень важным этапом». Относительно Firefox ОS, Koch мене оптимистичен: «Она провалится потому что Firefox не может производить достаточно дешёвые телефоны, которые могли бы конкурировать по цене с дешёвыми  Android-устройствами».

14. Отказ от приложений

Приложения по-прежнему остаются большим бизнесом, но некоторые издательства продолжают дрейфовать в сторону HTML5. Начальник отдела инноваций компании Redweb David Burton  полагает, что дрейф в сторону от приложений только усилится: «Золотая лихорадка закончилась, и основная проблема в том, что приложения не стали такими, какими сулили быть в начале. Мы сейчас живем в “сиюминутной” культуре , когда Google может ответить на любой наш вопрос буквально на лету.  Принцип же работы  приложений устарел. Нужно ли нам приложение от каждого бренда, за которым мы следим? И вообще, буду ли у нас, скажем лет через 5,  iPhone'ы? Кто знает? Но одна вещь все-таки известна наверняка — интернет никуда не денется, и самое правильное — это вкладывать деньги в разработку web-приложений, которые будут работать и сегодня, и завтра на абсолютно любой платформе.

15. Взрыв дизайна под мобильные устройства

Дизайнер/разработчик Dan Eden говорит, что «многие компании направят усилия на продвижение в сети через мобильные устройства», и дизайнеры почувствуют необходимость больше внимания уделить именно дизайну под мобильные гаджеты.  Дизайн под обычный стационарный монитор уйдет на второй план. Все сосредоточатся на разработке дизайна в первую очередь под мобильные устройства.

16. Экспериментальный и интерактивный дизайн

Дизайнер продукции Faruk Ateş предсказывает, что в 2013 мы увидим «всплеск новых идей в области дизайн и разработки». Поддержка CSS-сеток, препроцессоры и более глубокое понимание технологии адаптивного дизайна приведет к тому что разработчики начнут создавать сайты самыми разными способами, находясь в постоянном творческом поиске.
Нам все более и более комфортно использовать продукты, который еще не закончены. Становится вполне приемлемым запускать еще не законченные проекты, которые находятся в работе: их проще делать, и они быстрей начинают приносить доход – и уже потом, запустив проект, можно его улучшать, добавлять новы возможности и  удерживать внимание людей. Эта модель достаточно хорошо работает, особенно во времена рецессии. В этому году такая модель запуска незаконченных продуктов и уже публичной отладки, доработки проекта,  может стать очень популярной и превалирующей».

17. Улучшение макета

В последние годы основное внимание было сосредоточено вокруг новых технологий, но многие дизайнеры замечают в этом году больший фокус на дизайне. Dan Eden ожидает улучшения типографики, «хорошей новостью также было то, что Monotype приобретает  Typecast и продолжаются переговоры Typekit с Linotype». Meyer же указывает что CSS «в конце концов получил мощные возможности для работы над макетом, которых недоставало с момента возникновения технологии». Всё это благодаря модулям Flexible Box Layout  и Grid Layout. Lake полагает будет тренд в сторону «нано-дизайна»: «Детали в макете имеют большое значение и могут являться той самой вещью, которая отличает просто хороший макет от превосходного». Garrett добавляет, что «мы также увидим тренд в сторону более разнообразных сайтов, по внешнему виду которых невозможно даже будет сказать, какая CMS используется».

Web- типографика эволюционирует очень быстро, предоставляя дизайнерам все больше возможностей

18. Масштабируемый web-дизайн

Как утверждает Nick Pettit, руководитель проектов в Treehouse, у масштабируемого web-дизайна в этом году крайне хорошие перспективы: «Масштабируемый web-дизайн — это методология разработки дизайна сайтов способных отображаться на экранах  как с высокой, так и с низкой плотностью пикселей. Как и адаптивный дизайн, это определённый набор идей, техник и web-стандартов».

Масштабируемый дизайн подразумевает замену растровой графики на векторную. используя возможность формата SVG изменять размер изображения без потери качества.

Pettit говорит, что ранее технологию сдерживало лишь отсутствие поддержки SVG в IE, но теперь, с появлением поддержки в IE9,  данный формат  абсолютно жизнеспособен.

19. Разработка основанная на принципах  функционирования

Это разработка с учётом, того, как программа работает, а не того, что она производит в конечном итоге. С учётом того огромного количества создаваемой информации,  James Gardner, стратег в сфере цифровых технологий полагает, что в 2013-м будет тренд в сторону создания интуитивно понятных и простых интерфейсов: «Существующие решения громоздки и неточны, и зависят от множества вводимой пользователем информации. Новые решения будут разработаны на основе непосредственного функционирования сайтов и построены на более точных алгоритмах работы с различными данными, такими как местоположение и социальное окружение. Мы будем тратить меньше времен на поиск информации — искомая информация будет формироваться  самостоятельно. Я вижу это как гонку между двумя гигантами – Google и Facebook, и стартапами сосредоточенных на более нишевых разработках».

20.  Расцвет «гибридных» дизайнеров

Budd считает, что переход к адаптивному дизайну заставит разработчиков работать вместе ещё более плотно: программисты и дизайнеры станут не разлей вода. Но Mist убеждён, что в реальности мы, всё-таки, увидим появление более «гибридныхх» дизайнеров: «Просто возьмите бриф на разработку адаптивного дизайна и дайте его дизайнеру, который умеет программировать (точнее верстать макет). А потом дайте тому дизайнеру, который программировать не умеет. Вы получите лучше спроектированный сайт от первого! Перед теми, кто уже умеет программировать открывается огромный простор для творчества . Те же кто, программировать не умеют — скорей учитесь.

Автор: Craig Grannell

Перевод: Андрей Горн ([email protected])