{"id":9001,"title":"\u0417\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u0435\u043d \u0444\u0438\u043d\u0442\u0435\u0445 \u043a\u0430\u043a \u0441\u0435\u0440\u0432\u0438\u0441. \u041d\u0430\u043f\u0430\u0434\u0430\u0435\u043c \u0441 \u043a\u0440\u0438\u0442\u0438\u043a\u043e\u0439","url":"\/redirect?component=advertising&id=9001&url=https:\/\/vc.ru\/promo\/321129-kritika-finteh-kak-servis-eto-dorogo-slozhno-i-slishkom-universalno&placeBit=1&hash=0f11beca127b0260f19ba1d57bd2ebb2f81750b56fe49269b93cb930545c9faa","isPaidAndBannersEnabled":false}

Тренды 2020 года в визуальном оформлении сайтов и контенте через призму здравого смысла

Мы собрали интересные тенденции 2019 года и тренды 2020 в области текстового контента и дизайна сайтов и хотим ими поделиться. Зная их, можно проверить соответствие сайта последним тенденциям. Однако если что-то у вас еще “по-старому”, не стоит спешить переделать все на новый лад. Пытаясь угнаться за модой, можно так увлечься, что завершить переделку сайта к следующему году. А там появится новый тренд на другие цвета, шрифты, оформление.

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

Яркие цвета vs пастельная гамма

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

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

Сложные градиенты и цветные фильтры

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

Шаблоны со стока

Градиенты и цветные фильтры можно накладывать на фотографии.

​Фотографии с сайта FastCompany. Слева: фотография в дуотоне (двуцветное изображение). В центре: цветные фильтры. Справа: сложный градиент

Крупные шрифты

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

Крупные заголовки на сайте Apple​

Иллюстрации в стиле фотореализм

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

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

Реалистичная иллюстрация со стока
Фотография обработана мобильным приложением

Объединение фотографии и рисунка

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

Баннер, объединяющий в себе фотографию и иллюстрацию​

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

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

Асимметрия и игры с геометрией

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

Асимметричный дизайн главной страницы сайта kinote​
Симметричный дизайн сайта imdb.com

Изображение в тексте должно отражать его суть

Исследования показывают, что фотографии реальных клиентов дают большую конверсию, чем стоковые фотографии. Компания Visual Website Optimizer совместно с Marketing Experiments провела эксперимент. Они сравнили эффективность стокового изображения с реальной фотографией клиента. Стоковое изображение имело конверсию в 7,2%, а реальное фото - 9,6%. Такая разница в результатах связана с тем, что люди хорошо чувствуют фальшь, особенно если это изображение они уже встречали где-то еще.

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

Если от стоковых фотографий не уйти, то вот несколько советов:

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

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

Оба изображения взяты со стоков. Но левое выглядит неестественно, а правое кажется естественным​

Сторителлинг

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

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

  • Расскажите о пользе, которую вы приносите клиентам
  • Поведайте свою историю, будто рассказываете сказку. Не забудьте про завязку, развитие и кульминацию
  • Пишите живым языком и забудьте слова типа “эффективный”, “максимальный” и т.п.
  • Обратите внимание пользователя на особенности компании и ваших товаров и услуг
  • Разместите фотографии. Только не берите их из фотостоков, пусть это будут качественные изображения с фотосессии
  • В конце поставьте призыв к действию
Текст о компании на сайте Maxgoodz​

Товар, за которым стоит история продается успешнее товара без нее. Агентство Hill Holyday в 2017 году провело исследование, как сторителлинг о товарах влияет на продажи. Оно показало, что, например, стоимость картины возрастает на 11% благодаря краткой истории от автора, небольшая история от винодела о бутылке вина позволяет продать ее на 6% дороже. Даже простой рассказ о товаре добавляет ему индивидуальность и цепляет эмоционально. А хорошие истории люди будут пересказывать друг другу.

История создания бритвенного станка Жиллетт​

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

  • Герой, с которым читатель может себя ассоциировать

  • Герой, который раскрывается и меняется к концу повествования

  • Эмоции

  • Эффект неожиданности (желательно, но необязательно)

  • Конфликт или проблема

  • Время и место действия

  • Герой, который действует

  • Логичная концовка

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

Нейросети пишут тексты за копирайтеров

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

Тексты для интерфейсов будут создавать UX-писатели

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

Потом тесты стали писать дизайнеры, верстальщики, технические писатели, а через какое-то время UX-специалисты. Стало лучше. Но сейчас появилась тенденция выделения интерфейсных текстов в отдельное направление контента. На западе такими текстами уже занимаются UX-писатели (UХ writer). В России это направление только развивается, хотя такие специалисты уже есть.

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

​По запросу UX-писатель в hh найдено 9 вакансий по России

Скоро юзабилити агентства будут предлагать отдельную услугу создания понятных текстов для интерфейсов и привлекать к этой работе UX-писателей.

Информационный стиль

Статьи, в которых 80% текста составляет вода и 20% польза становятся не интересны пользователям. Такие статьи не дочитывают и быстро закрывают. Поисковые машины обращают на это внимание и не допускают такие материалы на первые страницы выдачи. Поэтому информационный стиль, который в первую очередь заботится о смысле, а не о красоте метафор, получает больше сторонников.

Заказчики и копирайтеры проверяют тексты не только на плагиат (например, через Advego Plagiatus), но и на соответствие информационному стилю через сервис Главред.

Анализ ´этого текста на плагиат через Advego Plagiatus​
Анализ первого варианта этого абзаца в Главреде​

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

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

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

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

Выводы

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

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

Однако тренды трендами, но здравый смысл должен преобладать.

0
10 комментариев
Популярные
По порядку
Написать комментарий...

Рад, что вы уже осведомлены обо всем. Хорошего дня

0

Мне понравилось! Спасибо

0

Очень рад!

0

было полезно, спасибо

0

Пожалуйста

0

В закладки. Спасибо!

0

Пожалуйста, спасибо ,что прочитали

0

Спасибо за статью

0
Читать все 10 комментариев
Завод по производству идей. Как работают акселераторы, зачем они нужны стартапам и куда идти с идеей прямо сейчас

По данным Startup Genome, 9 из 10 стартапов терпят неудачу. Возможных причин «смерти» много: недостаточно протестированная гипотеза, неподтвержденная юнит-экономика, неверная стратегия или просто неудача в подходе к продажам.

Из науки в IT: как создать свой стартап и стать преподавателем

Как перейти в IT из другой сферы? Как разработать курс, которому нет аналогов? Как студенту получить максимум пользы от занятий? Рассказывает преподаватель OTUS Сергей Окатов, руководитель курсов «Kotlin Backend Developer» и «Kotlin Developer. Basic».

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

Мой опыт ведения текстового блога на «Виси», «Пикабу», «Хабре», Дзене и еще пачке площадок. Сколько потратил на них сил и какую отдачу в итоге получил.

Хочу кухню как у подруги: зачем в Циан сделали поиск квартир по фото

Рассказывает Юлия Зыкова, руководитель команды «Аудитория» в Циан.

Английский язык. Как это надо делать, если вернуть 2 года назад

Всегда считал себя неспособным к языкам, школу закончил, мягко говоря, с 0 знанием Английского языка. Как ,наверно, 95% населения нашей страны.

Бот, который сделает маму счастливее

Kind Bot напечатает и отправит по почте фото вашей маме. В 2 клика.

Наследник Рокфеллера, сын Софи Лорен, боксёр и продюсер: история француза, обманувшего Рурка, Ван Дамма и других звёзд Статьи редакции

СМИ прозвали Кристофера Роканкура звёздным мошенником: его жертвами были голливудские знаменитости и американские предприниматели. Точная сумма ущерба от действий француза неизвестна, но сам он утверждает, что за свою жизнь «заработал» $40 млн.

Кристофер Роканкур и Наоми Кэмпбелл francetvinfo
Как у меня украли 600 тысяч с карты, а Тинькофф нарушает федеральный закон

Спойлер: я НЕ вводил никуда код, НЕ переходил по ссылкам и НЕ сообщал данные карты.

Я всегда считал себя финансово грамотным человеком, сам когда-то работал в банке, соблюдал цифровую гигиену, держал деньги на нескольких счетах, не привязывал основную карту в непонятных сервисах, в 90% оплат пользовался Google Pay. Когда родственники присылали…

Потратили $1 млн на клинику для профилактики здоровья зубов в Москве — и через десять месяцев закрыли проект

История о неудачном запуске монопродукта в стоматологии — его пришлось переформатировать.

Та самая клиника
Возник по просьбе бразильских банкиров и стал любимым напитком солдат во время Второй мировой: история Nescafe Статьи редакции

В 2021 году Nescafe — крупнейшее подразделение Nestle и бренд, который оценивается больше чем в $20 млрд. По собственным данным компании, в мире каждую секунду выпивают более 5000 чашек напитка.

Дегустация Nescafe National Museum
Бизнес — как ребенок: как мамы совмещают свое дело с заботой о детях

Как совмещать бизнес и семью? Ко Дню матери своими историями поделились бизнесвумен, которые работают c ЮKassa и занимаются детьми. Читайте, как им удается сохранять жизненный баланс и добиваться успеха.

null