Шрифт побольше, фон поярче
788 subscribers
241 photos
8 videos
3 files
39 links
🎯 Канал посвящен UX/UI-дизайну, созданию сайтов и их продвижению.

В названии – отсылка к самым частым правкам от заказчиков.
Download Telegram
69% пользователей не оформляют заказ в корзине и уходят с сайта. Как вам такое?

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

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

Стоит вспомнить, как реализована покупка билетов на сайте РЖД и сразу становится понятно, почему случается так много отказов от покупки.

Здесь можно прочитать подробнее🔥
😁8👍5😱3
Главные выводы, которые можно сделать дизайнерам:

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

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

3. Совет мало применимый для России, но очень эффективный: если есть возможность, подключайте оплату через Apple Pay и Google Pay.
Было исследование, согласно которому ввод данных банковской карты увеличивал пользовательский путь на 17 секунд. За это время многие успевали осознать импульсивность покупки и отменить ее.
Оплата с телефона решает сразу две проблемы: невозможность отмены импульсивной покупки в моменте после оплаты и отсутствие необходимости вручную вводить данные карты.

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

Помните, что пользователи способны держать в фокусе 7 плюс-минус 2 полей. То есть, у вас в распоряжении от 5 до 9 полей, которые не создадут когнитивную нагрузку.

Тут можно раздать огня, если было полезно 🔥
🔥34👍54
Вчера Telegram выкатил обновление, в котором появилась возможность размещать контент за деньги: механика предельно проста за размытым фоном и анимацией скрывался контент, к которому можно получить доступ после оплаты. Сумму автор устанавливает самостоятельно.

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

Теперь же, даже если разработчики Telegram выкатят обновление и оплата будет проходить через платежную систему Apple, заработать много на этом не получится: у пользователей из России банально не работает Apple Pay, а пополнять счет через мобильный телефон, чтобы купить платный контент мало кто станет🥺
🔥5😁4👍1👎1
Стали бы покупать платный контент в ТГ?
Anonymous Poll
16%
Да, чтобы поддержать авторов
84%
Мне что делать нечего
Крутой плагин, который оживит ваши проекты, добавив бесплатные анимации🔥
🔥5😁4😱4
Давайте сыграем в игру, где вам нужно угадать, какой дизайнерский прием нарушен на картинке.

Сразу договоримся, что в каждом примере нарушено только одно правило и надо его найти😎

Итак, как думаете, что не так с этой картинкой?
🔥11👍2👎1😱1
Полетели дальше: что нужно исправить здесь?
🔥91👎1😱1
Последний пример на сегодня: что добавим тут?
🔥101👎1😱1
А вот как это должно выглядеть!

Спасибо всем, кто участвовал❤️
13👍5🔥2👎1
Когда вам говорят, что скоро искусственный интеллект будет выполнять всю работу за дизайнеров, копирайтеров и журналистов, просто покажите им это 👇🏻
🔥2👎1
Forwarded from Адовый UX
Искусственный интеллект! Машин лёрнинг! Нейросети! Прогресс!
😁21🔥10👍2👎1
Bootstrap — это набор готовых инструментов для создания адаптивного дизайна. Его разработала компания Twitter.

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

По традиции, раздай огня, если было полезно🔥
🔥274👍3👎1
Ресурсы для прокачки насмотренности

Есть классные привычки, развив которые, вы можете оказаться на вершине успеха – 30 минут в день для тренировки насмотренности – одна из них.

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

Fantasy

Pentagram

Craftwork Studio — топовая студия, которая помимо разработки дизайна размещает на своем сайте бесплатные материалы для дизайнеров. Забирайте в копилку

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

Alex Kalashnikov — человек, который сделал приложение банка "Точка" и точка. Ладно, признаться честно, у него множество крутых проектов в портфолио. А еще он рассказывает, как круто оформить свое портфолио.

Andreas Ubbe Dall — датский дизайнер, который работает с технологическими стартапами в Кремниевой долине. Зацените его сайт в стиле Apple: видимо, близость к Купертино сказалась 🤔

Тут можно поставить огонек 🔥
Вам несложно – мне приятно!
🔥22👍52👎2