Подробное руководство: сколько CTA должно быть на одной странице для максимальной конверсии

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

Итак, кто же прав?

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

Возможно, вопрос не в том, «Должна ли страница иметь один CTA?», а в том, «Когда и почему страница должна иметь только один CTA?».
Читать статью

#CTA #UX
#WebDesign

Typ.io Font Pairing Lists
Ресурс сопряжения шрифтов Typ.io добывает данные из почти 3000 онлайн-примеров. Инструмент позволяет визуально сравнить разные шрифты в действии. Если вы ищете заголовок с засечками и основной текст без них, Type.io предоставит вам все необходимое.

#Fonts

В английском языке есть выражение new black. Оно означает «хит сезона», что-то очень популярное. Обратите внимание, что такая идея передается через черный цвет – и не просто так. Розничная компания Edited в 2017 году провела исследование рынка женской одежды. Оказалось, что 36% рынка занимают черные вещи.

Популярность темных оттенков перешла границы моды и вошла в UI/UX дизайн. Десятки приложений предлагают вам опцию «темной темы», которая инвертирует цветовую схему Интернета.
Читать статью

#DarkMode #UI #UX

Telegram UI Screens
Дизайн пользовательского интерфейса Telegram

Установить

#UIKit #Telegram #Screens

The Bézier Game
Кривые Безье – неотъемлемая часть набора инструментов в графическом дизайне. Но нарисовать их идеально тяжелый труд, особенно для новичков Illustrator. Если у вас возникли проблемы, The Bézier Game поможет вам лучше прочувствовать процесс создания.

RevKit – это революционный UI kit, который экономит ваше время. Его можно скачать для Sketch, Figma и Adobe XD. В наборе множество полезных компонентов, которые сразу же можно использовать в своем дизайне. Он также включает руководство по стилям, элементы управления формой, компоненты и т.д. Набор бесплатен как для персональных, так и для коммерческих проектов.

#UIkit

Плагин Color scale generator — простая генерация цветовой шкалы системы дизайна на основе выбранных базовых цветов.

Выберите 6, 8 или 10 шагов по шкале. Получите базовые цвета из выбранных элементов или ввести значение HEX.

Установить плагин

#FigmaPlugins #Color

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

#полезность
#FlowMap

В Telegram появились комментарии

В мессенджере Telegram появилась возможность комментировать сообщения в каналах. Новую функцию представил основатель приложения Павел Дуров в своем ресурсе.

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

Snack This – инструмент для создания текстовых GIF-файлов. Их можно создать за несколько секунд, скачать и использовать.

#полезность

Tabler Icons – это коллекция из более чем 550 иконок SVG, которые вы можете настроить. Измените цвет, размер или ширину штриха с помощью экранных элементов управления, а затем щелкните левой кнопкой мыши, чтобы скопировать значки для использования.

#icons

Плагин Chart использует реальные или случайные данные для создания самых популярных диаграмм. Поддерживает копирование-вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленными JSON (REST API).

#FigmaPlugins

Коллекция из 78 бесплатных векторных иллюстраций для Figma в разных позах и ракурсах
Скачать пак

#Illustration #Figma

Бесплатный UI Kit Food App для Figma
Минималистичный и чистый дизайн приложения, 20+ экранов.
Установить Kit

#UIKit #App #Figma

Shimmery Text использует SVG и GSAP для создания анимированного текста. Любые детали можно отредактировать.

#полезность

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

#цвет
#полезность

Barchartrace – это простой генератор гистограмм с открытым исходным кодом и MIT-лицензией. Его можно использовать для создания анимированных диаграмм, которые вы ранее видели в соцсетях. Просто вставьте свою информацию (загрузите CSV файл), выберите настройки анимации и вперед.

#полезность

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

#Mockup

Greenhouse Vector Icons – набор плоских иконок в двух форматах и трех версиях с «зеленой» темой. Если вы уже готовитесь к весне, то набор точно подойдет.

#icons

Коллекция иллюстраций Startup Teamwork Pack тщательно создана с учетом современных тенденций дизайна. Каждый макет хорошо структурирован и организован. Поддерживает форматы AI .XD .SKETCH .FIG
Скачать набор

#Illustration #Kit

Kinetic Slider – полностью настраиваемый слайдер WebGL, основанный на PixiJS и Gsap. Он включает эффект, который позволяет свайпом переключаться между слайдами, использовать эффект смещения фона или курсора.

#полезность