5 крупнейших тенденций веб-дизайна в 2017 году

5 крупнейших тенденций веб-дизайна в 2017 году

Время чтения: 6 мин.


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


Все тенденции объединены идеей, что в 2017 году, как сказал Крис Койер: «Мы не создаем страницы, мы создаем системы».


Другими словами, поскольку такие вещи, как стайл гайды, системы проектирования и библиотеки паттернов, становятся более важными, чем визуальный лейаут отдельных страниц, мы видим конкретный сдвиг в том, что связано с веб-дизайном. Эти пять тенденций можно рассматривать по-разному, в том числе, и как часть этого общего перехода.



1. Эволюция ИИ


В течение 2017 года основные средства массовой информации бомбардировали нас рассказами о крутых научно-фантастических возможностях ИИ. Но речь идет не только о будущем. ИИ уже показал себя в основном веб-дизайне в таких технологиях, как диалоговые интерфейсы (chatbots). Действительно, согласно дизайнеру продуктов на eBay, Элейну Ли, вы уже можете использовать ИИ в своей повседневной работе, сами не подозревая об этом...


Как она объясняет в этом посте, то, что называется «узким искусственным интеллектом»(ANI), уже тесно работает с голосовыми помощниками, такими как Google Home и Apple Siri. Технология также используется в Amazon, Spotify, Netflix, а также в самоуправляемых машинах и чатботах.


И это - предсказывает она, - сыграет ключевую роль в эволюции нового этапа ИИ, под названием «искусственный общий интеллект (AGI)».


Наше недавнее интервью с Generate speaker Giles Colborne углубляется больше во взаимодействие между диалоговыми интерфейсами и истинным машинным интеллектом, или простыми словами: «Как учатся чатботы».


Между тем, если вы хотите больше узнать о создании своего чатбота, ознакомьтесь со следующими постами: «How to build a chatbot interface», «How to design a chatbot experience» и «5 essential chatbot learning resources».



2. Переход от визуальных эффектов к тексту 


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


От Amazon Alexa до Facebook Messenger, от Telegram до Mastodon, веб-дизайнерам теперь приходится уделять больше внимания словам, и это тенденция будет только усиливаться по мере продвижения во времени. Это означает, что, как говорит Стюарт Лангридж в своем выступлении «Текст UX»: «Нам не нужны художники. Нам нужны поэты. Авторы. Вордсмитты».


Чтобы улучшить ваше понимание использования слов в UX, проверьте чеклист Гая Лигертвуда: «UX Writing and How to Do it»,«Making Chatbots Talk – Writing Conversational UI Scripts Step by Step» от Анны Кулавик, и «How to Write For a Bot» от Пола Боутина.



3. Рост CSS в JavaScript


За последние несколько лет все большее разнообразие опыта, который должны создавать веб-дизайнеры, привело к смещению акцента на JavaScript и созданию недоумения от множества новых фреймворков JavaScript.


Между тем, идея укладки ваших документов внутри самого JavaScript, в основном созданная сообществом React, тоже набирает обороты, начиная от презентации Facebook Кристофера Чиадеу, излагающей проблемы, которые она решает, заканчивая списком лучших практик от Airbnb, чтобы сделать правильный выбор.


Но сама идея CSS-в-JS остается спорной, с высказываниями Gajus Kuizinas по сомнению ее использования (хотя и не говорит, что вы никогда не должны делать этого), и активным обсуждением в разделе комментариев.


Если вы все еще не знаете, к какому способу перейти, эта недавняя статья Марка Далглиша делает хорошую работу по уборке преград между энтузиастами и скептиками, и есть также подобный разговор Марка на YouTube.


Между тем, если вы просто хотите получить базовое представление о том, что такое React, ознакомьтесь с этим постом Linton Ye и этим списком ресурсов для дальнейшего изучения.



4. Бум в прототипировании


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


В 2017 году, кажется, ни один день не прошел без нового приложения, инструмента или функции от таких компаний, как InVision, Adobe XD, Figma, Axure, Marvel, Vectr и тд. И это включает в себя сам Sketch, чье обновление - Sketch 43, действительно сменило игру. (Больше в этом руководстве).


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



5. Android побеждает


Насколько мы помним, многие годы Windows была доминирующей операционной системой для доступа к Интернету. Но больше это не так. В апреле этого года Android впервые обогнал Microsoft с точки зрения общего использования интернета на десктопах, ноутбуках, планшетах и ​​мобильных устройствах.


Android, который еще пять лет назад занимал всего 2,4% от общего объема использования интернета, достиг головокружительных высот, заняв 37,93% рынка и значительно опередив Windows (37,91%).


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


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


Но также важно учитывать то, как люди на самом деле будет использовать ваш сайт на смартфоне и какую информацию они будут искать. Для понимания стоит начать с перечня Памелы Павлискак: «10 Mobile Behaviours and How to Design for Them».