Шрифт побольше, фон поярче
Дизайнеры, ликуйте! Нашел калькулятор сеток для ваших проектов: просто выбираете значение экрана и получаете нужные параметры сетки. Дополнительно можно задать настройки Gutter и Margin, чтобы сетка была просто кастомизированной. Есть возможность добавить…
Вот вы зря так не поддерживаете этот пост, реально полезный сайт🥺
🔥9😱3👍2👎1
69% пользователей не оформляют заказ в корзине и уходят с сайта. Как вам такое?
Нашел исследование, на основании которого можно сделать вывод, что пользователи теряются, когда видят в корзине множество полей для заполнения и не оформляют заказ.
На протяжении 12 лет Baymard тестировали юзабилити сайтов и выяснили, что дизайн и юзерфлоу – единственные причины, по которым пользователи отказываются от покупки во время процесса оформления.
Стоит вспомнить, как реализована покупка билетов на сайте РЖД и сразу становится понятно, почему случается так много отказов от покупки.
Здесь можно прочитать подробнее🔥
Нашел исследование, на основании которого можно сделать вывод, что пользователи теряются, когда видят в корзине множество полей для заполнения и не оформляют заказ.
На протяжении 12 лет Baymard тестировали юзабилити сайтов и выяснили, что дизайн и юзерфлоу – единственные причины, по которым пользователи отказываются от покупки во время процесса оформления.
Стоит вспомнить, как реализована покупка билетов на сайте РЖД и сразу становится понятно, почему случается так много отказов от покупки.
Здесь можно прочитать подробнее🔥
Baymard Institute
Why Baymard?
Create best-in-class user experiences and see how your UX performance stacks up against leading sites. Sign up for free today.
😁8👍5😱3
Главные выводы, которые можно сделать дизайнерам:
1. Упрощайте все, что можно упростить
Запрашивайте у пользователя только ту информацию, без которой невозможно оформить заказ. Вряд ли вам нужна его фамилия, если вы просто хотите доставить ему, например, сумку курьером.
2. Запоминайте пользовательские данные, введенные на предыдущем этапе
Если пользователь ввел данные карты и нажал на кнопку «Сохранить для будущих платежей», значит, вы должны хранить эти данные. В будущем, это поможет не дать пользователю возможность передумать совершить покупку, пока он вводит данные карты.
3. Совет мало применимый для России, но очень эффективный: если есть возможность, подключайте оплату через Apple Pay и Google Pay.
Было исследование, согласно которому ввод данных банковской карты увеличивал пользовательский путь на 17 секунд. За это время многие успевали осознать импульсивность покупки и отменить ее.
Оплата с телефона решает сразу две проблемы: невозможность отмены импульсивной покупки в моменте после оплаты и отсутствие необходимости вручную вводить данные карты.
4. Группируйте поля в корзине по смыслу
Пользователю проще сориентироваться в сгруппированных полях, чем в полотне текста, поэтому сначала просим ввести контактные данные, необходимые для оформления заказа, затем адрес, способ и время доставки, потом данные банковской карты для оплаты.
Прогресс-бар помогает пользователю понять, сколько шагов осталось до окончания оформления.
Помните, что пользователи способны держать в фокусе 7 плюс-минус 2 полей. То есть, у вас в распоряжении от 5 до 9 полей, которые не создадут когнитивную нагрузку.
Тут можно раздать огня, если было полезно 🔥
1. Упрощайте все, что можно упростить
Запрашивайте у пользователя только ту информацию, без которой невозможно оформить заказ. Вряд ли вам нужна его фамилия, если вы просто хотите доставить ему, например, сумку курьером.
2. Запоминайте пользовательские данные, введенные на предыдущем этапе
Если пользователь ввел данные карты и нажал на кнопку «Сохранить для будущих платежей», значит, вы должны хранить эти данные. В будущем, это поможет не дать пользователю возможность передумать совершить покупку, пока он вводит данные карты.
3. Совет мало применимый для России, но очень эффективный: если есть возможность, подключайте оплату через Apple Pay и Google Pay.
Было исследование, согласно которому ввод данных банковской карты увеличивал пользовательский путь на 17 секунд. За это время многие успевали осознать импульсивность покупки и отменить ее.
Оплата с телефона решает сразу две проблемы: невозможность отмены импульсивной покупки в моменте после оплаты и отсутствие необходимости вручную вводить данные карты.
4. Группируйте поля в корзине по смыслу
Пользователю проще сориентироваться в сгруппированных полях, чем в полотне текста, поэтому сначала просим ввести контактные данные, необходимые для оформления заказа, затем адрес, способ и время доставки, потом данные банковской карты для оплаты.
Прогресс-бар помогает пользователю понять, сколько шагов осталось до окончания оформления.
Помните, что пользователи способны держать в фокусе 7 плюс-минус 2 полей. То есть, у вас в распоряжении от 5 до 9 полей, которые не создадут когнитивную нагрузку.
Тут можно раздать огня, если было полезно 🔥
🔥34👍5❤4
Вчера Telegram выкатил обновление, в котором появилась возможность размещать контент за деньги: механика предельно проста за размытым фоном и анимацией скрывался контент, к которому можно получить доступ после оплаты. Сумму автор устанавливает самостоятельно.
Сегодня утром эта функция исчезла, потому что Apple нехочет терять денюшки разрешает проводить платежи вне платежной системы Apple.
Комиссии яблочного гиганта составляют 15-30%, понятно, почему Дуров не хотел проводить платежи через эту систему.
Теперь же, даже если разработчики Telegram выкатят обновление и оплата будет проходить через платежную систему Apple, заработать много на этом не получится: у пользователей из России банально не работает Apple Pay, а пополнять счет через мобильный телефон, чтобы купить платный контент мало кто станет🥺
Сегодня утром эта функция исчезла, потому что Apple не
Комиссии яблочного гиганта составляют 15-30%, понятно, почему Дуров не хотел проводить платежи через эту систему.
Теперь же, даже если разработчики Telegram выкатят обновление и оплата будет проходить через платежную систему Apple, заработать много на этом не получится: у пользователей из России банально не работает Apple Pay, а пополнять счет через мобильный телефон, чтобы купить платный контент мало кто станет🥺
🔥5😁4👍1👎1
Стали бы покупать платный контент в ТГ?
Anonymous Poll
16%
Да, чтобы поддержать авторов
84%
Мне что делать нечего
А вот как это должно выглядеть!
Спасибо всем, кто участвовал❤️
Спасибо всем, кто участвовал❤️
❤13👍5🔥2👎1
Когда вам говорят, что скоро искусственный интеллект будет выполнять всю работу за дизайнеров, копирайтеров и журналистов, просто покажите им это 👇🏻
🔥2👎1
Bootstrap — это набор готовых инструментов для создания адаптивного дизайна. Его разработала компания Twitter.
Чтобы твои макеты были аккуратными, настрой сетку для каждого разрешения в соответствии с параметрами в карточках и будет тебе счастье!
По традиции, раздай огня, если было полезно🔥
Чтобы твои макеты были аккуратными, настрой сетку для каждого разрешения в соответствии с параметрами в карточках и будет тебе счастье!
По традиции, раздай огня, если было полезно🔥
🔥27❤4👍3👎1
Ресурсы для прокачки насмотренности
Есть классные привычки, развив которые, вы можете оказаться на вершине успеха – 30 минут в день для тренировки насмотренности – одна из них.
Собрал для вас сайты лучших студий и агентств, а также дизайнеров с мировым именем, отслеживая работы которых, вы точно станете лучше разбираться в трендах дизайна и создании качественных макетов:
Fantasy
Pentagram
Craftwork Studio — топовая студия, которая помимо разработки дизайна размещает на своем сайте бесплатные материалы для дизайнеров. Забирайте в копилку
Юрий Ветров — топовый дизайнер, который выпускает дайджест продуктового дизайна. В нем вы найдете очень много полезной информации.
Alex Kalashnikov — человек, который сделал приложение банка "Точка" и точка. Ладно, признаться честно, у него множество крутых проектов в портфолио. А еще он рассказывает, как круто оформить свое портфолио.
Andreas Ubbe Dall — датский дизайнер, который работает с технологическими стартапами в Кремниевой долине. Зацените его сайт в стиле Apple: видимо, близость к Купертино сказалась 🤔
Тут можно поставить огонек 🔥
Вам несложно – мне приятно!
Есть классные привычки, развив которые, вы можете оказаться на вершине успеха – 30 минут в день для тренировки насмотренности – одна из них.
Собрал для вас сайты лучших студий и агентств, а также дизайнеров с мировым именем, отслеживая работы которых, вы точно станете лучше разбираться в трендах дизайна и создании качественных макетов:
Fantasy
Pentagram
Craftwork Studio — топовая студия, которая помимо разработки дизайна размещает на своем сайте бесплатные материалы для дизайнеров. Забирайте в копилку
Юрий Ветров — топовый дизайнер, который выпускает дайджест продуктового дизайна. В нем вы найдете очень много полезной информации.
Alex Kalashnikov — человек, который сделал приложение банка "Точка" и точка. Ладно, признаться честно, у него множество крутых проектов в портфолио. А еще он рассказывает, как круто оформить свое портфолио.
Andreas Ubbe Dall — датский дизайнер, который работает с технологическими стартапами в Кремниевой долине. Зацените его сайт в стиле Apple: видимо, близость к Купертино сказалась 🤔
Тут можно поставить огонек 🔥
Вам несложно – мне приятно!
🔥22👍5❤2👎2