Веб дизайн 2020 – 5 тенденций веб-дизайна, о которых вы должны знать в 2020 году / Тренды / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Содержание

10 трендов веб-дизайна на 2020 год

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

Содержание статьи

Два основных направления

1. Тренды дизайна в сфере eCommerce
2. Тренды отзывчивого дизайна

1. Яркие цвета + простота
2. Анимации, интегрированные gif и динамические иллюстрации
3. Асимметричные макеты
4. Громкая типографика
5. CSS Grids
6. Масштабируемая векторная графика
7. Нарисованные от руки изображения
8. Голосовые интерфейсы
9. Искусственный интеллект и передовые технологии машинного обучения
10. Брутализм в веб-дизайне
Заключение

Два основных направления

Можно заметить, что некоторые из трендов недавнего прошлого, такие как градиенты, к примеру, вновь становятся актуальными (хотя на этот раз эти самые градиенты приняли вид динамических градиентов). Это означает, что если плоский дизайн слегка ослабит свою хватку, вместе с трудно различимыми контурными кнопками (ghost buttons), которые уже всем надоели. Динамические градиенты, в свою очередь, могут заполонить собой все веб-пространство — по крайней мере, на некоторое время.

Но опять же, благодаря таким пионерам индустрии, как Google и Apple, поддерживающими flat-дизайн, в этом году в концепцию минимализма, наконец, может проникнуть глубина и цвет. За последние пару месяцев стало очевидно, что плоский дизайн может пополниться всплесками более глубоких и заряженных энергией оттенков.

В любом случае, в 2020 году подавляющее большинство дизайнеров и разработчиков будут фокусировать свое внимание на двух группах трендов веб-дизайна:

1. Тренды дизайна в сфере eCommerce

Поскольку онлайн-шопинг уже стал нормой для миллионов потребителей, от интернет-магазинов требуется, прежде всего, то, что нужно посетителю с точки зрения пользовательского опыта / интерфейса (UX / UI) и визуальной привлекательности. По большей части, основные тенденции eCommerce-дизайна в ближайшем будущем так или иначе будут касаться удобства пользования сайтом, простоты и скорости его работы. Другими словами, чем проще будет человеку заказать и получить в руки тот продукт, который ему нужен, тем лучше.

2. Тренды отзывчивого дизайна

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

Во всем мире на мобильный сектор приходится около 52% всего веб-трафика. К концу 2019 года 63% всех пользователей мобильных телефонов будут осуществлять выход в интернет, главным образом, через свое мобильное устройство. Следовательно, более подходящего времени, чтобы сосредоточить свое внимание на главных адаптивных тенденциях дизайна, наверное, и не будет.

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

Но что всех нас ожидает в ближайшие пару лет?

1. Яркие цвета + простота

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

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

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

Стоит отметить, что особенно выгодно такие дизайны смотрятся на устройствах, чьи экраны используют технологию In-Plane Switching (IPS), в силу чего яркие цвета и смелые решения выглядят еще более зрелищно и эффектно.

Ниже — удачный пример дизайна за авторством Egwineco.com; обратите внимание на то, как при помощи ярких цветов дизайнеры делают оформление каждой банки максимально интересным и привлекательным. 

Вечеринка на крыше + жареная курочка

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

Вечер у костра + сыр на гриле

Сам дизайн при этом остается предельно простым. Подобная простота сама по себе является одним из популярных трендов в среде eCommerce последних лет.

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

Читайте также: 8 ярких цветовых трендов 2019 года

2. Анимации, интегрированные gif и динамические иллюстрации

В 2017 году весьма модным было размещать на страницах сайтов видео. Но медленная загрузка таких страниц заставила многих довольно быстро предать этот тренд забвению, ведь чем дольше загружается сайт, тем большее число пользователей (потенциальных покупателей) вы теряете.

Очевидно, что людей раздражают не сами ролики: разного рода динамические изображения пользуются популярностью у пользователей всех возрастов — а именно долгая загрузка страниц. Что же следует предпринять в данной ситуации?

Использовать анимации, конечно же.

Есть несколько способов, где и как вы можете задействовать этот формат:

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

В будущем году особое внимание будет уделено мобильной анимации.

Ориентация на мобильные экраны (так называемый mobile first) уже некоторое время является трендом веб-дизайна, и это доминирование мобильных устройств (их превалирование над десктопом) будет только усиливаться, мотивируя дизайнеров как можно плотнее заниматься разработками мобильных анимаций и их всесторонним развитием.

Иллюстрации, в свою очередь, могут существенно облегчить задачу по демонстрации потенциальным клиентам того, как пользоваться продуктом — или помочь с обзором функций сервиса.

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

«Серьезные» бренды могут задействовать пользовательскую анимацию и иллюстрации, чтобы придать своей воронке продаж или пути покупателя атмосферу непринужденности. Или просто удержать внимание людей во время загрузки страницы.

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

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

Тем не менее, есть много способов использовать анимацию для установления и укрепления отношений с клиентами.

Читайте также: 75 инструментов веб-анимации, которые вам нужно испробовать

3. Асимметричные макеты

Просто задумайтесь.

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

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

Но забывать об осторожности все же не стоит.

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

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

Насколько это смелое решение (и как быстро, в хорошем смысле, все на сайте образует беспорядок?).

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

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

Читайте также: Как использовать симметрию и асимметрию в дизайне лендингов

4. Громкая типографика

Типографика как искусство оформления текста не станет в 2020 году чем-то принципиально новым. Между тем нужно отметить, что в настоящее время наибольшее предпочтение отдается шрифтам без засечек (san-serif), поэтому если вы хотите выделиться на фоне конкурентов, в будущем году стоит разменять традиционные шрифты на что-то более смелое и дерзкое, то, что трудно будет не заметить.

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

Стоит отметить, что набирают популярность так же и вариативные шрифты.

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

Взгляните на пример вариативного шрифта от блога Typekit: 

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

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

Также очень важно сохранить баланс между «громкой» типографикой и мобильной отзывчивостью. Проблема в том, что типографику, которая удачно смотрится на десктопных экранах, как правило, трудно вписать в крошечный экран мобильных устройств. А размениваться мобильными посетителями в 2020 году все же не стоит. Как уже было отмечено выше, их просто больше.

Кстати, если вы пользуетесь платформой LPgenerator, вам не нужно открывать сервис Google Fonts для получения сторонних шрифтов на ваши посадочные страницы, ведь шрифты подключаются прямо из редактора. Мы добавили все шрифты из коллекции Google Fonts в наглядную галерею, и все, что нужно сделать — это выбрать подходящий шрифт, нажать на кнопку подключения и использовать его для новых или уже размещенных на лендинге текстов.

Читайте также: Анатомия шрифта: визуальный гайд по типографике

5. CSS Grids

Этот тренд веб-дизайна предназначен для решения проблем с адаптивным дизайном:

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

И хотя с 2017 года всем известно, что в интернет люди чаще выходят со своих смартфонов и планшетов, чем с ноутбуков и ПК, отмахиваться от того, что способен предложить умный CSS grid все же не стоит, ведь это, бесспорно, прекрасный вариант, который позволит на базе одного сайта создавать множество его версий, соответствующих размеру экрана пользователя (вместо того, чтобы делать только мобильный или только десктопный сайт). С точки зрения конечного пользователя это, безусловно, одна из самых важных тенденций адаптивного дизайна последних лет.

Как уже упоминалось ранее, объемы мобильного веб-трафика уже превзошли традиционный настольный трафик на большинстве ключевых мировых рынков. Достаточен тот факт, что сам Google продолжает демонстрировать сильную приверженность мобильным веб-сайтам.

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

Читайте также: Почему LPgenerator не использует адаптивный дизайн для шаблонов лендингов

6. Масштабируемая векторная графика

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

Но раньше за такое богатое наполнение приходилось расплачиваться более долгой загрузкой страниц, и все из-за распространенных тогда «тяжелых» форматов файлов, вроде GIF, PNG, а также видео-форматов. Все они изначально не подходили под мобильные экраны.

Недавно стало известно, что в скором времени для ранжирования веб-сайтов Google будет использовать результаты мобильной индексации.

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

И тут пора вспомнить про такой формат, как SVG. 

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

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

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

Читайте также: Как и когда использовать самые распространенные форматы графических файлов

7. Нарисованные от руки изображения

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

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

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

Все просто — нарисованные от руки картинки обладают человеческим обаянием и теплотой.

Вы можете использовать такие рисунки, чтобы просвещать, привлекать и очаровывать, источая индивидуальность и обаяние:

Разумеется, вы всегда можете использовать в своем дизайне 4K-изображения и мотивирующие фото, но, тем не менее, важно не упускать один ключевой факт: веб-дизайн 21-го века часто оказывается слишком совершенным.

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

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

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

Читайте также: 7 советов по созданию рисованной анимации

8. Голосовые интерфейсы

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

Пользователи устройств, на борту которых располагаются такие виртуальные смарт-помощники, как Алиса, Siri, Google Now и Cortana, уже давно предпочитают взаимодействовать с ними и искать что-либо в интернете при помощи голоса. А все потому, что говорить непосредственно в устройство гораздо удобнее, нежели набирать запросы вручную. И если веб-разработчики адаптируют свои интерфейсы под голосовое взаимодействие, то смогут привлечь внимание более занятой аудитории.

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

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

  • ожидается, что к 2022 году голосовой шопинг перешагнет отметку в 40 миллиардов долларов;
  • по всему миру объемы поставок смарт-колонок выросли почти на 200% в 3 квартале 2018 года;
  • ожидается, что к 2022 году 55% всех домохозяйств обзаведутся смарт-колонками;
  • 65% пользователей от 25 до 49 лет говорят со своими голосовыми устройствами по крайней мере один раз в день;
  • 61% пользователей от 25 до 64 лет отмечают, что в будущем планируют использовать свои голосовые устройства чаще.

Однако крупный бизнес не спешит внедрять голосовые интерфейсы. Но, судя по данным исследований, это лишь вопрос времени. Не за горами эра, когда именно голос будет основным вариантом ввода/управления для рядового пользователя.

Читайте также: 4 тренда digital-маркетинга, которые встряхнут 2019

9. Искусственный интеллект и передовые технологии машинного обучения

Гигант от мира социальных сетей Facebook встретил 2018 год заявлением о том, какие тенденции развития социальных медиа будут актуальны в будущем году. Среди прочих были названы дополненная реальность, искусственный интеллект и машинное обучение.

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

Продвинутое машинное обучение поможет веб-мастерам, веб-разработчикам и дизайнерам UX / UI получать информацию о пользователе на основе их истории браузера и местоположения, к примеру.

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

Искусственный интеллект — не новичок в сфере веб-дизайна и разработки. Любая автоматизированная система, которая обеспечивает персонализированный опыт, основанный на предпочтениях пользователя и воспринимаемом поведении, квалифицируется как ИИ.

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

10. Брутализм в веб-дизайне

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

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

В качестве хорошего примера можно вспомнить округлые дизайны Google.

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

Сайт дизайнера Atelier Florian Markl в стиле брутализм

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

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

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

Читайте также: Брутализм и антидизайн

Заключение

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

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

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

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

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

Высоких вам конверсий! 

По материалам: sondoramarketing.com Изображение: pixabay.com

28-11-2019

За какими трендами UX-дизайна следить в 2020 году / Habr


Иллюстрация Ouch.pics

Мы живём в интересное время. Никогда всё вокруг не менялось так быстро. Можете хотя бы представить пять лет назад, как просите железку купить вам покушать? Ничто в нынешнем мире долго не остаётся неизменным. Это связано с бурным ростом стартапов: все они утверждают, что совершают революцию в какой-нибудь существующей отрасли или технологии, из-за чего заработал инновационный цикл постоянных изменений.

Когда вы решили проблему, то на самом деле просто открываете проблемы следующего, нового уровня.

Для дизайнера вполне нормально узнавать новое и переделывать работу. Здесь нет понятия «готово»: вы что-то создаёте, затем узнаёте об этом больше — и переделываете. Процесс непрерывно повторяется снова и снова, по мере развития технологий и изменения привычек пользователей.

Как дизайнер я с нетерпением жду, что нового принесёт нам 2020-й. В этой статье попытаюсь выделить несколько тенденций, которые станут более заметными в новом году, как мне кажется.
Современный человек в повседневной жизни использует множество цифровых устройств: смартфоны, умные часы, умные телевизоры, ноутбуки, компьютеры, умные динамики, умное всё! Эти устройства выполняют различные задачи и передают разнообразный контент. Для компаний важно распознать эту тенденцию, поскольку пользователь требует определённого уровня синхронизации между устройствами.

Например, по дороге с работы вы смотрите сериал Netflix на смартфоне. Когда заходите домой, можете включить умный телевизор и продолжить с того места, где остановились. То же самое с заказом Uber через умную колонку и просмотром заказа на смартфоне.

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


Одним из главных трендов в 2020 году по-прежнему останется персонализация. Для улучшения UX нужно стараться понять поведение отдельных людей, а не сегментов аудитории.

Самая распространённая форма персонализации — рекомендация контента с помощью машинного обучения и искусственного интеллекта после выявления интересов и предпочтений пользователя. Эти методы используют такие компании, как Netflix, Spotify, Medium.


Netflix даже показывает разные обложки сериала разным пользователям, в зависимости от их предпочтений


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

Ниже приведены некоторые примеры, как используется такая «ситуационная персонализация»:

  • «МакДональдс» разрабатывает динамическое меню Drive-Thru, которое учитывает погоду, текущую загруженность ресторана и трендовые пункты меню.
  • Amazon учит Алексу определять простуду по изменению голоса и кашлю пользователя, предлагая ему соответствующее лекарство или пищу.
  • Google Maps теперь предлагает рестораны на основе вашего местоположения и личных предпочтений.


В наши дни все говорят о приватности и новых технологиях сбора данных. Сегодня как никогда много данных можно найти в интернете: медицинские записи, история местоположения, история поиска, интимные текстовые сообщения, имя вашей собаки и многое другое. Пользователь уже практически смирился, что его личные данные больше не являются «приватными» из-за взаимодействия с крупными технологическими экосистемами Apple, Google, Facebook и Amazon.

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


Панель мониторинга Google: единый центр, откуда пользователь изменяет настройки информации, конфиденциальности и параметры безопасности

В статье «Дизайн с конфиденциальностью в уме» Мартин Виземборски формулирует некоторые основные принципы:

  • Конфиденциальность как параметр по умолчанию
  • Проактивность вместо пост-реагирования
  • Открытость и прозрачность политики
  • Пользователь как главный субъект


С появлением iPhone X технология Face ID заменила Touch ID в качестве основной формы аутентификации, и все производители смартфонов последовали примеру. Это означает, что в мобильных приложениях нужно модернизировать формы аутентификации, разрешив Face ID в качестве альтернативного метода.


Telegram, ASOS и Stripe разрешают вход в систему через Face ID

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


Опять же Apple запустила этот тренд с появлением Siri в 2011 году. Однако реальное внедрение голосового UI началось только после распространения умных колонок и других домашних устройств с голосовым управлением. Когда Google, Apple, Amazon и Sonos выпустили собственные умные колонки, это явный сигнал к началу новой эры: переход от GUI к VUI, поскольку эти устройства не полагаются на сенсорный экран, кнопки или даже интерфейс меню.

Если вы думали, что умные колонки — просто ещё одна причуда, подумайте ещё раз. В августе 2019 года опрос Adobe Analytics показал, что 32% взрослых американцев владели по крайней мере одним таким устройством. Пользователи по всему миру голосом командуют установить будильник, запустить музыку, узнать погоду, поискать информацию в интернете, почитать новости, сделать покупки, и список продолжается.

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

Хотя ещё рано рассуждать о влиянии умных колонок на общество, VUI можно использовать для удобства пользователей, сократив количество необходимых действий. Также важно отметить, что VUI подходит не только для колонок, но практически для любого умного устройства.


С распространением 5G возможно, что технологии дополненной реальности (AR) полностью раскроют свой потенциал благодаря ускорению загрузки и установки, а также новым сценариям и вариантам использования. Интерактивная природа AR позволяет дизайнерам преодолеть разрыв между графическим интерфейсом и реальным миром, перейдя на новый уровень мультиканального воздействия. Опрос Gartner показал, что к 2020 году 46% ритейлеров планируют внедрить решения AR или VR для обслуживания покупателей.

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

Nike сканирует ноги покупателя для идеальной подгонки обуви в AR

Ikea с помощью AR помогает обставить комнату мебелью

Google показывает направления с использованием AR


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

Но если компания использует тёмные паттерны: обманчивые вопросы, сбивание с пути, автоматическую подписку на рассылки, стимулирующие сообщения, невидимые ссылки, бесконечные уведомления и так далее, то это чистое мошенничество. Аудит дизайна — хороший способ определить, что компания манипулирует пользователями для получения выгоды. Этому помогают ответы на следующие вопросы:

  • Трудно ли пользователю выйти из определённой ситуации (план подписки)?
  • Применяются ли цветовые схемы, чтобы повлиять на выбор пользователей?
  • Используется ли хитро составленные вопросы, чтобы подтолкнуть пользователя к определённому выбору?
  • Нет ли дизайнерских трюков для манипуляции вниманием пользователя (отвлечение внимания от какого-то пункта или привлечение к нужному выбору)?
  • Не эксплуатируется ли в дизайне чувство вины пользователя, чтобы повлиять на него (например, выбор вариантов ответа: «Да, мне это интересно» и «Нет, я не хочу расширить базу клиентов»)?


Всё вышеперечисленное заставляет с нетерпением ждать 2020 год, который будет очень интересным. Многие из упомянутых трендов проявились в течение последних нескольких лет, но с небольшими улучшениями в новых проектах они могут кардинально повысить удобство пользователей и произвести небольшую революцию в UX-дизайне.

Веб-дизайн 2020. Основные тренды — Azbuka WordPress

Веб-дизайн 2020 - тренды

500

Новый год не за горами. Это значит, пришло время обновить сайт, чтобы соответствовать новым тенденциям веб-дизайна. Давайте смотреть, какой он, веб-дизайн 2020 — что менять, чтобы быть в тренде.

Веб-дизайн 2020 — что новенького

Вот основные тренды веб-дизайна 2020, на которые стоит обратить внимание:

  • Большой, очень большой шрифт
  • Асимметричный макет
  • Фоновое видео
  • 3D дизайн
  • Пользовательские изображения
  • Скрытая навигация
  • Параллакс эффект
  • Голосовой интерфейс

Начнем!

Большой шрифт

Большой жирный шрифт в тренде уже 3-ий год. Но не стоит увлекаться и выделять весь текст жирным. Хотя…

Пример использования жирного шрифта (веб-дизайн 2020)

Это Language Media, компания, которая занимается развитием бренда. Использование bold шрифта действительно привлекает внимание посетителей.

Делать так же или нет — решать вам.

Асимметричный макет

Большинство сайтов основаны на макете в виде сетки. Сетка — это как бы линии, которые помогают выстраивать все элементы в одном порядке.

Если вы устали от одинаковых сайтов, сейчас самое время осваивать технику разбитой сетки и размещать элементы хаотично. Потому что асимметричный макет — еще один тренд веб-дизайна 2020.

Вот примеры сайтов, которые используют ассиметричный макет.

Data-data

Пример использования асимметричного макета сайта Data-Data (веб-дизайн 2020)

Artegence

Пример использования асимметричного макета сайта Artegence (веб-дизайн 2020)

Фоновое видео

Видео в качестве фонового изображения — тренд, который появился в 2019.

Анимация вместо статичного фона оживляет сайт и заставляет посетителей оставаться на нем дольше обычного. А время пребывания — сигнал ранжирования.

В общем, если размещение видео на вашем сайте уместно — смело размещайте.

Вот пример сайта с видео в качестве фона. Осторожно! Можно залипнуть:)

The Hidden Worlds of the National Parks

Пример использования фонового видео на сайте (веб-дизайн 2020)

3D дизайн

Еще один тренд веб-дизайна 2020 — использование 3D элементов. Посмотрите, как это делают на сайте Campo Alle Comete.

Пример использования 3D дизайна на сайте (веб-дизайн 2020)

Похоже на сказку. Более того, с помощью 3D графики они смогли рассказать историю бренда.

Вот еще пример — Common Studio London.

Пример использования 3D дизайна на сайте (веб-дизайн 2020).

И еще — проект BBC Earth. Это вообще крутяк!

Пример использования 3D дизайна на сайте (веб-дизайн 2020)

Пользовательские изображения

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

Это еще одна возможность завоевать популярность в интернете и повысить конверсию.

Скрытое меню

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

Если, например, меню сайта состоит из пунктов, которые просто не влезают в одну строку — используйте скрытое меню.

Это удобно. И в тренде:)

Demodern

Пример использования скрытой навигации на сайте (веб-дизайн 2020)Пример использования скрытой навигации на сайте

Maecia

Пример использования скрытой навигации на сайтеПример использования скрытой навигации на сайте

Параллакс эффект

Техника параллакса изначально возникла из видеоигр. Смысл в том, что во время прокрутки страницы фон перемещается с разной скоростью, создавая псевдо 3D эффект. И это еще один тренд веб-дизайна 2020.

Смотрим примеры:

Davideperozzi

Пример использования параллакс эффекта на сайте

Bear Grylls

Пример использования параллакс эффекта на сайте

Голосовой интерфейс

Voice User Interface (VUI) дает возможность пользователям взаимодействовать с сайтом с помощью голосовых команд. Хотя эта тенденция не связана с дизайном, она добавит удобство использования и функциональность вашему сайту.

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

Заключение

Вот такой он, веб-дизайн 2020. Что применять, а что оставлять — решать вам.

Надеюсь, статья была для вас полезной.

Читайте также:

Какие тренды веб-дизайна были в 2018 и 2019.

Важное о ранжировании сайта: 13 вопросов о самом главном.

Пошаговое руководство о том, как сделать сайт на WordPress.

Все о SEO оптимизации сайта.

А также подробный чек-лист по SEO бизнес-сайта.

Понравилась статья? Пожалуйста, сделайте репост:)

И подписывайтесь на нас в Facebook, Instagram и YouTube.

ᐉ ТОП-8 трендов веб-дизайна 2020. Актуальные тенденции.

Тренды в веб-дизайне — важный момент, на который стоить обратить внимание современным дизайнерам. Старые методы визуализации остаются в прошлом, уступив место новым актуальным идеям. Соблюдение тенденций web-дизайна делают сайты более популярными. Попробуем разобраться какие тренды веб дизайна будут актуальны в 2020 году. Что останется и будет популярным? Изучим дизайн сайта и его тенденции вдохновляясь на создание нового свежего интернет-продукта. Главная задача дизайна – привлечь и удержать внимание пользователей. Современный web-design интересует все больше специалистов, которые работают над созданием уникальных проектов для:

  • мировых компаний;
  • передовых брендов;
  • бизнес предприятий;
  • известных торговых марок.

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

  1. увидеть;
  2. захотеть;
  3. полюбить;
  4. приобрести.
новинки веб дизайна

Цветная тема оформления

Современным пользователям уже приелись однотонные:

  • веб-страницы;
  • мобильные приложения;
  • постеры;
  • логотипы.

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

разноцветные темы

Цвет играет важную роль в создании впечатления об объекте. Поэтому сейчас этот факт начинают использовать, изучая тренды веб дизайна 2020. Элегантный тон в сочетании с минимализмом притягивает очень большое количество пользователей. Такой дизайн не просто привлекательный и запоминающийся — он продающий! Этим воспользовались такие мировые бренды как:

  1.  Apple;
  2. Samsung;
  3. McDonalds;
  4. IKEA;
  5. Coca-Cola;
  6. Adidas.

Интерактивные разработки

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

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

Градиенты

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

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

фон для сайта градиент

Градиенты – один из ключевых трендов веб-дизайна 2020. Элементы современного графического дизайна в настоящее время его можно использовать фактически в любом виде. Отсутствие лишних элементов позволяет:

  1. сконцентрироваться на объекте;
  2. быстрее совершать действие;
  3. сразу приступать к немедленному действию;
  4. не отвлекаться на излишки декора.

Асимметричный макет

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

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

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

  1. движение текста;
  2. воспроизведение видео;
  3. появление лиц на картинках;
  4. перекрывание одного элемента другим.

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

Читайте также: будущее веб-дизайна

Минимализм

На сегодняшний день минимализм — это главный тренд большинства разработок, которые отвечают за веб-дизайн сайта. Его смело можно назвать одной из главных тенденций графического дизайна на 2020 год. Минимализм в современном дизайне сайта— это акцент на одной детали. К примеру, на:

  • шрифте;
  • фоне;
  • товаре;
  • иконке.
дизайн сайта минимализм

Главная цель этого приема – привлечение внимания за 5 секунд. Пользователь концентрируется на основных элементах, которые дают ключевой запрос. Минимализм содержит в себе только все необходимые элементы для создания уникального графического дизайна. Зачем отвлекать посетителя ненужным пейзажем, авто или мебелью? Упростив свой дизайн, вы повысите эффективность взаимодействия. Поставьте пользователя на первое место и убедитесь, что ваш веб-дизайн сайта соответствует его потребностям.

Смелая анимация

В 2020 году сохранится тренд web дизайна на анимацию логотипов. Это ярко, красиво и элегантно. Большинство компаний используют анимацию при загрузке первой страницы. Это графический вид веб-дизайна 21 века, который демонстрирует свою эффективность для персональных сайтов компаний. Но все должно иметь меру, как правило, легкая анимация позволяет подчеркнуть особенности бренда и его уникальность. Анимированные сценарии присутствуют в веб-пространстве повсюду, они заставляют пользователей платформы совершать алгоритм следующих действий:

  • кликать;
  • лайкать;
  • добавлять в избранное;
  • переходить на страницу;
  • приобретать услугу или товар.

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

Нестандартное размещение блоков

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

Читайте также: оформление дизайна сайта — процесс по привлечению посетителей

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

3D моделирование

Трехмерные композиции — главный тренд web-дизайна 2020 года. Это изысканная картинка, в которую хочется окунуться с головой. 3D проекты все больше заполняют наш мир. Фильмы, рисунки на асфальте, логотипы и многое другое все больше обретают объемную форму. 3D-компоненты повышают конверсию и помогают улучшить юзабилити сайта. Это не только креативный прием с точки зрения дизайна, но и отличный маркетинговый ход.

Внедрение данного тренда web-дизайна заставляет ожить интернет-пространство, концентрируя внимание посетителей, на фоне других объектов. Примером эффектной демонстрации приема может стать фотоснимок блюда, размещенный на сайте кафе, от которого вверх подымается пар. Наблюдается эффект свежеприготовленной пищи, которая возбуждает аппетит и желание ее немедленно попробовать.

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

Тренды веб-дизайна 2020: девяностые возвращаются! – Сей-Хай

Ох, 90-е… Эта эпоха дала нам столько всего. Гранж был на подъеме, восточное побережье воевало с западным в хип-хопе. Все ходили в джинсах с высокой талией и рубашках, а на ногах (в идеале) были Converse. Кроме того, это десятилетие дало нам сериал «Друзья», «Симпсонов» и «Южный парк». И все, что придет вам в голову – поп-культура, политика, мода – было каким-то грубым, неотесанным. Этот вид ознаменовал эпоху.

Перенесемся в современность: этот образ 90-х годов возвращается на новый уровень. И это не остановить.

Грубая эпоха 90-х рулит дизайном. Яркая анимация, большие шрифты и асимметрия.

Tennent Brown

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

Daniel Spatzek

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

Перебор в типографике

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

Экспериментируйте со стилями шрифтов, используйте прописные и строчные буквы. У вас огромное количество вариантов. Главный принцип – чем больше, тем лучше. Дизайнерское агентство Locomotive приводит интересные кейсы.

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

Locomotive

Есть также сайты вроде davideperozzi.com, которые шагнули вперед и сделали типографику наиболее заметным элементом своего дизайна.

Davide Perozzi

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

Контрасты в размерах шрифта

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

Ребята из craftedbygc.com проделали большую работу по объединению идеально заданных размеров шрифта с изображениями, которые они выбрали для использования на странице.

Crafted Bygc

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

Асимметричный макет

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

Отличный пример – сайт Burnish Creative.

Burnish Creative

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

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

Минимализм

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

Design Canada

Дизайн лишен любых элементов, в которых нет смысла. Весь смысл в том, чтобы дать вашим посетителям именно то, что они искали. Вы не хотите отвлекать их ненужной косметикой. Упрощая свой дизайн, вы повышаете эффективность сообщения. Поставьте пользователей на первое место и убедитесь, что ваш дизайн соответствует их потребностям.

Контурная типографика

Эстетика 90-х и контурная типографика – это любовь навсегда. Полые шрифты – отличный выбор, особенно для веб-сайтов, где много изображений. Если вы не хотите, чтобы ваша типографика подавляла картинки, но сам текст очень важен, этот способ убьет сразу двух зайцев.

Сайт benandmartin.com – отличный пример использования типографики.

Benand Martin

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

Такая типографика хороша тем, что вы можете поиграть с ней и разместить надписи там, где вы хотите.

Смелая анимация

Мы хотим, чтобы все было просто, верно? Как мы уже говорили, нет необходимости добавлять ненужные детали. Но вы можете добавить несколько эффектов анимации десь и там, чтобы сделать процесс просмотра более увлекательным и захватывающим.

Как этот парень:

Louisansa

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

Крайности брутализма

Noforno

Один из способов придать вашим сайтам внешний вид 90-х годов – использование брутализма. Паскаль Девиль (brutalistwebsites.com) дал одно из лучших объяснений того, что такое брутализм:

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

Saint Gervais

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

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

Сделайте красным

Мы уже говорили о том, что дизайны, вдохновленные 90-ми годами, в основном лишены цвета – они используют его как изюминку. Но если вы захотите использовать эту изюминку, какого цвета она будет? Какой цвет лучше всего сочетается с простой, но впечатляющей эстетикой 90-х? Конечно же красный!

Agauche Delalune

Если ваша цель – привлечь внимание, то смело выбирайте красный. Этот цвет уже глубоко укоренился в наших мозгах. Мы связываем его с силой, энергией и страстью. Вернитесь и еще раз посмотрите на все примеры, которые мы использовали в тексте. На этих сайтах не так уж много цветов, но детали красного цвета есть везде! Ваш глаз сразу же обращается именно к этим элементам.

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

Заключение

Уникальная эстетика 90-х набирает популярность сегодня. Особенно среди более альтернативной публики. Простой, эффективный, смелый, привлекающий внимание – именно так должен выглядеть ваш дизайн, если вы хотите выглядеть как в 90-х.

Источник

Читайте также:

20+ новых крутых инструментов для дизайнеров за август 2019

5 советов, как контролировать внимание пользователя на вашем сайте

5 полезных расширений Chrome, которые должен попробовать каждый веб-дизайнер

Тренды веб дизайна в 2019-2020

Мы уже обсудили, какие тренды веб дизайна уходят в прошлое в статье «Тренды веб-дизайна — топ-8 устаревших элементов», где говорилось в основном об элементах пользовательского интерфейса, а не о дизайне сайта в целом. Куда более интересно порассуждать о том, чем современные веб дизайнеры готовы завоевывать внимание пользователей. То есть что в текущем 2019 и будущем 2020 годах станется и будет популярным. Давайте изучать тренды веб дизайна и вдохновляться вместе.

1. Минимализм

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

2. Типографика — как центральный элемент дизайна

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

Или еще один интересный пример на dribble, в котором очень хорошо сочетается типографика и праллакс эффект. Kanye West & Adidas Promo Website.

 

3. Легкая прокрутка страницы

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

Так же легкой прокрутки можно добиться с помощью анимации, когда каждый последующий элемент, который должен увидеть пользователь будет появляться после предыдущего. Все в необходимом порядке, как в проекте Landing — Lakes wealth Loch by Outcrowd.

4. Смещенная сетка макета.

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

По-моему, получается интересный, нестандартный поход, который имеет право быть в списке трендов веб -дизайна в 2019 году и с большой замашкой на будущее. Главное, что все понятно и при этом мобильная версия сайта не пострадала.

5. Анимация

Анимация – это неоспоримо яркий и приковывающий внимание тренд веб дизайна в 2019 и последующих годах. Если анимация выполнена профессионально, то, конечно это сформирует положительный отклик пользователей. И сейчас мы говорим об анимации, не как о части параллакс эффекта, а как об отдельно выполненном элементе. Но тут есть минусы – большой вес анимации вкупе с плохим интернетом может отпугнуть пользователей, не желающих долго ждать. Встроенная в дизайн сайта анимация имеет смысл когда вы разрабатываете демонстративную промо страничку или сайт портфолио, как, например, это сделал Остин Майер. Но тогда лучше встраивать на такой сайт предзагрузчик (прелоудер), что позволит странице сначала подгрузить полностью все необходимые элементы, а затем уже показывать контент.

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

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

6. Полуплоский дизайн.

В тренд входит разбавление привычного для нас плоского дизайна (flat design) тенями, что создает дополнительный объем, но не нарушает концепции минимализма. Лично я очень рада этому. Nike Promotion Ads — Parallax Effect.

7. Дуплексные цвета.

Трендом 2019 и 2020 год в веб дизайне стало использование двух цветов в дизайне всего сайта, что делает его невероятно стильным. Fashion by Giga Tamarashvili.

8. Яркие цвета и их сочетания

Данный тренд перешел к нам из 2018 года и имеет все шансы остаться надолго в индустрии веб-дизайна. Цветовые решения и их смелые сочетания вкупе с психологическими аспектами использования тех или иных оттенков способны сформировать у пользователей необходимую реакцию, что положительным образом скажется на конверсии, продажах если это интернет магазин, да и вообще на восприятии бренда в целом. Clothes Shop by Yana 

9. Иллюстрации

Они повсюду и просто атакуют интернет пространство. Этот тренд в веб дизайне пришел вместе в flat дизайном и завоевывает свое пространство все больше и больше. И теперь это не просто иконки, а персонажи, фоны и полное оформление страниц сайта. Online taxi page template by Fidann Memmedli 

10. Фотография и иллюстрация.

Совмещение иллюстрации и фотографии — популярный тренд сегодня. Такая фотография не останется незамеченной, а значит ее использование в качестве демонстративного материала в веб дизайне оправдана. Но об этом — отдельная статья «Иллюстрация и фотография в Photoshop«, которая так же не оставит вас равнодушным!

Я перечислила не все тренды веб-дизайна 2019-2020 годов, так как статья получается очень большой. Если вам интересна эта тема – оставляйте комментарии и мы вместе поразмышляем о том, что еще популярно в этом году и будет востребовано в следующем. Если вы хотите получать еще больше интересной информации из мира дизайна – подписывайтесь на обновления блога «Дизайн в жизни»

(Visited 817 times, 3 visits today)

Какими будут сайты в 2020 году: тренды веб-разработки, веб-дизайна и интернет-маркетинга

Если бы Илон Маск следил за трендами дизайна, Cybertruck, скорее всего, выглядел бы иначе и не стал бы мемом. Чтобы ваш сайт не превратился в предмет насмешек, а методы продвижения приносили деньги вам, а не только подрядчикам по интернет-маркетингу, мы проанализировали запросы наших клиентов за этот год, опросили наших разработчиков, дизайнеров, интернет-маркетологов и отдел продаж, о том, куда движется digital, и собрали самые важные, по нашему мнению, тренды веб-разработки, веб-дизайна и интернет-маркетинга в 2020 году вместе.

Тренды веб-разработки

Тренды веб-дизайна

Тренды интернет-маркетинга

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

Аналитика бизнеса — первый этап веб-разработки

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

Аналитика бизнеса

Юрий Милютин

Юрий Милютин
руководитель отдела продаж

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

Анжелика Трофимова

Анжелика Трофимова
директор

Заказчики сайтов хотят получать результат разработки быстро и при этом платить меньше. На первый взгляд, аналитика бизнеса, которая увеличивает чек на разработку, не очень вяжется с этим желанием, но в пересчете на реальные деньги это все равно выходит для клиента выгоднее. Ведь сайт уже на старте «заточен» под выполнение реальных бизнес-задач, и его не придется переделывать.

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

Интеграции с внешними системами

Интеграция с внешними сервисами

Анжелика Трофимова, директор:

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

Юрий Милютин, руководитель отдела продаж:

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

Татьяна Матвеенкова

Татьяна Матвеенкова
руководитель отдела Performance-маркетинга

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

Интерактив и геймификация

Анжелика Трофимова, директор:

Посетителей привлекают игровые моменты: тесты, викторины, мини-квесты. Пользователь хочет получать полезный контент, но делать это без труда. Задачи коммерческого сайта в 2020 году — вовлечь, развлечь, обучить и только после этого продать.

Дмитрий Савушкин

Дмитрий Савушкин
руководитель отдела дизайна

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

Мобильность, адаптивность, отзывчивость

Адаптивность

Анжелика Трофимова, директор:

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

Все телефоны на сайте должны быть кликабельными и звонибельными.

Дмитрий Савушкин, руководитель отдела дизайна:

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

Темный интерфейс смартфона

Слияние функций back-end и front-end

Слияние функций back-end и front-end

Анжелика Трофимова, директор:

Сейчас требования к визуальной части сайтов сильно изменились по сравнению с ситуацией двух-трехлетней давности. Это уже не просто красивая картинка, а продуманный адаптивный интерфейс между пользователем и серверной частью. Множество сценариев выполняется на стороне браузера, и за все это отвечает front-end, в функции которых раньше входила в большей степени верстка для отображения отработанных сценариев. В текущих реалиях front-end — это уже программирование. Стирается граница между сценариями, которые отрабатывают на сервере (back-end), и сценариями на клиентской стороне (front-end). В связи с этим растет спрос на full-stack-специалистов, которые могут разрабатывать сценарии и на стороне сервера и на стороне клиента.

Гибрид сайта и мобильного приложения

Гибрид сайта и мобильного приложения

Анжелика Трофимова, директор:

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

В дизайне все веяния либо мимолетные, которые за месяц всем надоедают и забываются, либо долгоиграющие, которые несколько лет набирают обороты, их применение расширяется, меняются дизайнерские приемы для их реализации. О долгоиграющих трендах, которые будут определять веб-дизайн в 2020 году мы спросили Дмитрия Савушкина, руководителя отдела дизайна WebCanape.

Минимализм

Минимализм

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

Смелый дизайн

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

UX-дизайн

UX-дизайн

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

Яркие цвета и градиенты

Постоянно находятся новые и свежие оттенки привычных цветов. Все пресытились классической палитрой: если желтый то как у Яндекса, если зеленый то как у Сбербанка и т. п. Чем уникальнее оттенок, тем лучше.

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

Иллюстрации и 3D-графика

Иллюстрации и 3D-графика

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

Типографика

Текст давно уже не воспринимается как абзац с вылетами и параграфами. Это самостоятельный элемент дизайна — крупные заголовки, хаотично разбросанные слова, эффекты для шрифта (тени, контуры, градиенты), нарочно нарушенная читабельность, смелые начертания шрифтов.

Чтобы вам ни говорили SEOшники, уменьшение количества текста — тенденция, к которой стоит присмотреться. Большой объем текста не делает вас солиднее, он делает вас скучнее.

Юлия Сергеева

Юлия Сергеева
руководитель отдела контент-маркетинга

Действительно, кирпичи текста никто уже давно не читает (а читал ли?). Классно, когда страница построена на заголовках, по которым посетитель перескакивает как с кочки на кочку и сваливается в воронку продаж, оставив заявку в форме, к которой вы его привели. Сегодня эффективный текст плотно привязан к дизайну, и этот тренд пришел, чтобы остаться.

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

Видео и motion-дизайн

Motion-дизайн

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

Анжелика Трофимова, директор:

Аудитории приятно взаимодействовать с сайтами, которые вызывают эмоции: содержат графику, видео, анимации, меняют внешний вид в зависимости от сезона, времени суток.

Антон Меренков

Антон Меренков
руководитель отдела поискового продвижения сайтов

Видеоконтент уже не первый год в трендах в продвижении и дизайне. Пользователи больше доверяют продукту, который понимают. А содержательный ролик как раз способствует лучшему пониманию. Пора уже всем завести канал на YouTube. Что вы за бизнес, если вам нечего показать?

Татьяна Матвеенкова, руководитель отдела Performance-маркетинга:

С такой популярностью видеоконтента немудрено, что видеореклама тоже набирает обороты. Таргетированная реклама в TikTok сейчас на пике популярности.

Внутриплатформенное продвижение, месседжеризация, эмоционально заряженный маркетинг — главные тенденции, с которыми мы вступаем в 2020 год. Подробнее о них и других трендах расскажут наш директор по внутреннему маркетингу Евгений Чуранов, руководитель отдела performance-маркетинга Татьяна Матвеенкова и руководитель всея SEO в WebCanape Антон Меренков.

Влияние технологических платформ на рынок интернет-рекламы

Влияние технологических платформ

Евгений Чуранов

Евгений Чуранов
директор по внутреннему маркетингу

На рынок интернет-маркетинга стали сильно влиять технологические платформы. Уже сейчас существует много проектов типа Яндекс Такси, Яндекс Услуги, Яндекс Еда, и таких агрегаторов все больше. Они меняют традиционные бизнес-модели — профессионалу/компании теперь не обязательно иметь сайт, чтобы получать заказы. Вместе с бизнес-моделями меняется и маркетинг — появился спрос на продвижение внутри платформы, чтобы заказывали у вас, а не у других участников платформы. Это видно по Amazon и AliExpress, где услуги продвижения внутри платформы уже супервостребованы.

Сейчас мы активно работаем с платформами Яндекс Дзен и Яндекс Кью и продвигаем бизнес наших клиентов там.

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

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

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

Татьяна Матвеенкова, руководитель отдела Performance-маркетинга:

Репутация компании на этих платформах действительно очень важна и помогает сделать рекламу эффективнее. В Google Рекламе, например, рейтинг по отзывам можно добавить к рекламному объявлению.

Консультации в мессенджерах

Консультации в мессенджерах

Евгений Чуранов, директор по внутреннему маркетингу:

Люди не хотят делать лишние действия, любая потеря времени воспринимается очень болезненно. В первую очередь это касается коммуникаций. Массовое увлечение мессенджерами изменило потребительские привычки, аудитория стала нетерпеливее, и это заставляет менять подходы к работе с клиентами. Если вы не можете за 30 секунд ответить на сообщение в онлайн-консультанте или мессенджере — посетитель сайта уйдет к конкурентам.

Эмоциональный маркетинг

Эмоциональный маркетинг

Евгений Чуранов, директор по внутреннему маркетингу:

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

Миссия компании — это не просто строчка в разделе «О нас» на сайте. Это то, что разделяет ваша аудитория, и то, во что вы сами верите и чему следуете. Она должна прослеживаться в стиле сайта, креативах, подходе к продажам. Чтобы ваш продукт, бизнес, имидж резонировал с вашей целевой аудиторией, вам необходимо вникнуть в потребности клиента — составить его портрет. Клиента, которого вы совсем не знаете, очень сложно удивить.

Поиск не по тексту

Поиск

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

Пользователь ленится, поэтому голосовой поиск на подъеме. Пользователь не всегда знает, что он хочет, поэтому ищет по картинкам. Голосовой и визуальный поиск — то, на чем нужно сконцентрироваться при продвижении сайта в 2020 году. Чтобы не терять людей, которым удобно искать именно так, внимательно отнеситесь к текстам и метатегам, а у изображений обязательно прописывайте альтернативные заголовки и описания.

Автоматизация рекламы

Татьяна Матвеенкова, руководитель отдела Performance-маркетинга:

В рекламных кабинетах все меньше отдается на откуп специалистам и все больше инструментов автоматизируется. Площадки делаю ставку на машинное обучение и искусственный интеллект. У Яндекса появились ключевые цели, Facebook за счет своих алгоритмов лучше работает на широкие аудитории, Google совершенствует автоматические стратегии и умные компании, позволяет автоматически формировать фиды на основе сканирования сайта. Автоматизируются и отчеты.»

Персонализация креативов

Татьяна Матвеенкова, руководитель отдела Performance-маркетинга:

Баннерная слепота — болезнь (или благословение) современной интернет-аудитории. Чтобы завладеть вниманием пользователя, нужно сделать личный посыл — поэтому динамическая реклама завоевывает позиции. Пользователь должен узнать в вашем объявлении себя, только тогда он на него кликнет. Ну и чтобы вам не приходилось тратить на это сильно много времени, в рекламных кабинетах предусмотрели инструменты для создания адаптивных креативов. Так вы меньшими усилиями получите охваты на максимальном количестве площадок в РСЯ и КМС.

Расширение рекламных площадок

Татьяна Матвеенкова, руководитель отдела Performance-маркетинга:

Рекламные площадки стараются искать новые инструменты для получения платного трафика. Яндекс запустил рекламу в Яндекс Дзене, появилась возможность создания рекламной кампании для продвижения контента, теперь можно делать медийные кампании в приложении Яндекс Метро. В 2020 мы точно увидим еще много нового. И цены точно не будут падать, потому что конкуренция растет.

Диджитал в 2020 году — пользователь решает

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *